WBCE CMS Forum

berny

Mitglied

Klawinder - Menü: Seite sofort anzeigen

Ich verwende bei einer neuen Seite das Template Klawinder.

Hier ist das normale Menü so geregelt, dass beim ersten Klick der Menübaum geöffnet wird, erst beim zweiten Klick die eigentliche Seite aufgerufen wird.

Ich hätte das gerne geändert, sodass beim ersten Klick die Seite aufgerufen und inklusive aufgeklappten Menübaum angezeigt wird.

Kann man das realisieren?

florian

Administrator

Re: Klawinder - Menü: Seite sofort anzeigen

Du könntest versuchen, die Navigation aus dem Template "Out of the Blue" zu übernehmen.
Dafür müsstest Du die prepare.php, die template.css und template.js entsprechend anpassen.
Ich sage aber gleich dazu, dass das auf Mobilgeräten nicht so schön aussieht wie mit der Original-klawinver-Navigation.

---

Code allein macht nicht glücklich. Jetzt spenden!

berny

Mitglied

Re: Klawinder - Menü: Seite sofort anzeigen

So, habs gefunden und noch ein paar Dinge angepasst:

In der template.js in Zeile 52 das false auf true setzen.

Somit werden die Links direkt aufgerufen.

function initmobilemenu() {
  
  // Class fuer alle li und a entfernen
	$( "#nav a" ).removeClass( "isopened" ); 
	
	// diese Function an jedes a.menu-expand hängen 
	$( "#nav a.menu-expand" ).bind( "click", function() { 		
    	
  	// wenn schon geklickt worden, also:class isopened link ausführen
		if ($(this).hasClass("isopened") ) {return true;} 
		if ($(this).hasClass("menu-parent") ) {return true;} 
			
			
		$(this).addClass('isopened');  
		$(this).parent("li.menu-expand").addClass('isopened');
		
		return true;
	});
}

In der template css noch folgender code:

#nav li a.menu-current {
  font-weight: bold;
  background: url(img/iscurrent.png) no-repeat -18px 5px; 
  background-origin: content-box;
} 
#nav li a.menu-parent {
  font-weight: bold;
  background: url(img/isclicked.png) no-repeat -18px 5px;
  background-origin: content-box;
}

#nav  a:hover ul li {
  z-index: 1000;
}
#nav  a.menu-expand { 
  background: url(img/haschild.png) no-repeat -18px 5px;
  background-origin: content-box;
}

#nav  a.menu-expand.isopened { 
  background: url(img/isclicked.png) no-repeat -18px 5px;
  background-origin: content-box;
}

background-origin: content-box; bewirkt, dass das icon direkt am Anfang des Linktextes gesetzt wird,
das -18px wiederum, dass es nach links gerückt wird.
Das muss natürlich je nach Bild und Design angepasst werden.

Bilder (icons) natürlich angepasst.

Jetzt werden die Symbole direkt vor dem Text angezeigt, also bei den Untermenüs eingerückt.
Ebenso gibt es  ein eigenes Symbol bei der aufgerufenen Seite.