Seite 3 von 3

Re: Overall Header 3-zeilig

Verfasst: 05.01.2010 13:14
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.

Re: Overall Header 3-zeilig

Verfasst: 05.01.2010 15:00
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 ;)

Re: Overall Header 3-zeilig

Verfasst: 05.01.2010 15:10
von fishtown
Super. Thx.

Re: Overall Header 3-zeilig

Verfasst: 05.01.2010 15:45
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>

Re: Overall Header 3-zeilig

Verfasst: 05.01.2010 18:11
von fishtown
Jau, das wars. Danke für deine Hilfe.

Re: Overall Header 3-zeilig

Verfasst: 05.01.2010 18:49
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.

Re: Overall Header 3-zeilig

Verfasst: 22.01.2010 22:25
von DayWalker74
Geht doch ganz einfach:

Code: Alles auswählen

<center><ul class="linklist navlinks">   .....   </ul></center>
Gruß DayWalker

Re: Overall Header 3-zeilig

Verfasst: 23.01.2010 01:14
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.

Re: Overall Header 3-zeilig

Verfasst: 04.02.2010 11:29
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