CSS Template einbauen?
Eingetragen von yune (2)am 31.10.2008 - 13:20 Uhr in
Hallo,
ich bin ganz neu hier und habe mich bisher auch noch nie mit drupal oder ähnlichen befasst, sprich ich bin totaler anfänger.
So nun hab ich alles soweit geschafft installiert usw...
Meine Frage ist jetzt, ich habe mir von der seite http://www.free-css.com/ ein CSS Template gedownloadet, wie baue ich dies nun bei Drupal ein?
danke im voraus
lg
yune
- Anmelden oder Registrieren um Kommentare zu schreiben
Ganz grob so
am 31.10.2008 - 16:04 Uhr
Im Grunde geht es auf folgende Weise:
Du bekommst mit dem Template eine index.html und musst die in eine passende page.tpl.php für Drupal konvertieren. Die (Text-)Inhalte des Templates werden durch entsprechende PHP-Variablen ersetzt, die Drupal zur Verfügung stellt. Hier mal ein Beispiel:
Im Template steht
<div id="navigation"><ul>
<li class="active"><a href="http://www.free-css.com/">Home</a></li>
<li><a href="styles.html">Styles</a></li>
<li><a href="termsofuse.html">Terms of Use</a></li>
<li><a href="http://www.free-css.com/">Nogo Link</a></li>
<li><a href="http://www.free-css.com/">Nogo</a> </li>
</ul>
</div>
In deiner page.tpl.php steht dann
<div id="navigation"><?php print theme('links', $primary_links, array('class' =>'links', 'id' => 'navlist')) ?>
</div>
oder im Template steht:
<div id="breadcrumb">Your Website » Welcome</div>Und in der page.tpl.php
<div id="breadcrumb"><?php print $breadcrumb;?></div>Die Inhalte werden von Drupal in Variablen zur Verfügung gestellt, für die page.tpl.php Datei findest du sie unter http://api.drupal.org/api/file/modules/system/page.tpl.php/6
Die anderen tpl.php Dateien kannst Du für den Anfang vergessen, dein Theme besteht damit im Wesentlichen aus drei Dateien:
- themename.info (am besten aus anderem Theme kopieren und anpassen)
- page.tpl.php (nachschauen was Drupal an Spezifika vor allem im HEAD benötigt)
- style.css (vom CSS Template übernehmen und anpassen)
Der Teufel liegt wie immer im Detail, also rantasten...
Gruß,
Boris
Drupal Theme-Garden
am 31.10.2008 - 16:21 Uhr
Hallo Yune,
als Anfängerin würde ich dir empfehlen, erstmal ein "echtes" Drupal-Theme zu benutzen (http://drupal.org/project/Themes). Die kannst du dir unter http://themegarden.org/drupal6/angucken.
Ist aber eine spannende Frage, wie man solche CSS-Themes "drupalisiert".
Für eigene Themes empfiehlt sich, ein Theme als Ausgangsbasis zu nehmen. Sehr gut ist meiner Meinung nach Zen geeignet (http://drupal.org/project/zen). Das lässt sich komplett mit CSS modifizieren und ist recht gut dokumentiert.
Viel Erfolg!
Frank
PS:
Welches CSS-Theme hast du dir denn ausgesucht?
hmm
am 31.10.2008 - 17:30 Uhr
danke euch beiden für die schnelle antwort :)
irgendwie hört sich das einfach an aber ich weiss reingarnicht wie ich das ganze anpacken soll..
wie soll ich die index.html umschreiben? ich versteh irgendwie grad nur bahnhof wenn ich die codes ansehe... seufz für den anfang wohl einfach zu schwer... denk ich mal ^^
da ich 3 hps machen möchte für mehrere ^^ einmal für The Manor für eine Künstlergalerie.. dann für burned für ein spiel.. und für meinen Tauchclub tja da muss ich erst noch mit den anderen reden ^^
lg
yune
Firebug für CSS-Analyse und -Bearbeitung
am 31.10.2008 - 18:33 Uhr
Für den Anfang würd ich mir einfach ein hübsches Theme aussuchen und dann schrittweise ausprobieren, wie ich das an meine eigenen Vorstellungen anpassen kann.
Und wenn du tiefer einsteigen willst:
Ein unverzichtbares Tool für die Arbeit CSS ist die Firefox-Erweiterung Firebug. Damit kann man jede Webseite analysieren und sogar live mit dem CSS herumspielen.
https://addons.mozilla.org/de/firefox/addon/1843
http://www.drupalcenter.de/handbuch/6716
Viel Spaß!
Frank