Seite 1 von 1

Header Transparent

Verfasst: 07.06.2011 07:03
von Myrdin75
Guten Morgen

Folgende installation liegt vor:
phpbb 3.0.8 ( prosilver Style ) + Portal 1.0.6 + Gallery 1.0.6 + Portal Gallery Block + Portalview 1.0.0rc3 & mchat 1.3.5

Ich möchte jetzt den Header ( wo das site_logo drin ist ) Transparent haben, das Logo Zentriert und die Schrift ( Wächter des Nordens ) unter dem Logo angezeigt bekommen.
Wie bekomme ich das am besten hin?

Hier gehts zu Forum: http://www.waechter-des-nordens.de/

Re: Header Transparent

Verfasst: 08.06.2011 22:33
von Myrdin75
Ich habe mal selbst was getestet und bin zu diesen Ergebnis gekommen:

Forum-----> http://www.waechter-des-nordens.de/

Ich möchte den weissen kasten weg haben.
Das Logo soll in der Mitte und die Schrift mit dem Forum namen auch Mittig unter dem Logo sein, kann mir da einer einen Tip geben?

Re: Header Transparent

Verfasst: 10.06.2011 06:10
von Myrdin75
Kann mir da keiner Helfen?

Re: Header Transparent

Verfasst: 10.06.2011 07:12
von Dr.Death
Moin,

die css class " headerbar " ist noch nicht auf background: none repeat scroll 0 0 transparent; umgestellt.

Um das relativ einfach zu erkennen, nutze mal den Browser FireFox und das Plugin: Firebug ( www.getfirebug.com )

Re: Header Transparent

Verfasst: 10.06.2011 16:57
von Talk19zehn
Moin, moin -

Zentrierung von Inhalten: Bereich Headerbar
Informationen im *Forum viewtopic.php?p=872912#p872912 sind zahlreich. :wink:

Baue das Original doch testweise entsprechend um. Ein Umbau bedeuetet in der Anwendung, dass du das *CSS auf eine Zentrierung anpassen musst.

Denkbar ist ggf. diese einfache Variante eines Containers ohne Verwendung einer Klasse, um Inhalte zu zentrieren. Kommentiere evtl. zunächst die Originalanweisung in der overall_header.html aus oder verwende sie zusätzlich mit entsprechenden anderen Inhalten. Bzw. probiere folgendes, sofern ein klassischer Umbau nicht gänzlich in Frage käme?

Code: Alles auswählen

	<div style="text-align:center;">
		<h4>{SITENAME}</h4>
		<div>
		<p>{SITE_DESCRIPTION}</p>
		</div>
	</div>
ohne ein Phpbb-Logo anzuzeigen bzw. darin ein Logo, Texte zentriert integrieren ( siehe u.a. obigen Link ) zu können.
Möglichkeiten sind vielfältig. Eine Zuweisung h4 wäre ebenso denkbar, sofern in ihr die entsprechende Schriftfarbe in deinem Falle hinterlegt ist.
Dem Absatzelement "p" kannst du im HTML-Bereich CSS-Attribute ( color, font-size uvm. ) ebenso zuweisen und ggf. gar Zusatztexte in Kombination aufnehmen.

Code: Alles auswählen

	<div style="text-align:center;">
		<h4>HalloHallo</h4>
		<div>
		<p>Möglichkeiten sind vielfältig</p>
		</div>
	</div>

http://de.selfhtml.org/html/text/anzeige/p_style.htm
http://de.selfhtml.org/html/text/anzeige/h1_6_style.htm

Viele Grüße

Re: Header Transparent

Verfasst: 15.06.2011 21:40
von Myrdin75
Dr.Death hat geschrieben:Moin,

die css class " headerbar " ist noch nicht auf background: none repeat scroll 0 0 transparent; umgestellt.

Um das relativ einfach zu erkennen, nutze mal den Browser FireFox und das Plugin: Firebug ( http://www.getfirebug.com )
Danke hat super geklappt

Re: Header Transparent

Verfasst: 15.06.2011 21:55
von Myrdin75
Talk19zehn hat geschrieben:Moin, moin -

Zentrierung von Inhalten: Bereich Headerbar
Informationen im *Forum viewtopic.php?p=872912#p872912 sind zahlreich. :wink:

Baue das Original doch testweise entsprechend um. Ein Umbau bedeuetet in der Anwendung, dass du das *CSS auf eine Zentrierung anpassen musst.

Denkbar ist ggf. diese einfache Variante eines Containers ohne Verwendung einer Klasse, um Inhalte zu zentrieren. Kommentiere evtl. zunächst die Originalanweisung in der overall_header.html aus oder verwende sie zusätzlich mit entsprechenden anderen Inhalten. Bzw. probiere folgendes, sofern ein klassischer Umbau nicht gänzlich in Frage käme?

Code: Alles auswählen

	<div style="text-align:center;">
		<h4>{SITENAME}</h4>
		<div>
		<p>{SITE_DESCRIPTION}</p>
		</div>
	</div>
ohne ein Phpbb-Logo anzuzeigen bzw. darin ein Logo, Texte zentriert integrieren ( siehe u.a. obigen Link ) zu können.
Möglichkeiten sind vielfältig. Eine Zuweisung h4 wäre ebenso denkbar, sofern in ihr die entsprechende Schriftfarbe in deinem Falle hinterlegt ist.
Dem Absatzelement "p" kannst du im HTML-Bereich CSS-Attribute ( color, font-size uvm. ) ebenso zuweisen und ggf. gar Zusatztexte in Kombination aufnehmen.

Code: Alles auswählen

	<div style="text-align:center;">
		<h4>HalloHallo</h4>
		<div>
		<p>Möglichkeiten sind vielfältig</p>
		</div>
	</div>
Danke füpr den Link ins Forum, da konnte mir geholfenw erden....;)