Seite 1 von 1
Headerimage
Verfasst: 10.06.2011 11:10
von tekknodevil
Hallo zusammen,
ich hoffe ihr könnt mir helfen. ich verwende ein eigens modifiziertes Prosilver Style. In diesem habe ich einen weißen background (1px mal 1px große png-Datei) für den wrap angelegt. Dies ist soweit auch Ok. Nun wöllte ich gern, das mein Headerimage oben über den Wrap hinausgeht (überlappt). Um Euch dies zu verdeutlichen hier ein Screenshot was ich meine:
http://content.screencast.com/users/tek ... 0_1107.png
Ich habe leider keine Idee, wie dies funktionieren soll.
Hier noch der Link zum Board.
Danke
Re: Headerimage
Verfasst: 10.06.2011 21:47
von Michel_61
Moin,
ich versuchs mal, bin aber auch nicht der Crack.
In der Overall_header, ist da deine obere Grafik aufgerufen?
Wenn ja, such die Menüleiste die du nach oben haben willst ebenfalls in der overall_header raus und setze sie im Eintrag über dein "Site_logo"
So müsste es funktionieren....
Re: Headerimage
Verfasst: 16.06.2011 09:00
von tekknodevil
Michel_61 hat geschrieben:Moin,
ich versuchs mal, bin aber auch nicht der Crack.
In der Overall_header, ist da deine obere Grafik aufgerufen?
Wenn ja, such die Menüleiste die du nach oben haben willst ebenfalls in der overall_header raus und setze sie im Eintrag über dein "Site_logo"
So müsste es funktionieren....
Danke für Deine Antwort. Die Headergrafik wird über die common.css aufgerufen. Der Befehl sieht so aus:
Code: Alles auswählen
.headerbar {
background: #ebebeb none no-repeat;
background-image: url("{T_THEME_PATH}/images/headerimage.png");
margin-bottom: 4px;
padding: 0 5px;
height: 239px;
}
Der weisse Hintergrund wird ebenfalls in der common.css aufgerufen, mit folgendem Befehl:
Code: Alles auswählen
#wrap {
padding: 0px 20px;
min-width: 650px;
width: 1037px; /* This changes the width of your style to a fluid 80%. */
margin: 0 auto; /* This center aligns your wrap width on the browser page */
/*background-color: #FFFFFF;*/ /* Gives the wrap a white background */
background-image: url("{T_THEME_PATH}/images/weiss1.png");
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
}
Ich habe noch mal ein Beispiel erstellt, wie das Aussehen soll:
http://content.screencast.com/users/tek ... ispiel.png
und wie es momentan ausschaut:
http://content.screencast.com/users/tek ... 6_0859.png
Wie und wo müsste ich nun was ändern?
Re: Headerimage
Verfasst: 16.06.2011 16:57
von Michel_61
Moin,
über den "padding" kannst du die Position anpassen, brauchst aber glaub ich noch einen zusätzlichen weissen Hintergrund.
Ein Spezialist bin ich nun nicht, hab dir deshalb mal nen Link rausgesucht der mir auch schon mal geholfen hatte:
http://de.selfhtml.org/css/eigenschafte ... bstand.htm
Arbeite dir den mal durch, dann sollte es klappen.....
Re: Headerimage
Verfasst: 17.06.2011 10:02
von tekknodevil
Danke. Werde ich mir mal zu Gemüte ziehen.
