phpBB.de

Verfasst: **04.01.2010 17:05**

Metzle hat geschrieben:Hallo,

dazu wäre dein Code für die 3 Zeilen von Vorteil zu sehen. Ich vermute nämlich, dass du, so wie ich, die vorhandenen css-Einträge nutzt und wenn du diese änderst, dann ändert sich auch die Navigation etc. Daher könnte es von Vorteil sein, einfach eine neue Klasse in der cc-Datei zu verwenden bzw zu erstellen.

Das habe ich. Wo muss ich was Einfügen?

Verfasst: **04.01.2010 17:41**

Metzle hat geschrieben: dazu wäre dein Code für die 3 Zeilen von Vorteil zu sehen.

Verfasst: **04.01.2010 18:04**

Code: Alles auswählen

			<ul class="linklist navlinks">
				<!-- Start Ultimate Points -->
				<!-- IF S_POINTS_ENABLE -->
				<li class="icon-points"><a href="{U_POINTS}" title="{L_POINTS_EXPLAIN}"> {POINTS_LINK} <!-- IF S_USER_LOGGED_IN and S_USE_POINTS --> [ {USER_POINTS} ] <!-- ENDIF --></a>&bull;</li>
				<!-- ENDIF -->
				<!-- End Ultimate Points -->

				<li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}"> {L_FAQ} </a>&bull;</li>
				<!-- IF U_MEDALS --><li class="icon-medal"><a href="{U_MEDALS}" title="{L_MEDALS_VIEW_EXPLAIN}"> {L_MEDALS_VIEW} </a>&bull;</li><!-- ENDIF -->
				<!-- BEGIN blog_links -->
				<li class="{blog_links.CLASS}"><a href="{blog_links.URL}">{blog_links.TEXT}</a>&bull;</li>
				<!-- END blog_links -->
				<li class="icon-members"><a href="{U_APPLICATION_FORM}" title="{L_APPLICATION_FORM_EXPLAIN}"> {L_APPLICATION_FORM} </a>&bull;</li>
				<li class="icon-ucp"><a href="{U_ARCADE}" title="{L_ARCADE_EXPLAIN}"> {L_ARCADE} </a>&bull;</li>
				<li class="icon-gallery"><a href="{U_GALLERY_MOD}" title="{L_GALLERY_EXPLAIN}">{L_GALLERY} </a>&bull;</li>
				<!-- IF not S_IS_BOT -->
					<!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}"> {L_MEMBERLIST} </a></li><!-- ENDIF -->
					<!-- IF S_DISPLAY_THANKSLIST --><li class="icon-thanks"><a href="{U_THANKSLIST}" title="{L_THANKS_USER}"> {L_GRATITUDES} </a></li><!-- ENDIF -->
			</ul>

Verfasst: **04.01.2010 19:12**

Hallo,

und welche Links sollen nun zentriert dargestellt werden? Nur damit man direkt an die richtige Stelle geht.

Verfasst: **04.01.2010 20:01**

Die, die da drin sind. Ist die Zeile, um die es sich handelt.

Code: Alles auswählen

             <ul class="linklist navlinks">
                <!-- Start Ultimate Points -->
                <!-- IF S_POINTS_ENABLE -->
                <li class="icon-points"><a href="{U_POINTS}" title="{L_POINTS_EXPLAIN}"> {POINTS_LINK} <!-- IF S_USER_LOGGED_IN and S_USE_POINTS --> [ {USER_POINTS} ] <!-- ENDIF --></a>&bull;</li>
                <!-- ENDIF -->
                <!-- End Ultimate Points -->

                <li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}"> {L_FAQ} </a>&bull;</li>
                <!-- IF U_MEDALS --><li class="icon-medal"><a href="{U_MEDALS}" title="{L_MEDALS_VIEW_EXPLAIN}"> {L_MEDALS_VIEW} </a>&bull;</li><!-- ENDIF -->
                <!-- BEGIN blog_links -->
                <li class="{blog_links.CLASS}"><a href="{blog_links.URL}">{blog_links.TEXT}</a>&bull;</li>
                <!-- END blog_links -->
                <li class="icon-members"><a href="{U_APPLICATION_FORM}" title="{L_APPLICATION_FORM_EXPLAIN}"> {L_APPLICATION_FORM} </a>&bull;</li>
                <li class="icon-ucp"><a href="{U_ARCADE}" title="{L_ARCADE_EXPLAIN}"> {L_ARCADE} </a>&bull;</li>
                <li class="icon-gallery"><a href="{U_GALLERY_MOD}" title="{L_GALLERY_EXPLAIN}">{L_GALLERY} </a>&bull;</li>
                <!-- IF not S_IS_BOT -->
                   <!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}"> {L_MEMBERLIST} </a></li><!-- ENDIF -->
                   <!-- IF S_DISPLAY_THANKSLIST --><li class="icon-thanks"><a href="{U_THANKSLIST}" title="{L_THANKS_USER}"> {L_GRATITUDES} </a></li><!-- ENDIF -->
             </ul>

Verfasst: **04.01.2010 21:46**

Ok...dann mal ran ans Werk:

Ö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;
	text-align: center;
}

Dann nimmst du deinen Code und ersetzt folgende Zeile:

Code: Alles auswählen

             <ul class="linklist navlinks">

mit dieser:

Code: Alles auswählen

             <ul class="linklist navlinks center">

So, danach Foren-Cache leeren, Template und Theme aktualisieren. Ist ungetestet von mir und ich hoffe, dass es so klappt. Sollte es nicht klappen, einfach nochmal melden, aber auch gerne nochmal melden, wenn es geklappt hat.

Verfasst: **04.01.2010 22:13**

Leider nicht. Habe die Änderungen gemacht, aber sieht immer noch alles gleich aus.

muss ich da nicht <li class="... irgendwie ändern? Nur so ein Gedanke von mir.

Verfasst: **04.01.2010 23:13**

Hmmm...probiere mal das in der common.css:

Finde:

Code: Alles auswählen

ul.center {
   margin-left: 5px;
   margin-right: -5px;
   text-align: center;
}

Ersetze mit:

Code: Alles auswählen

ul.center {
	padding-bottom: 1px;
	margin-bottom: 1px;
	border-bottom: 1px solid #FFFFFF;
	font-weight: bold;
	display: block;
	margin: 0;
	text-align: center;
}

Und ändere im Template folgendes:

Code: Alles auswählen

             <ul class="linklist navlinks center">

in

Code: Alles auswählen

             <ul class="center">

Verfasst: **05.01.2010 11:38**

Leider nicht, auch wenn es witzig aussieht:
[ externes Bild ]

Verfasst: **05.01.2010 12:44**

Hallo,

bau mal in ul. center noch ein float: left; ein und schau, ob es dann passt...ich kriegs noch hin

phpBB.de

Overall Header 3-zeilig

Re: Overall Header 3-zeilig

Re: Overall Header 3-zeilig

Re: Overall Header 3-zeilig

Re: Overall Header 3-zeilig

Re: Overall Header 3-zeilig

Re: Overall Header 3-zeilig

Re: Overall Header 3-zeilig

Re: Overall Header 3-zeilig

Re: Overall Header 3-zeilig

Re: Overall Header 3-zeilig