Menü-Button soll aktiv bleiben

lapearl

Ich möchte das mein Menü-Button solange aktiv (sprich angegklickt) bleibt bis ein anderer Button ausgewählt wird. Weiß jemand wie das geht bzw. welchen Code ich dafür brauche? Mein derzeitiges Menü habe ich mit dem WP Menu Creator-Plugin erstellt falls das eine Rolle spielen sollte.

Meine Seite: Homepage

Gruss.
lapearl

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

nepf

dafür generiert WP die Klasse
.current_page_item

die musst Du in Deiner CSS genauso wie den hover-Effekt stylen

style gleich die Klasse
.current_page_ancestor

mit, dann bleibt der Effekt auch auf der Elternseite wenn Du im Pulldown einen Unterpunkt gewählt hast.

lapearl

hey super, danke!

das klappt auch bei den normalen menü-punkten alles perfekt, nur beim pulldown siehts sehr komisch aus, wobei ich mir da denken kann woran es liegt, weil ich beim Pulldown nämlich nicht das Hintergrundbild habe wie bei den anderen.

Ich würde es aber gerne so haben das z.b. bei dem Punkt "PRINT" dann dieser Button aktiv bleib und nicht der Punkt im Pulldown.

nepf

da musst du dann mal noch mal differenzieren zwischen

li .current_page_item
mit Hintergrundbild

und

li li .current_page_item
ohne Hintergrundbild

und wenn der Punkt PRINT aktiv bleiben soll, auch bei PLAKATE musst Du, wie schon gesagt, die Klasse

.current_page_ancestor

entsprechend definieren

lapearl

irgendwie will das nicht so richtig klappen bei dem pulldown. finde meinen Fehler nicht.

CSS

/*=-=-=-[Navigation]-=-=-=*/


#topnavigation {
		background:url(images/navbar.jpg) repeat;
                height: 30px;
                font-family: Arial, Helvetica, Verdana, sans-serif;
		font-weight: bold;
                -moz-border-radius: 5px;
                -khtml-border-radius: 5px;
		}




#topnavigation a, #topnavigation a:visited {
		padding: 8px 20px 7px 20px;
		}




#topnavigation a:hover {
		background: url(images/navhover.png) right;
                }




.current_page_item {
                background: url(images/navhover.png) right;
                }




.current_page_ancestor {
                background: url(images/navhover.png) right;
                }




li .current_page_item {
                float: left;
		margin: 0;
		padding: 0;
		}




li li .current_page_item {
                background: url(images/navbar.jpg) repeat;
		width: 100px;
		float: none;
		text-transform: none;
		border-bottom: 1px solid #1c1c1c;
		border-left: 0px solid #1c1c1c;
		border-right: 2px solid #1c1c1c;
		}






#topnavigation ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		}




#mc_menu_3 a,#mc_menu_1 a:visited {
		color: #000000;
		display: block;
                text-transform: uppercase;
		border-right: 2px solid #1c1c1c;
		}




#mc_menu_3 a:hover {
		background: #01aef0;
		}




#mc_menu_3 li {
		float: left;
		margin: 0;
		padding: 0;
		}




#mc_menu_3 li ul {
		position: absolute;
		width: 10em;
                left: -999em;
		}




#mc_menu_3 li li {
		float: left;
		width: 150px;
		margin: 0 !important;
		padding: 0 !important;
		}




#mc_menu_3 li li a,#mc_menu_3 li li a:link,#mc_menu_3 li li a:visited {
		background: url(images/navbar.jpg) repeat;
		width: 100px;
		float: none;
		text-transform: none;
		border-bottom: 1px solid #1c1c1c;
		border-left: 0px solid #1c1c1c;
		border-right: 2px solid #1c1c1c;
		}




#mc_menu_3 li li a:hover,#mc_menu_3 li li a:active {
		background: #00b9ff;
		}




#mc_menu_3 li:hover ul {
		left: auto;
		display: block;
		}




#mc_menu_3 li:hover ul,#mc_menu_3 li.sfhover ul {
		left: auto;
		}




/*=-=-=-[End Navigation]-=-=-=*/

Alles anzeigen

nepf

und mir fehlt jetzt so kurz vor Xmas ehrlich gesagt auch die zeit, um den noch zu finden.

Kennst Du das Firebug-Addon für den Firefox?
http://getfirebug.com/

damit findet man so etwas in der regel schnell heraus.

lapearl

ja das firebug-addon kenne ich habe aber noch nie damit gearbeitet.

mein fehler liegt eigentlich nur darin, dass ich nicht weiß welchen teil meiner CSS ich für »li li .current_page_item« & »li .current_page_item« benutzen muss.

und ».current_page_ancestor« habe ich bereits wie du gesagt hast gleich gestylt wie meinen hover-effekt, was je bei ».current_page_item« auch super geklappt hat, nur eben nicht bei ».current_page_ancestor«

Naja, falls du oder jemand anders doch kurz ein paar Minuten Zeit finden würden wäre das wirklich super und wenn nicht trotzdem danke für deine hilfe nepf.

und ansonsten frohe weihnachtstage an alle.

telekommander

Zitat von lapearl

mein fehler liegt eigentlich nur darin, dass ich nicht weiß welchen teil meiner CSS ich für »li li .current_page_item« & »li .current_page_item« benutzen muss.
und ».current_page_ancestor« habe ich bereits wie du gesagt hast gleich gestylt wie meinen hover-effekt, was je bei ».current_page_item« auch super geklappt hat, nur eben nicht bei ».current_page_ancestor«

Die Klasse[FONT="Courier New"] .current_page_ancestor [/FONT]gibt es nicht also funktioniert es auch nicht.
Diese Klasse wird durch das Plugin nicht generiert, weil die entsprechenden Toplevel-Menüpunkte keine "Elternseiten" sind.

nepf

das ist natürlich Mist.

Vielleicht solltest Du Dein Dropdownmenü lieber mit superfish machen - das funktioniert excellent. Genaue Anleitung hier:
http://webdemar.com/webdesign/tuto…-mit-superfish/

lapearl

hmm... mist. ja dann werd ich das wohl mit superfish machen, hoffe das dann alles klappt.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Menü-Button soll aktiv bleiben

Jetzt mitmachen!