[gelöst]Theming mit Firebug

Firebug ist einfach nur eine Hilfe, möchtest Du die Änderungen übernehmen, musst Du das eben händisch in die CSS Datei übernehmen ;-) Manches lässt sich auch kopieren, da ist Firebug ganz gut... markieren, Strg+C und in der CSS-Datei an der richtigen Stelle Strg+V - mehr wüsste ich jetzt auch nicht, was da zu beachten wäre ;-)

Natürlich ist es wichtig, dass du weißt, was du kopierst, dass die Tags vollständig sind etc.

Viel Erfolg

Ja, sobald du die Seite neu lädtst, sind deine Eingaben im Browser weg. Du musst also deine Anpassungen in einen Editor übertragen. Es gibt zwar Erweiterungen, die deine Anpassungen in CSS Dateien schreiben, aber das funktioniert nicht gut, da die Themes oft zu speziell sind.

Schau dir mal LESS oder SASS an. Eine etwas fortgeschrittenere Methode, um CSS zu erzeugen.

Hier gibt es ein gutes Video von Thoor65, wie man mit Firebug ein bisschen "themen" kann ...

-> zum Video

Schöne Grüße

Roland-D50

Hallo zusammen,

vielen Dank für Eure Hilfe!

Ich habe es geschafft, einfache Texte zu formatieren. Bei der Formatierung meiner Userprofil-Felder tue ich mich allerdings noch etwas schwer.

Ich versuche die Schriftgröße des "Name"-Feld auf der Profilseite zu vergrößern. Da ich die Seite gerade erst aufbaue, habe ich nur eine Profilseite erstellt, anhand welcher ich mir die Änderungen anschaue. Wenn ich diese Seite aufrufe und das Feld "Name" mit Firebug überprüfe bekomme ich diese Styles:

Wenn ich jetzt die Schriftgröße verändere, ändert sich diese nicht nur für das Feld "Name", sondern für die ganze Seite. Ich vermute, dass das etwas mit dem "body" zu tun hat. Kann mir jemand sagen, wie ich nur die Schriftgröße für ein bestimmtes Feld verändern kann? Muss ich für das Feld eine eigene Klasse erstellen (das habe ich nämlich schon mithilfe eines Screencasts versucht, aber die Vorgehensweise habe ich nicht so richtig geschnallt :-/).

Viele Grüße
Thule

Das Feld "Name" hast Du doch selber angelegt. Es bekommt von Drupal eine eigene Klasse zugewiesen. Du musst sie nur finden ;). Unter Umständen musst du bestimmte Klassen verketten, damit sich die CSS Notationen auf das betreffende Element beschränken. Ist die Seite online erreichbar?

Um ein paar grundlegende Kenntnisse in HTML und CSS wirst Du wohl nicht herum kommen, wenn du individuelle Layouts haben möchtest...

Die Seite hab ich leider nur lokal. Mit den Kenntnissen in HTML und CSS hast vollkommen recht. Ich arbeite daran und habe mich auch schon für einen Kurs angemeldet :)

...ja, da liegt der Hase im Pfeffer. Ich bin mir nicht sicher, dass mein Vorgehen richtig ist. Wie oben beschrieben, öffne ich die Profilseite, die ich angelegt habe. Dann starte ich Firebugs und wähle das besagte Name-Feld aus und kann dann die CSS-Styles einsehen (siehe oben). Eine Änderung der Schriftgröße bewirkt aber, dass sich die Größe der kompletten Seite ändert.

Ich habe mal einen Screenshot angehängt. Vielleicht hilft der, das Problem zu lösen?

Anhang	Größe
Screenshot.jpg	69.27 KB

Du mußt "Ketten" bilden. Starte bei einem Element oberhalb, das eine ID hat, denn eine ID muß immer eindeutig sein. Etwa so

Damit erwischtst Du genau diesen Bereich innerhalb des div mit der Klasse .field-name-field-firma der innerhalb eines Tags mit der Klasse user-profil liegt, der sich innerhalb des Elementes mit der ID content befindet.

Beste Grüße
Werner

Hallo zusammen,

danke für die Hilfe. Ich habe das jetzt so gelöst:

Für das Feld "Name" habe ich eine neue CSS-Class definiert. Dann habe ich im Firebug nach dieser Klasse gesucht und dann im rechten Fenster des Firebugs eine "neue Regel hinzufügen" ausgewählt und dort dann die Schriftgröße geändert.

Das hat funktioniert. Ist das jetzt eher die unschöne Variante oder einfach eine weitere? Bzw. habe ich durch meinen Weg nun irgendwelche Nachteile?

VG Thule

Änderungen im Firebug sind beim erneuten Laden der Seite wieder weg, da sie nur temporär im Firefox wirken. Es führt kein Weg an CSS-Kenntnissen vorbei, sorry.

Beste Grüße
Werner