[Erledigt] Navigation im UCP ändern

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
Helmut
Mitglied
Beiträge: 2048
Registriert: 27.12.2002 20:35
Wohnort: Augsburg

[Erledigt] Navigation im UCP ändern

Beitrag von Helmut »

Hallo,

ich habe wieder mal ein kleines Problem und komme nicht weiter. Ich habe für meine neue Homepage eine Navigation auf der Basis wie sie im UCP verwendet wird, etwas umgebaut. Das Navigationsmenü wird dynamisch aus einer Tabelle erstellt, das läuft auch schon, aber wie ich jetzt die Tests für die XHTML Validation gemacht habe, bekam ich eine Fehlermeldung.

Ich hatte für die Menüpunkte welche eingerückt werden sollen, einfach den Teil (#Navigation /* Container for sub-navigation list */) in der cp.css mehrfach kopiert und entsprechend umbenannt. Ich bekam dann die Meldung, dass id=*** mehrfach verwendet wurde.

Ausschnitt aus der menue.html

Code: Alles auswählen

		<div id="svinav">
			<!-- BEGIN block2 -->
				<!-- IF block2.S_SELECTED -->
				<!-- IF block2.S_NAV_U --><div id="svinav-u"><!-- ENDIF -->
				<!-- IF block2.S_NAV_UU --><div id="svinav-uu"><!-- ENDIF -->
				<!-- IF block2.S_NAV_UUU --><div id="svinav-uuu"><!-- ENDIF -->
					<!-- IF block2.S_LEERTAB -->{block2.U_LEERTAB}<!-- ENDIF -->
					<ul><li id="active-subsection"><a href="{block2.U_TITLE}"><span>{block2.L_TITLE}</span></a></li></ul>				
				<!-- IF block2.S_NAV_U --></div><!-- ENDIF -->
				<!-- IF block2.S_NAV_UU --></div><!-- ENDIF -->
				<!-- IF block2.S_NAV_UUU --></div><!-- ENDIF -->					
				<!-- ELSE -->				
				<!-- IF block2.S_NAV_U --><div id="svinav-u"><!-- ENDIF -->
				<!-- IF block2.S_NAV_UU --><div id="svinav-uu"><!-- ENDIF -->
				<!-- IF block2.S_NAV_UUU --><div id="svinav-uuu"><!-- ENDIF -->
					<!-- IF block2.S_LEERTAB -->{block2.U_LEERTAB}<!-- ENDIF -->
					<ul><li><a href="{block2.U_TITLE}"><span>{block2.L_TITLE}</span></a></li></ul>				
				<!-- IF block2.S_NAV_U --></div><!-- ENDIF -->
				<!-- IF block2.S_NAV_UU --></div><!-- ENDIF -->
				<!-- IF block2.S_NAV_UUU --></div><!-- ENDIF -->
				<!-- ENDIF -->				
			<!-- END block2 -->
			</div>
Nun zu meiner Frage, was muss ich ändern, dass ich für statt id="svinav-u", id="svinav-uu", und id="svinav-uuu" nun daraus class="***" bekomme?

Es soll dabei nur die Schrift (Link) bei Unterpunkten im Menü um jeweils 20px eingerückt werden werden.


[EDIT]
Ich habe es inzwischen herausbekommen und auch schon umgesetzt. Ich musste nur z.B. aus #svinav-u das hier machen: #svinav .svinav-u

Gruß Helmut
Ich bin nicht ganz dicht.... na und.
Antworten

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