Forum

Moderiert von: spinne
Forum Index
Templates / Themes
     CSS und HTML
     Höhe des Headers verändern
Hilfe anzeigen
Hilfe anzeigen

Autor Druckerfreundliche DarstellungHöhe des Headers verändern
astratr

Registriert: 18.10.2012
Beiträge: 1


Sende eine Private Nachricht an astratr
Geschrieben: 19.10.2012 13:20

Hallo .. ich habe ein Bild f&uuml;r den Header dass 119 Pix hoch ist. <br />Hier ist aber standart 81 Pix .. an welcher&nbsp;Stelle kann ich das &auml;ndern?<br /><br />Wenn ich es in der Theme.php &auml;ndere ist das Bild dann &uuml;ber dem Men&uuml; <br /><br />Liebe Gr&uuml;&szlig;e<br /><br />


Zitieren Druckerfreundliche Darstellung nach oben
Gast
Unregistrierter Benutzer
Geschrieben: 19.10.2012 19:18

Hi

Das ist abhängig von deinem gewählten Theme.

Am Beispiel des OPN DEFAULT Themes.

Öffne die theme.php aus dem Ordner themes/opn_default und gehe zur Zeile 104

echo '<img src="' . $opnConfig['opn_url'] . '/themes/opn_themes_include/logo.php" alt="logo" width="<strong>1000</strong>" height="<strong>81</strong>" border="0" />' . _OPN_HTML_NL;

dann in die Zeile 106

echo '<img src="' . $opnConfig['url_datasave'] . '/logo/'.$opnConfig['site_logo'].'" alt="logo" width="800" height="81" border="0" />' . _OPN_HTML_NL;

im CSS /themes/opn_default/opn_default.css in der Zeile 8

div.headermiddle {background:url(images/headermiddelbg.png) repeat-x; width:<strong>1000px</strong>; height:<strong>81px</strong>; cursor:default;}

Erklärung:
die Datei headermiddel.png ist deine normale Headergrafik mit einer breite von 800xp, welche du natürlich auf grösser machen kannst.

Die Datei headermiddelbg.png ist eine kleine Grafik, welche den weiteren Fortlauf deiner Grafik ist.
Zum Beispiel dann, wenn das gesamte Design breiter wird, dann wird diese Datei jeweils wiederholt, so dass der gesamte Headerbereich immer ausgefüllt ist.

Wenn du im CSS die div.themeborder anschaust, dann ist diese an unserem Beispiel auf 1000px festgelegt. So breit wie dein Design immer sein.

Gruss

Flash

[addsig]

Zitieren Druckerfreundliche Darstellung nach oben
sortieren nach

Hilfe anzeigen
Hilfe anzeigen
Vorheriges Thema:  [HTML/CSS] tooltip
Nächstes Thema:  CSS Anpassung / Design / Vorgehensweise

Gehe zu:

Benutzername:
 
Sicherheits-Code
Sicherheits-Code
Neu laden