[gelöst] CSS wird bei selbst erstelltem Theme nicht geladen ...
Eingetragen von SkullSplitter (81)am 13.01.2012 - 00:03 Uhr in
Guten Abend liebe Gemeinde :)
Ich versuch mich gerade daran, ein Theme selber zu erstellen,
Ich habe mir dabei das Grundgerüst in HTML mit externer CSS erstellt und versuche da jetzt nach Drupal zu bekommen.
Irgendwie will aber das Theme meine CSS-Datei nicht laden. Ich hab geschaut und verglichen, aber keine Fehler entdeckt.
Woran kann das liegen ?
die Info-Datei
name = luettje
description = Luettje Hoern Theme for Drupal 7
package = Core
version = VERSION
core = 7.x
screenshot = screenshot.png
stylesheets[all][] = style.css
regions [headerleft] = Header Left Logo
regions [headerright] = Header Right Menu
regions [sliderarea] = Slider Area
regions [maincontent] = Main Content
regions [sidebarleft] = Sidebar Left
regions [contentbelow] = Content Below
regions [contentbox1] = Content Box Left
regions [contentbox2] = Content Box Middle
regions [contentbox3] = Content Box Right
regions [footerboxleft] = Footer Box Left
regions [footerboxright] = Footer Box Right
regions [footermenu] = Footer MenuAuszug aus der style.css :
body {
font-size: 13px;
line-height: 1.231;
margin:0;
}
a {
color: #000000;
text-decoration: none;
}
#page {
}
#wrapper {
margin-left: auto;
margin-right: auto;
width: 980px;
}
...über Hilfe , Rat & Tat wäre ich dankbar
Gruss
Skully
- Anmelden oder Registrieren um Kommentare zu schreiben
Liegt denn die CSS-Datei
am 13.01.2012 - 09:29 Uhr
Liegt denn die CSS-Datei style.css auch auf oberstem Level im Theme Verzeichnis oder in einem Unterverzeichnis? Nach Deiner Definition muß sie auf dem obersten Level liegen.
Beste Grüße
Werner
Hast Du den Cache geleert?
am 13.01.2012 - 09:33 Uhr
Hast Du den Cache geleert? Sobald Du Änderungen an der ".info" Datei vornimmst musst Du den Drupal Cache leeren.
Ja hab ich siehe Bildund
am 13.01.2012 - 10:17 Uhr
Ja hab ich siehe Bild
und den Cache hab ich jedes mal gelöscht, wenn ich irgendwas am Theme oder an den Einstellungen gändert habe :(
einen groben Fehler habe ich entdeckt, in der CSS-Datei die Pfadangaben ... wir kommen den Ziel schon etwas näher,
nur das jetzt die neuen von mir gewollten Regionen nicht angezeigt werden.
<!-- page -->
<div id="page">
<div id="mainheader">
<div id="header">
<div id="headerleft">
<?php if ($logo): ?>
<a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home" id="logo">
<img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>" />
</a>
<?php endif; ?>
</div><!-- headerleft -->
<div id="headerright">
<?php print render($page['headerright']); ?>
</div><!-- headerright -->
</div><!-- header -->
</div><!-- mainheader -->
<!-- wrapper -->
<div id="wrapper">
<div id="sliderarea">
<?php print render($page['sliderarea']); ?>
</div><!-- sliderarea -->
<div id="maincontent">
<div id="sidebarleft">
<?php print render($page['sidebarleft']); ?>
</div><!-- sidebarleft -->
<div id="contentbelow">
<div id="content" class="column"><div class="section">
<?php if ($page['highlighted']): ?><div id="highlighted"><?php print render($page['highlighted']); ?></div><?php endif; ?>
<a id="main-content"></a>
<?php print render($title_prefix); ?>
<?php if ($title): ?><h1 class="title" id="page-title"><?php print $title; ?></h1><?php endif; ?>
<?php print render($title_suffix); ?>
<?php if ($tabs): ?><div class="tabs"><?php print render($tabs); ?></div><?php endif; ?>
<?php print render($page['help']); ?>
<?php if ($action_links): ?><ul class="action-links"><?php print render($action_links); ?></ul><?php endif; ?>
<?php print render($page['content']); ?>
<?php print $feed_icons; ?>
</div></div> <!-- /.section, /#content -->
<div id="maincontentbox">
<div id="contentbox1">
<img alt="Hochzeiten & feierliche Feste" src="./img/1.jpg">
<div class="contenttext">
<strong>Hochzeiten & feierliche Feste</strong><br/>
<img alt="-" src="./img/fischicon.gif"><br/>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
<br/><br/><a href="">mehr »</a>
</div>
</div><!-- contentbox -->
<div id="contentbox2">
<img alt="Events & Kongresse" src="./img/2.jpg">
<div class="contenttext">
<strong>Events & Kongresse</strong><br/>
<img alt="-" src="./img/fischicon.gif"><br/>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
<br/><br/><a href="">mehr »</a>
</div>
</div><!-- contentbox -->
<div id="contentbox3">
<img alt="Catering" src="./img/3.jpg">
<div clasS="contenttext">
<strong>Catering</strong><br/>
<img alt="-" src="./img/fischicon.gif"><br/>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
<br/><br/><a href="">mehr »</a>
</div>
</div><!-- contentbox-->
</div><!-- maincontentbox -->
</div><!-- contentbelow -->
</div><!-- maincontent -->
</div><!-- wrapper -->
<div id="footer">
<div id="footerboxleft">
<?php print render($page['footerboxleft']); ?>
</div><!-- footerboxleft -->
<div id="footerboxright">
<?php print render($page['footerboxright']); ?>
</div><!-- footerboxright -->
<div id="footermenu">
<?php print render($page['footermenu']); ?>
</div><!-- footermenu -->
</div><!-- footer -->
</div><!-- /page -->
irgendwie ist da echt der Wurm drinne :(
Welchen Browser benutzt Du?
am 13.01.2012 - 10:21 Uhr
Welchen Browser benutzt Du? IE hat ein Problem mit der Anzahl der geladenen CSS-Dateien, bei 31 Dateien hört der auf. Es gibt aber ein passendes Modul um das zu umgehen, oder Du schaltest die CSS-Optinierung ein. Ist zwar beim Erstellen eines eigenen CSS-Files nicht ideal, aber zum ersten Test, ob das der Fehler ist, kannst Du es ja nutzen.
Beste Grüße
Werner
bzgl. der Regionen, Hinter
am 13.01.2012 - 10:28 Uhr
bzgl. der Regionen, Hinter den "regions" in der "info" Datei kein Leereichen sondern
regions[sidebar_first]Zumdem musst Du die Drupal eigenen Regionen auflisten und zusätzlich Deine hinzufügen:
; Drupal regions
regions[sidebar_first] = Left sidebar
regions[sidebar_second] = Right sidebar
regions[content] = Content
regions[header] = Header
regions[footer] = Footer
regions[highlighted] = Highlighted
regions[help] = Help
regions[page_top] = Page Top
regions[page_bottom] = Page Bottom
; Theme regions
regions[front_first] = Frontpage first block
regions[front_second] = Frontpage second block
regions[front_third] = Frontpage third block
regions[front_fourth] = Frontpage fourth block
regions[headerimage] = Headerimage
siehe hier: http://drupal.org/node/171206
oh :) ja die regionen sehe
am 13.01.2012 - 11:19 Uhr
oh :)
ja die regionen sehe ich nun :)
aber das die Drupal Standart-Regionen auch in die info müssen, ist mir neu ... und wird auf diversen Seiten und HowTo´s falsch wieder gegeben :)
Deshalb sollte man immer
am 13.01.2012 - 11:24 Uhr
Deshalb sollte man immer zuerst auf http://drupal.org nach solchen Problemen suchen, hier wird man direkt korregiert oder man verwendet die bekannten Seiten von Core Entwicklern, die auch Tutorials bereit stellen.
Danke :)ich werde deinen Rat
am 13.01.2012 - 11:38 Uhr
Danke :)
ich werde deinen Rat beherzigen :)
eine Sache hab ich da noch ...
wenn in bestimmten Regionen kein Inhalt vorhanden ist, soll der div-container komplett ausgeblendet werden, weil sonst immer der ansatz von dem Rahmen,
den ich in der CSS definiert habe, zu sehen ist.
jetzt habe ich das wie folgt versucht, bekomme aber fehler im Struktur-Bereich und die Regionen werden auch nicht mehr angezeigt, selbst dann nicht, wenn ich
Inhalt hinzufüge.
<div id="maincontentbox">
<?php if ($contentbox1 || $contentbox2 || $contentbox3): ?>
<div id="contentbox1">
<?php print render($page['contentbox1']); ?>
</div><!-- contentbox -->
<div id="contentbox2">
<?php print render($page['contentbox2']); ?>
</div><!-- contentbox -->
<div id="contentbox3">
<?php print render($page['contentbox3']); ?>
</div><!-- contentbox-->
<?php endif; ?>
</div><!-- maincontent
ist das so wie ich das jetzt habe nur ein denkfehler oder völliger quark ?
Du musste jede Region einzeln
am 13.01.2012 - 11:51 Uhr
Du musste jede Region einzeln prüfen:
<div id="maincontentbox">
<?php if ($page['contentbox1']): ?>
<div id="contentbox1">
<?php print render($page['contentbox1']); ?>
</div><!-- contentbox -->
<?php endif; ?>
<?php if ($page['contentbox2']): ?>
<div id="contentbox2">
<?php print render($page['contentbox2']); ?>
</div><!-- contentbox -->
<?php endif; ?>
<?php if ($page['contentbox3']): ?>
<div id="contentbox3">
<?php print render($page['contentbox3']); ?>
</div><!-- contentbox -->
<?php endif; ?>
</div><!-- maincontent
klasse :)ich frag mich nur,
am 13.01.2012 - 14:08 Uhr
klasse :)
ich frag mich nur, wieso ich jetzt 2 von den boxen habe :
und ob es reicht, wenn ich einfach nur in der page.tpl.php folgendes einfüge um den Inhalt auszugeben:
<div id="contentbelow"><?php print render($page['content']); ?>
</div> <!-- /content -->
es funktioniert zwar, aber ist es vom code her auch ausreichend und richtig ?
weil wenn, möchte ich das auch direkt richtig machen, als lerneffekt für die zukunft :)
Ich würde zur Sicherheits
am 13.01.2012 - 14:29 Uhr
Ich würde zur Sicherheits zumindest prüfen ob in diesem Bereich etwas enthalten / gesetzt ist und dann den Inhalt ausgeben.