Standard CSS-Klassen in Drupal?

am 25.11.2007 - 13:07 Uhr in
Hallo,
ich möchte eine statische nach Drupal portieren. Eigentlich muss ich dafür 'nur' ein Theme erstellen. Ich suche daher eine Liste von den CSS-Klassen, die Drupal für gewöhnlich nutzt. Richtig toll wäre es natürlich, wenn man auch die Verschachtelung erkennen könnte.
Bei meiner Suche stieß ich auf http://www.drupalcenter.de/node/3844, aber dort ist ein toter Link. Gibt es noch sowas?
Ciao, Q
- Anmelden oder Registrieren um Kommentare zu schreiben
Die eigentlichen Standard
am 25.11.2007 - 14:14 Uhr
Die eigentlichen Standard CSS-Klassen werden in der "system.css" und "defaults.css" definiert. Weiter CSS Formatierungen werden von aktivierten Modulen mitgebracht, da Module eigene CSS Dateien haben koennen.
Weiterhin hat des verwendete Theme eine oder eventuell mehrere eigene CSS Dateien. Bei den CSS Formatierungen der Themes gibt es Unterschiede, da jeder Themeentwickler selbst Klassen einbringen kann.
Beispiel:
<style type="text/css" media="all">@import "/sites/all/modules/devel/devel.css";</style>
<style type="text/css" media="all">@import "/modules/node/node.css";</style>
<style type="text/css" media="all">@import "/modules/system/defaults.css";</style>
<style type="text/css" media="all">@import "/modules/system/system.css";</style>
<style type="text/css" media="all">@import "/modules/user/user.css";</style>
<style type="text/css" media="all">@import "/sites/all/modules/cck/content.css";</style>
<style type="text/css" media="all">@import "/sites/all/modules/cck/fieldgroup.css";</style>
<style type="text/css" media="all">@import "/sites/all/modules/googlemap/contrib/css/googlemap_localsearch.css";</style>
<style type="text/css" media="all">@import "/themes/zentheme/style.css";</style>
<style type="text/css" media="all">@import "/themes/zentheme/layout.css";</style>
<style type="text/css" media="all">@import "/themes/zentheme/icons.css";</style>
<style type="text/css" media="all">@import "/themes/zentheme/zen.css";</style>
<style type="text/css" media="print">@import "/themes/zentheme/print.css";</style>
Hier sind nur wenige Module aktiviert. Im Falle des hier verwendeten ZEN Themes werden recht viele CSS Dateien verwendet. Andere Themes sind an dieser Stelle spartanischer.
Da eine Drupal-Installation immer differenziert ist wird es wohl keine allgemeine Uebersicht der verwendeten CSS Klassen geben von Drupal. Du must Dir diesen Ueberblick bei einer jeweiligen Installation selbst verschaffen..
Auch der Aspekt der stetigen Weiterentwicklung von Drupal macht so ein Unterfangen einer CSS-Klassen-Uebersicht etwas sinnlos. Im Vergleich zu Drupal 5.x wird es bei Drupal 6 bereits Veraenderungen geben da mit Drupal 6 das Theme-Konzept veraendert wird.
Mit dem Browser Firefox und seiner Erweiterung Firebug kann man sich einen Ueberblick der CSS KLassen einer konkreten Drupal-Installation verschaffen.
-------------
quiptime
Nur tote Fische schwimmen mit dem Strom.