Overall Header 3-zeilig

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.
Benutzeravatar
fishtown
Mitglied
Beiträge: 77
Registriert: 04.01.2009 13:19

Re: Overall Header 3-zeilig

Beitrag von fishtown »

Erstmal danke für deine Mühe. Aber das war leider auch nichts:
[ externes Bild ]

Kann es sein, dass die <li class.. irgendwie stört. Eventuell die Icons? Die können gern raus. Müssen nicht drinne bleiben.
Benutzeravatar
Metzle
Ehemaliges Teammitglied
Beiträge: 10435
Registriert: 08.03.2008 02:50
Wohnort: Waiblingen-Neustadt
Kontaktdaten:

Re: Overall Header 3-zeilig

Beitrag von Metzle »

Hallo,

wäre auf jeden Fall ein Versuch wert mal die <li ...></li> bei den Links wegzulassen. Dann kannst du auch das float wieder rausnehmen.
Ich werd heute Abend mal selbst schauen und versuchen bei mir im Forum die Links zentriert zu setzen, sonst rat ich hier noch 1000x rum ;)
Metzle
phpBB.de-Support-Team
Allround-phpBB.de
Benutzeravatar
fishtown
Mitglied
Beiträge: 77
Registriert: 04.01.2009 13:19

Re: Overall Header 3-zeilig

Beitrag von fishtown »

Super. Thx.
Benutzeravatar
Metzle
Ehemaliges Teammitglied
Beiträge: 10435
Registriert: 08.03.2008 02:50
Wohnort: Waiblingen-Neustadt
Kontaktdaten:

Re: Overall Header 3-zeilig

Beitrag von Metzle »

Soooo....

also ich hab das jetzt gemacht...Ergebnis siehe mein Forum ( MetziMods )...und es ist recht nah am ersten Ansatz, wie du feststellen wirst. Ich gehe jetzt mal vom Ursprungszustand aus, also rein 3 Zeilen wie sie ganz am Anfang waren.

Folgendes zu tun:

Öffne styles/prosilver/theme/common.css

Finde:

Code: Alles auswählen

ul.rightside {
	float: right;
	margin-left: 5px;
	margin-right: -5px;
	text-align: right;
}
Füge danach ein:

Code: Alles auswählen

ul.center {
	margin-left: 5px;
	margin-right: -5px;
	font-size: 1.1em;
	line-height: 2.2em;	
	text-align: center;
}
Öffne styles/prosilver/template/overall_header.html

Finde dein Code und entferne überall vor den Links das <li...> und nach den Links </li>
Dann suchst du folgene Zeile:

Code: Alles auswählen

			<ul class="linklist navlinks">
und ersetzt sie durch:

Code: Alles auswählen

			<ul class="linklist navlinks center">
Danach Foren-Cache leeren, Theme aktualisieren und in der Forenübersicht den Browser aktualisieren.

Zum Vergleich mein Code aus der overall_header.html mit eben meinen Links. Wie du siehst habe ich die Icons drin und wie du siehst kannst du die auch so reinmachen, indem du in der Verlinkung die class="iconname" mit reinpackst.

Code: Alles auswählen

			<ul class="linklist navlinks center">
				<!-- IF S_USER_LOGGED_IN --><a href="{U_APPLICATION_FORM}" title="{L_APPLICATION_FORM_EXPLAIN}" class="icon-pages">{L_APPLICATION_FORM}</a> &bull;<!-- ENDIF -->			
				<a href="{U_DOWNLOADS}" title="{L_DOWNLOADS}" class="icon-download">{L_DOWNLOADS}</a> &bull;
				<!-- IF S_USER_LOGGED_IN --><a href="{U_BUGTRACKER}" title="{L_BT_BUGTRACKER}" class="icon-tracker">{L_BT_BUGTRACKER}</a> &bull;<!-- ENDIF -->
				<a href="{U_PAYPAL}" title="{L_PAYPAL}" class="icon-register">{L_PAYPAL}</a> &bull;
				<a href="{U_CMS}" title="{L_CMS}" class="icon-ucp">{L_CMS}</a> &bull;
<!-- ## begin mod: phpBB Code Repository ## -->
				<!-- IF U_CODE_REPO --><a href="{U_CODE_REPO}" title="{L_VIEW_CODE_REPO_MORE}" class="icon-pages">{L_VIEW_CODE_REPO}</a> &bull;<!-- ENDIF -->
<!-- ## end mod: phpBB Code Repository ## -->
				<!-- IF S_MOD_DISPLAY--><a href="{U_MODS_DB}" title="{L_MODS_DB}" class="icon-download">{L_MODS_DB}</a><!-- ENDIF -->
				<!-- IF S_HACKLIST_ON --><a href="{U_HACKLIST}" title="{L_HACKLIST}" class="icon-hacklist">{L_HACKLIST}</a><!-- ENDIF -->
                <!-- IF S_BUGTRACKER_ON --><a href="{U_BUG_TRACKER}" title="{L_BUG_TRACKER}" class="icon-tracker">{L_BUG_TRACKER}</a><!-- ENDIF -->
			</ul>
Metzle
phpBB.de-Support-Team
Allround-phpBB.de
Benutzeravatar
fishtown
Mitglied
Beiträge: 77
Registriert: 04.01.2009 13:19

Re: Overall Header 3-zeilig

Beitrag von fishtown »

Jau, das wars. Danke für deine Hilfe.
Benutzeravatar
Metzle
Ehemaliges Teammitglied
Beiträge: 10435
Registriert: 08.03.2008 02:50
Wohnort: Waiblingen-Neustadt
Kontaktdaten:

Re: Overall Header 3-zeilig

Beitrag von Metzle »

Jippieh...gut Ding will Weile haben :D
In Zukunft bau ich alles gleich bei mir ein ;)
Freut mich, dass wir das jetzt hinbekommen haben.
Metzle
phpBB.de-Support-Team
Allround-phpBB.de
Benutzeravatar
DayWalker74
Mitglied
Beiträge: 26
Registriert: 25.11.2009 13:58

Re: Overall Header 3-zeilig

Beitrag von DayWalker74 »

Geht doch ganz einfach:

Code: Alles auswählen

<center><ul class="linklist navlinks">   .....   </ul></center>
Gruß DayWalker
Benutzeravatar
redbull254
Ehemaliges Teammitglied
Beiträge: 10379
Registriert: 05.01.2006 13:01
Kontaktdaten:

Re: Overall Header 3-zeilig

Beitrag von redbull254 »

Hallo erstmal,
DayWalker74 hat geschrieben:Geht doch ganz einfach:

Code: Alles auswählen

<center><ul class="linklist navlinks">   .....   </ul></center>
Gruß DayWalker
Leider nicht mehr so einfach. Oder man verzichtet freiwillig darauf, das die Seite nicht mehr „ XHTML 1.0 Strict!“ ist.
Wer suchet, der nicht findet: blink ist Gott sei Dank schon lange verschwunden (genaugenommen nie aufgetaucht), font und center gibt es nicht mehr: Diese soll man durch entsprechenden Einsatz von div ersetzen (<center> durch <div align="center">Text</div>, font z.B. durch <div style="color:#ff0000; font-size:12pt">). Grund: Es waren keine vom W3C definierte Tags und Sie beschrieben auch nicht die Struktur (wie z.B. cite), sondern die Darstellung. Dafür hat das W3C allerdings CSS gelauncht.
Beste Grüße
Walter
Marcuss
Mitglied
Beiträge: 133
Registriert: 20.10.2007 22:35
Wohnort: Deutsch Evern
Kontaktdaten:

Re: Overall Header 3-zeilig

Beitrag von Marcuss »

Hallo zusammen!

Ich hab das jetzt nach der Anleitung auch soweit hinbekommen.

Woran ich aber aus Unkenntnis des Programmierens scheiter ist, hier die dritte Zeile mit Faq / An- / Abmelden größer zu bekommen, bzw. die Höhe der Zeile zu verändern.

Könnt ihr mir da helfen?

LG

Marcus
Antworten

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