Header transparent setzen - Hintergrundbild sichtbar machen

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Antworten
Dreamcaster
Mitglied
Beiträge: 3
Registriert: 12.10.2010 12:22

Header transparent setzen - Hintergrundbild sichtbar machen

Beitrag 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
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 5041
Registriert: 08.06.2009 12:03

Re: Header transparent setzen - Hintergrundbild sichtbar mac

Beitrag 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
Adventereigniskalender für phpBB 3.3.x,
Meine persönliche Meinung im Jahr 2024: Im Zenit seiner Popularität wirkt KI zunächst wie eine Blaupause und lässt sich aufgrund der Vielschichtigkeit nicht auf eine einzige Botschaft reduzieren.
Dreamcaster
Mitglied
Beiträge: 3
Registriert: 12.10.2010 12:22

Re: Header transparent setzen - Hintergrundbild sichtbar mac

Beitrag 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
Valerie Raghnall
Mitglied
Beiträge: 3907
Registriert: 17.07.2002 14:03
Wohnort: Graz

Re: Header transparent setzen - Hintergrundbild sichtbar mac

Beitrag 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
A Bus Station is where buses stop. A Train Station is where trains stop. On my desk, there is a Work Station.
Dreamcaster
Mitglied
Beiträge: 3
Registriert: 12.10.2010 12:22

Re: Header transparent setzen - Hintergrundbild sichtbar mac

Beitrag von Dreamcaster »

Danke nach Österreich für den Tipp, so geht es!

Baba

Dreamcaster
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“