Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Tipps & Tricks ›

[HOW TO] Theming des Superfish Menu in Drupal 7 mit dem visuellen CSS-Editor Stylizer

Eingetragen von torfnase (1525)
am 13.10.2011 - 15:50 Uhr in
  • Tipps & Tricks
  • Drupal 7.x

In diesem sicherlich etwas lang gewordenen Tutorial möchte ich zeigen, wie man das Superfish Menü, welches man gut für ein Hauptmenü auf einer Drupal Webseite einsetzen kann, themen kann. Dabei habe ich besonderen Wert darauf gelegt, auch die einzelnen Ebenen vollkommen unter CSS-Kontrolle zu haben. Zum Editieren des CSS habe ich ausschließlich den visuellen CSS-Editor Stylizer verwendet, der ganz ausgezeichnet mit einer Drupal - Webseite "zusammenarbeitet" weil er genau analysiert, welche Stylesheet für eine bestimmte Seite von Drupal verwendet werden.
Durch die spezielle Notation der einzelnen Selectoren als Kinderelemente der "darüberliegenden" Selectoren ist sichergestellt, dass ausschließlich das Superfish Menü verändert wird, und nicht irgendwelche anderen Elemente auf der Webseite.
Die Änderungen werden nur in einer einzigen css-Datei gespeichert, die ursprüngliche Version des Superfish-Moduls mit seinen CSS - Files bleibt unangetastet.
Viel Spaß beim zusehen .....

Hier geht es zum Video :-)

‹ Registrierungsmail mit persönlicher Anrede [HOWTO] Editview Modul *Videotutorial* ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Tolles Video !! Super

Eingetragen von dknopf (80)
am 14.10.2011 - 11:27 Uhr

Tolles Video !! Super gemacht. Ein so ausführliches Video macht man ja auch nicht in einem Stück. Manchmal merkt man ganz deutlich die Übergänge, aber mich stört es nicht. Es ist ja kein Kinofilm :-)

Da sieht man mal, wieviel Arbeit dadrin steckt, wenn man das in allen Einzelheiten machen will und nicht mal so eben husch husch husch ein paar Selectoren in den schon vorhandenen CSS-Dateien verändert, was dann ja bei einem Update unweigerlich dazu führt, dass die Änderungen wieder überschrieben werden.
Ich habe eine Menge gelernt. Dieser Stylizer scheint ja wirklich gut für das Theming von Objekten oder Bereichen in Drupal zu sein. Der ist zwar nicht kostenlos, aber ca. 60 Euro sind ja nun auch wirklich nicht die Welt. Ich schätze mal, jemand der raucht, verdampft das in einer Woche. Deshalb kann man in diesem Zusammenhang aus meiner Sicht nicht von teuer sprechen.

Weiter so und vor allen Dingen noch weitere Theming - Videos für Drupal 7. Man sieht das ja auch hier im Forum, Theming ist ein ganz wichtiges Thema bei Drupal.

lieben Gruß
Daniela

  • Anmelden oder Registrieren um Kommentare zu schreiben

Danke - Tolle Idee

Eingetragen von Taranis (137)
am 18.10.2011 - 16:15 Uhr

An diesem Superfish habe ich auch eine Weile verbracht um ein vernünftiges Menü zustande zu bringen.

Grüsse
Taranis

  • Anmelden oder Registrieren um Kommentare zu schreiben

In der Tat nicht ganz

Eingetragen von torfnase (1525)
am 18.10.2011 - 18:33 Uhr

In der Tat nicht ganz einfach, aber diese Software Stylizer ist wirklich sehr hilfreich.
Ich hoffe, die wird auch noch weiterentwickelt :-)

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • für drupal11 ein Slider Modul
  • [gelöst] W3CSS Paragraphs Views
  • Drupal 11 neu aufsetzen und Bereiche aus 10 importieren
  • Wie erlaubt man neuen Benutzern auf die Resetseite zugreifen zu dürfen.
  • [gelöst] Anzeigeformat Text mit Bild in einem Artikel, Drupal 11
  • Social Media Buttons um Insteragram erweitern
  • Nach Installation der neuesten D10-Version kein Zugriff auf Website
  • Composer nach Umzug
  • [gelöst] Taxonomie Begriffe zeigt nicht alle Nodes an
  • Drupal 11 + Experience Builder (Canvas) + Layout Builder
  • Welche KI verwendet ihr?
  • Update Manger läst sich nicht Installieren
Weiter

Neue Kommentare

  • melde mich mal wieder, da ich
    vor 1 Woche 3 Tagen
  • Hey danke
    vor 1 Woche 3 Tagen
  • Update: jetzt gibt's ein
    vor 1 Woche 4 Tagen
  • Hallo, im Prinzip habe ich
    vor 2 Wochen 1 Tag
  • Da scheint die Terminologie
    vor 2 Wochen 2 Tagen
  • Kannst doch auch alles direkt
    vor 2 Wochen 6 Tagen
  • In der entsprechenden View
    vor 2 Wochen 6 Tagen
  • Dazu müsstest Du vermutlich
    vor 2 Wochen 6 Tagen
  • gelöst
    vor 5 Wochen 2 Tagen
  • Ja natürlich. Dass ist etwas,
    vor 5 Wochen 3 Tagen

Statistik

Beiträge im Forum: 250233
Registrierte User: 20450

Neue User:

  • Mroppoofpaync
  • 4aficiona2
  • AppBuilder

» Alle User anzeigen

User nach Punkten sortiert:
wla9461
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 17 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association