Schrift im Header

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
noker2
Mitglied
Beiträge: 43
Registriert: 10.10.2008 17:51

Schrift im Header

Beitrag von noker2 »

Habe schon alles probiert, Logo lässt sich ohne Probleme centrieren aber die Schrift bleibt trotzdem links.

Jemand einen Tipp ??

LG
noker2
Zuletzt geändert von noker2 am 03.10.2009 19:47, insgesamt 2-mal geändert.
HJW
Mitglied
Beiträge: 1302
Registriert: 20.04.2007 20:48
Wohnort: 45481 Mülheim an der Ruhr
Kontaktdaten:

Re: Schrift im Header

Beitrag von HJW »

Hallo,

meinst du so?

Suche in der common.css:

Code: Alles auswählen

#site-description {
float:left;
width:70%;
}
ersetze durch:

Code: Alles auswählen

#site-description {
text-align:center;
width:100%;
}
Dann rutsch allerdings die Suche weit nach unten und der Header wir sehr groß. Deshalb
Suche:

Code: Alles auswählen

#search-box {
color:#FFFFFF;
display:block;
float:right;
margin-right:5px;
margin-top:30px;
position:relative;
text-align:right;
white-space:nowrap;
}
ersetze durch:

Code: Alles auswählen

#search-box {
color:#FFFFFF;
display:block;
float:right;
margin-right:5px;
margin-top:-50px;
position:relative;
text-align:right;
white-space:nowrap;
}
noker2
Mitglied
Beiträge: 43
Registriert: 10.10.2008 17:51

Re: Schrift im Header

Beitrag von noker2 »

Genau das was ich gebraucht habe , besten Dank :D :D :D HJW

Aber eine Frage hätte ich dann doch noch: Ist es Möglich im Header links ein Bild dann Logo und dann rechts auch noch ein Bild zu setzen ?? Die Suchfunktion könnte auch wegfallen.

Im Moment siehts so aus : Link zum Forum
o_spacy_o

Re: Schrift im Header

Beitrag von o_spacy_o »

hmm...geschlossene frage --> JA, das ist möglich. :lol:

suche nach

Code: Alles auswählen

<div id="site-description">
dann hast du deine überschrift. nun kannst du innerhalb des <div>-tags am anfang als auch am ende weitere tags einfügen und in denen deine bilder platzieren...o_spacy_o
noker2
Mitglied
Beiträge: 43
Registriert: 10.10.2008 17:51

Re: Schrift im Header

Beitrag von noker2 »

Danke o_spacy_o aber irgendwie laufe ich gerade vor eine Wand :oops:

Wie müsste den der Code dann aussehen ?

Im Moment siehts bei mir in der overall_header.html so aus:

Code: Alles auswählen

<div id="wrap">
	<a id="top" name="top" accesskey="t"></a>
	<div id="page-header">
		<div class="headerbar">
			<div class="inner"><span class="corners-top"><span></span></span>
                   
			             <div style="text-align: center;">
                <a href="{U_INDEX}" title="{L_INDEX}">{SITE_LOGO_IMG}</a>
             </div>

             <div id="site-description">
                <h1>{SITENAME}</h1>
                <p>{SITE_DESCRIPTION}</p>
                <p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
             </div>
Bild a.gif sollte nach ganz links dann das site_logo und b.gif nach ganz rechts.

LG
noker2
Benutzeravatar
franki
Ehemaliges Teammitglied
Beiträge: 2823
Registriert: 21.10.2007 14:02
Wohnort: Sonsbeck
Kontaktdaten:

Re: Schrift im Header

Beitrag von franki »

Hallo noker2

Prosilver ist nicht ganz sooo mein Gebiet, [OT]aber wenn Du schon den gleichen Namen für dein Forum nimmst wie meines[/OT] mal
schauen ob das so funktioniert.

Code: Alles auswählen

<div id="wrap">
	<a id="top" name="top" accesskey="t"></a>
		<div id="page-header">
			<div class="headerbar">
				<div class="inner"><span class="corners-top"><span></span></span>
					<div>
						<strong style="text-align:left"><img src="{T_THEME_PATH}/images/a.gif" alt=""></strong>
						<strong style="text-align:center"><a href="{U_INDEX}" title="{L_INDEX}">{SITE_LOGO_IMG}</a></strong>
						<strong style="text-align:right"><img src="{T_THEME_PATH}/images/b.gif" alt=""></strong>
					</div>
					<div id="site-description">
					<h1>{SITENAME}</h1>
					<p>{SITE_DESCRIPTION}</p>
					<p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
				</div>
Trotz alle dem... die Linke zum Gruße an die Nachbarn :wink:

Hab gerade Eure Seite mit den "Forum-Regeln" gesehen :o
Hier mal der richtige Mod dafür http://www.phpbb.com/community/viewtopi ... 9&t=753535
LG Franki
noker2
Mitglied
Beiträge: 43
Registriert: 10.10.2008 17:51

Re: Schrift im Header

Beitrag von noker2 »

MMhh haut nicht hin, dann verutscht nur das Site_Logo nach rechts, Bild wird keines angezeigt

@Danke für den link.

LG
noker2
noker2
Mitglied
Beiträge: 43
Registriert: 10.10.2008 17:51

Re: Schrift im Header

Beitrag von noker2 »

Noch jemand eine Idee :roll: :roll:
noker2
Mitglied
Beiträge: 43
Registriert: 10.10.2008 17:51

Re: Schrift im Header

Beitrag von noker2 »

Nochmal Puschen :cry: :cry:

LG
noker2
Antworten

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