Wie wird li class im Menü angezeigt?

ottysccom · 26. November 2015 00:08

Hallo allerzeits,

Ich bin am verzweifeln. Sitze nun schon seit 5 Stunden am basteln und bekomme es einfach nicht gebacken.

Bei meinem Menü wird folgendes im Quellcode angezeigt:

Hier klicken, um den Code zum Kopieren zu markieren

<div id="menu">
    <ul class="menu">
        <li><a href="http://www.m...op.net/"><span>Inicio</span></a> </li>
        <li><a href="http://www.m...op.net/index.php?page=m50eu"><span>Megatop 50 Europa</span></a> </li>
        <li><a href="http://www.m...op.net/index.php?page=m50es"><span>Megatop 50 España</span></a> </li>
        <li><a href="http://www.m...op.net/index.php?page=m50lt"><span>Megatop 50 Latino</span></a>

Ich benötige aber dass dort jeweils folgende <li class> angezeigt werden

Hier klicken, um den Code zum Kopieren zu markieren

<div id="menu">
    <ul class="menu">
        <li class="current_page_item"><a href="http://www.me...op.net/"><span>Inicio</span></a> </li>
        <li class="current_page_item-2"><a href="http://www.m...op.net/index.php?page=m50eu"><span>Megatop 50 Europa</span></a> </li>
        <li class="current_page_item-3"><a href="http://www.m...op.net/index.php?page=m50es"><span>Megatop 50 España</span></a> </li>
        <li class="current_page_item-4"><a href="http://www.m...op.net/index.php?page=m50lt"><span>Megatop 50 Latino</span></a>

Also jeweils: <li class="current_page_item">
<li class="current_page_item2">
<li class="current_page_item3"> usw.

Wie kann ich das Bewerkstelligen? Welchen Code muss ich da im Menü Template verwenden?

Wäre Euch sehr dankbar für Euere Hilfe

Otmar

Beitrag geändert von ottysccom (26. November 2015 00:11)

Andynium · 29. November 2015 00:23

Hallo Otmar,

hemos escuchado nada de ti por mucho tiempo. Todo lo bueno con usted?

ottysccom schrieb:

Sitze nun schon seit 5 Stunden am basteln

Hmm, wäre sicherlich nicht schlecht gewesen, wenn du den aktuellen Stand deiner Bastelstunde(n) hier gezeigt hättest wink , sprich das Template gepostet.

ottysccom schrieb:

Wie kann ich das Bewerkstelligen? Welchen Code muss ich da im Menü Template verwenden?

Ich würde hier versuchen, den Iterations-Zähler der Smarty foreach Schleife zu nutzen

http://www.smarty.net/docs/en/language. … oreach.tpl

Müsste im Template für den MenuManager so aussehen

Hier klicken, um den Code zum Kopieren zu markieren

<li class="current_page_item{$node@iteration}">

Ist aber die Einfachst-Variante, weshalb es mit "current_page_item1" anfängt ... aber das dürfte ja nicht weiter stören, oder?! Musst halt nur die CSS-Klasse für den ersten Eintrag umbenennen. Könnte man zwar mit if Anweisungen oder ternären Operatoren abfangen - wäre aber nach meinem Verständnis mit Kanonen auf Spatzen geschossen, zu Lasten der Performance.

Funktioniert natürlich auch nur, wenn das Menü nur die eine, von dir gezeigte Ebene hat.

ottysccom · 09. Dezember 2015 13:43

Hallo nochmals,

Ich poste mal hier das gesamte Template da ich nicht weiss wo ich das dort einfügen soll.

Hier klicken, um den Code zum Kopieren zu markieren

{* CSS classes used in this template:
.activeparent - The top level parent when a child is the active/current page
li.active0n h3 - n is the depth/level of the node. To style the active page for each level separately. The active page is not clickable.
.clearfix - Used for the unclickable h3 to use the entire width of the li, just like the anchors. See the Tools stylesheet in the default CMSMS installation.
li.sectionheader h3 - To style section header
li.separator - To style the ruler for the separator *} 

{if $count > 0}
<ul class="menu">
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string="<ul>" times=$node->depth-$node->prevdepth}
{elseif $node->depth < $node->prevdepth}
{repeat string="</li></ul>" times=$node->prevdepth-$node->depth}
</li>
{elseif $node->index > 0}</li>
{/if}


{if $node->parent == true or ($node->current == true and $node->haschildren == true)}
<li class="menuactive menuparent"><a class="menuactive menuparent" href="{$node->url}"><span>{$node->menutext}</span></a>

{elseif $node->haschildren == true and $node->type != 'sectionheader' and $node->type != 'separator'}
<li class="parent"><a class="parent" href="{$node->url}"><span>{$node->menutext}</span></a>



{elseif $node->type == 'sectionheader'}
<li class="sectionheader"><span>{$node->menutext}</span>

{elseif $node->type == 'separator'}
<li class="separator" style="list-style-type: none;"> <hr />

{else}
<li><a href="{$node->url}"><span>{$node->menutext}</span></a>

{/if}

{/foreach}
{repeat string="</li></ul>" times=$node->depth-1}</li>
</ul>
{/if}

Schon im Voraus ... Muchas gracias por vuestra ayuda! :-)

Andynium · 11. Dezember 2015 13:05

Hmm, wenn ich das Layout aus deinem ersten Posting richtig deute, sollte dies

Hier klicken, um den Code zum Kopieren zu markieren

<li><a href="{$node->url}"><span>{$node->menutext}</span></a>

durch

Hier klicken, um den Code zum Kopieren zu markieren

<li class="current_page_item{$node@iteration}"><a href="{$node->url}"><span>{$node->menutext}</span></a>

ersetzt werden roll ...

faglork · 11. Dezember 2015 13:33

Was spricht dagegen, einfach den nth child / nth of type Pseudo Selektor anwenden?

Servus,
Alex

Beitrag geändert von faglork (11. Dezember 2015 13:35)

Andynium · 11. Dezember 2015 14:45

Ich möchte niemandem zu nahe treten, aber ich befürchte, dass Otmar mit deinem Stichwort wenig bis überhaupt nichts anfangen kann...

mike-r · 12. Dezember 2015 16:13

faglork schrieb:

Was spricht dagegen, einfach den nth child / nth of type Pseudo Selektor anwenden?

der wird Dir schlecht die aktuelle Seite etc. ausgeben.

faglork · 13. Dezember 2015 16:05

mike-r schrieb:

faglork schrieb:
Was spricht dagegen, einfach den nth child / nth of type Pseudo Selektor anwenden?
der wird Dir schlecht die aktuelle Seite etc. ausgeben.

Er will ja anscheinend gar keine "aktuellen Seiten" sondern eine Reihenfolge. Es ergäbe ja gar keinen Sinn, 4 "current pages" gleichzeitig anzuzeigen - siehe Beispiel im Eingangspost.

Eine Reihenfolge bekommst du mit dem Pseudoselektor. Musste nicht mal im Code rumfummeln.

Wäre halt wichtig zu wissen *wozu* das ganze denn dienen soll.

Servus,
Alex

Beitrag geändert von faglork (13. Dezember 2015 16:06)

ottysccom · 15. Dezember 2015 20:19

Hallo Sinn ist das ich die Seite http://www.megatop.net/index.php?page=suscripciones gerne als menü mit den strichen fürs Handy haben möchte. Haut immer noch nicht so recht hin. Ich glaube der Menüpkunt der aktiv ist darf keine item nummer haben. habe dieses Template von Wordpress migriert. Wenn da mir aber jemand etwas änlicheres und besseres als Template bzw Menütemplate vorschalgen kann bin ich natürlich auch sehr dankbar.

faglork · 17. Dezember 2015 13:23

ottysccom schrieb:

Hallo Sinn ist das ich die Seite http://www.megatop.net/index.php?page=suscripciones gerne als menü mit den strichen fürs Handy haben möchte.

Versteh ich nicht. Drei Spalten auf dem Handy? Und welche "Striche"?

Servus,
Alex

NaN · 17. Dezember 2015 13:50

Drei Spalten auf dem Handy?

Auf dem Handy ist es nur eine Spalte.

Und welche "Striche"?

Das mittlerweile schon universell verständliche Navicon.

Andynium · 17. Dezember 2015 21:33

Ach sooo, das “Hamburger“-Menü wink ... hab jetzt echt gerätselt.

ottysccom · 26. Dezember 2015 20:51

Ja genau das. Wie bekomme ich das hin?

Forum für CMS/made simple

#1 26. November 2015 00:08

Wie wird li class im Menü angezeigt?

#2 29. November 2015 00:23

Re: Wie wird li class im Menü angezeigt?

#3 09. Dezember 2015 13:43

Re: Wie wird li class im Menü angezeigt?

#4 11. Dezember 2015 13:05

Re: Wie wird li class im Menü angezeigt?

#5 11. Dezember 2015 13:33

Re: Wie wird li class im Menü angezeigt?

#6 11. Dezember 2015 14:45

Re: Wie wird li class im Menü angezeigt?

#7 12. Dezember 2015 16:13

Re: Wie wird li class im Menü angezeigt?

#8 13. Dezember 2015 16:05

Re: Wie wird li class im Menü angezeigt?

#9 15. Dezember 2015 20:19

Re: Wie wird li class im Menü angezeigt?

#10 17. Dezember 2015 13:23

Re: Wie wird li class im Menü angezeigt?

#11 17. Dezember 2015 13:50

Re: Wie wird li class im Menü angezeigt?

#12 17. Dezember 2015 21:33

Re: Wie wird li class im Menü angezeigt?

#13 26. Dezember 2015 20:51

Re: Wie wird li class im Menü angezeigt?

Fußzeile des Forums