Garland - Headerhöhe anpassen
Eingetragen von angrest (2)am 27.02.2009 - 20:05 Uhr in
Hallo!
ich möchte den Headerbereich von 80px auf 120px vergrößern. Nun habe ich relativ schnell im style.css die Deklaration
#wrapper #container #header {
height: 80px;
}gefunden und auf 120px heraufgesetzt. So weit, so gut. Leider ist der Hintergrund body.png (Warum heisst das bloss body.png und nicht zum Beispiel head.png??? Hätte ich vermutlich leichter gefunden...) nicht ebenfalls höher geworden und umfasst nicht mehr den oberen Teil des Inhalts-Bereiches - und das, obwohl das Bild an sich eigentlich hoch genug wäre. Irgendwo wird das png offenbar herunterskaliert- die Stelle habe ich aber nicht finden können. Weiß jemand weiter?
Gemacht wird der Hintergrund auch in der style.css:
#wrapper {
background: #edf5fa url(images/body.png) repeat-x 50% 0;
}(Wobei die letzten beiden Parameter überflüssig sind; eine Verschiebung um 50% in x-Richtung spielt beim aktuellen body.ng keine Rolle...)
Oder bin ich da total verkehrt unterwegs und die Höhe des Headerbereiches wird ganz anders konfiguriert?
Axel
- Anmelden oder Registrieren um Kommentare zu schreiben
Firebug benutzen
am 05.03.2009 - 14:14 Uhr
Hallo Axel,
ich würde dir vorschlagen, Firebug (http://www.drupalcenter.de/handbuch/6716) zu verwenden, um das CSS genauer zu analysieren.
hth
Frank
Farbe reicht nicht...
am 05.03.2009 - 14:55 Uhr
Leider ist der Hintergrund body.png (Warum heisst das bloss body.png und nicht zum Beispiel head.png??? Hätte ich vermutlich leichter gefunden...) nicht ebenfalls höher geworden und umfasst nicht mehr den oberen Teil des Inhalts-Bereiches - und das, obwohl das Bild an sich eigentlich hoch genug wäre.
Das Bild liegt tatsächlich hinter dem oberen Bereich des Body und nicht nur hinter dem Header. Der Name ist also durchaus zutreffend.
Und das Bild ist zwar insgesamt groß genug (280 Pixel hoch), aber der farbige Balken nicht... Da wirst du dir wohl selber eine größere Grafik basteln müssen.
hth
Frank
body.png
am 05.03.2009 - 21:39 Uhr
So einfach ist es offenbar leider nicht. Das body.png wird über einen include aus {theme}/color/color.inc im Modul Color genieriert; die Generierung selbst habe ich noch nicht verstanden; der Name des Bidles wird dort aber deklariert und ein entsprechendes Array angelegt, also wir der Rest dort auch schon irgendwo passieren.
Axel
Garland: dynamische Grafik-Erzeugung
am 05.03.2009 - 23:46 Uhr
Hm, stimmt, das Color-Modul muss ja auch die Grafiken dynamisch erstellen.
Du hast ja schon die richtige Stelle gefunden. Nun gilt es nur noch herauszufinden, wo die Maße für den farbigen Header-Streifen eingestellt werden...
// Coordinates of gradient (x, y, width, height).'gradient' => array(0, 37, 760, 121),
Versuch doch mal, an der "121" zu drehen, das wäre mein Hauptverdächtiger.
Mir hat übrigens das Firefox Add-on Web Developer (https://addons.mozilla.org/de/firefox/addon/60) gute Dienste geleistet. Über Images > View Image Information kann man sich eine sehr schöne Übersicht aller auf einer Webseite enthaltenen Bilder erzeugen lassen.
Es bleibt spannend...
Frank
PS:
Garland + Color-Modul ist ein bisschen kniffelig. Manche Änderungen werden erst übernommen, wenn man das Farbschema erneut abspeichert. Und zwischendurch mal den Cache zu lehren, kann auch nicht schaden.
It is important to remember that color module saves a modified copy of the theme's style.css file in the files directory, and includes it after the theme's original style.css. This means that if you make any manual changes to your theme's style.css file, you must save your color settings again, even if they haven't changed. This causes the color module generated version of style.css in the files directory to be recreated using the new version of the original file.
http://drupal.org/handbook/modules/color