Overall Header 3-zeilig

[fishtown]

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?

[Metzle]

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

[fishtown]

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>

[Metzle]

Hallo,

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

[fishtown]

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>

[Metzle]

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.

[fishtown]

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.

[Metzle]

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">

[fishtown]

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

[Metzle]

Hallo,

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