Seite 1 von 1

Header transparent setzen - Hintergrundbild sichtbar machen

Verfasst: 12.10.2010 13:06
von Dreamcaster
Hallo.

leider bin ich kein Profi und ich habe hier durch Suchen keinen Tipp entdeckt.

Mein Problem:

Ich habe schönes Hintergrundfoto und möchte den Logobereich im Header auf transparent setzen und dort nur ein transparentes PNG/Gif für Schriften etc. einsetzen. Damit würde das Board sozusagen auf dem Hintergrundbild schwebend wirken. Um zu sehen wie das aussehen könnte, habe ich Hintergrund mal im entsprechenden Bereich kopiert, mit Logo versehen und eingesetzt. das passt ja nur für eine Auflösung exakt - im Bespiel 1920-er Breite. Schaut mal hier.

Im Mainblock-Wrap habe ich Hintergrundfarbe ins Stylesheet geschrieben und bei #page-header background-color: transparent; eingesetzt, was ich auch bei logo versuchte. nun kommt in allen Fällen im Logobereich ein hellgrauer Hintergrund, nur nicht, wenn ich beim Wrap transparent eintrage, dann werden aber alle Bereiche - bis auf Topicbereich - transparent.

Wo muss ich suchen um nur den Logobereich des Headers transparent zu setzen. Hier mal Link zu meinem Stylesheet.

Sage jetzt schon schönen Dank, wenn mir Noob :oops: jemand weiter helfen kann.

Luke aka Dreamcaster

Re: Header transparent setzen - Hintergrundbild sichtbar mac

Verfasst: 12.10.2010 19:04
von Talk19zehn
Hallo Dreamcaster,

m. E. musst Du lediglich das Forum = Wrap via CSS über padding ausrichten. Du hast "0px" für den Innenabstand "oben" eingestellt.

Nur ein Beispiel ohne Bezug auf Deine Grafik: 12px 30px 4px 30px; --- > oben, rechts, unten, links

Der obere Abstand zzgl. einiger px sollte es lösen können.

Probiere es einfach aus, kaputt gehen kann ja nichts... :)




Ob ich Dich korrekt verstanden habe, weiß ich allerdings nicht so genau.


Viele Grüße

Re: Header transparent setzen - Hintergrundbild sichtbar mac

Verfasst: 14.10.2010 09:50
von Dreamcaster
Danke für diesen Ansatz, doch dann rückt das Forum-Tableau einfach nach unten, wenn ich Dich richtig verstanden habe, aber dann kann ich kein transparentes Logo einsetzen, auf dem Hintergrundbild wäre es ja nicht bei jeder Auflösung zentriert.

Vielleicht habe ich das auch nicht richtig verstanden, aber probieren werd ich es mal.

Nochmals Danke!

Dreamcaster

Re: Header transparent setzen - Hintergrundbild sichtbar mac

Verfasst: 14.10.2010 11:39
von Valerie Raghnall
Hey,

im grunde musst du nur den bereich

Code: Alles auswählen

<div class="headerbar">
			<div class="inner"><span class="corners-top"><span></span></span>
und

Code: Alles auswählen

		<span class="corners-bottom"><span></span></span></div>
		</div>
in der overall_header.tpl rausnehmen... (bzw. die class angaben rauskommentieren) sofern du prosilver verwendest ;) funktioniert bei mir einwandfrei. selbiges gilt für die navigationsleiste... wenn du das auch transparent machen willst, einfach die 'class' angaben löschen.

LG

Re: Header transparent setzen - Hintergrundbild sichtbar mac

Verfasst: 19.10.2010 14:38
von Dreamcaster
Danke nach Österreich für den Tipp, so geht es!

Baba

Dreamcaster