Zen Theme CSS - Best Practice, Blocks Views und Panels - Anfängerfragen
Eingetragen von flofi (30)am 29.03.2011 - 15:49 Uhr in
Hallo zusammen,
ich habe vor ein paar Tagen mit Drupal angefangen und gleich mal ein paar Fragen, die mir die Profis hier sicherlich beantworten können.
Was ich bisher gemacht hab:
Drupal 7 (deutsche Version) installiert.
Ein Sub-Theme von Zen in sites/all/themes/ angelegt.
Ich hatte keine .footer Klasse in den CSS Dateien. Deshalb habe ich mir dann aus dem Ordner sites/all/themes/zen/templates die Datei page.tpl.php in mein Sub-Theme unter templates kopiert und die lezten Zeilen der Datei wie folgt abgeändert:
...
</div></div><!-- /#main, /#main-wrapper -->
<?php print render($page['footer']); ?>
<div id="footer">
<p>
© Copyright 2011 blablabla. All Rights Reserved.
</p>
</div>
</div></div><!-- /#page, /#page-wrapper -->
<?php print render($page['bottom']); ?>
<script type="text/javascript">
(function ($) {
Drupal.behaviors.exampleModule = {
attach: function(context, settings) {
$(".carousel").jCarouselLite({
auto: 800,
speed: 1000
});
}
};
})(jQuery);
</script>Zusätzlich wollte ich eine Art Carousel in den Footer Bereich einbauen. Das hab ich dann mit jcarousellite gemacht. Deshalb der script Bereich in den letzten Zeilen der page.tpl.php.
Die Inhalte des Carousels kommen aus dem carousel-Block, der in der "Footer Block Region" ist, in dem folgendes steht:
<div class="carousel">
<ul>
<li>
<img alt="1" src="http://xxx/xxx/sites/all/themes/xxx/images/carousel/1.jpg" /></li>
<li>
<img alt="1" src="http://xxx/xxx/sites/all/themes/xxx/images/carousel/2.jpg" /></li>
<li>
<img alt="1" src="http://xxx/xxx/sites/all/themes/xxx/images/carousel/3.jpg" /></li>
</ul>
</div>
usw...Nun die Fragen:
1. Ist die Vorgehensweise so richtig, oder gibt es eine bessere Alternative, den script Bereich und ein footer Div ins Subtheme zu bringen.
2. Wenn ich in einem Block Bilder haben möchte (siehe oben), muss ich doch bestimmt nicht den ganzen Pfad eingeben mit http... oder?
3. Ich habe in meine .info Datei des Sub Themes folgendes eingetragen: scripts[] = js/jcarousellite.js
Das ganze hat aber nicht funktioniert mit:
<script type="text/javascript">
$(".carousel").jCarouselLite({
auto: 800,
speed: 1000
});
</script>Es hat erst mit folgendem Code funktioniert:
<script type="text/javascript">
(function ($) {
Drupal.behaviors.exampleModule = {
attach: function(context, settings) {
$(".carousel").jCarouselLite({
auto: 800,
speed: 1000
});
}
};
})(jQuery);
</script>Kann das jemand erklären?
4. In meinem ZenSubtheme gibt es viele verschieden css Dateien. Die mit "rtl" habe ich gelöscht, da ich diese nicht benötige. Wenn ich mir mit dem Firebug z.B. den Content anschaue, fällt mir auf das es id´s und Klassen in mehreren CSS Files identisch sind. Z.B. gibt es im STARTERTHEME von Zen (also meinem Subtheme) folgendes:
#content .section in pages.css UND in layout-fixed.css. Gibt es hier jetzt eine Best Practice Lösung. In welcher Datei sollten jetzt die Styles rein?
So das wars erstmal mit meinen Fragen. Ich hoffe jemand hat Antworten darauf. Vielen Dank schonmal vorab.
- Anmelden oder Registrieren um Kommentare zu schreiben
Neue Kommentare
vor 1 Tag 9 Stunden
vor 2 Tagen 1 Stunde
vor 7 Wochen 6 Tagen
vor 8 Wochen 38 Minuten
vor 8 Wochen 18 Stunden
vor 8 Wochen 5 Tagen
vor 8 Wochen 5 Tagen
vor 9 Wochen 2 Tagen
vor 9 Wochen 2 Tagen
vor 9 Wochen 2 Tagen