Menue: letztem Menüpunkt anderes Style zuweisen

Diskussionen zur Smarty-Template-Engine
Locked
JamieFraser
Forum Members
Forum Members
Posts: 31
Joined: Fri Oct 01, 2010 6:58 am

Menue: letztem Menüpunkt anderes Style zuweisen

Post by JamieFraser »

Hi,

wie kann ich im Menütemplate dem letzten Menüpunkt einen anderen Style zuweisen?
nockenfell
Power Poster
Power Poster
Posts: 751
Joined: Fri Sep 12, 2008 2:34 pm
Location: Schweiz / Switzerland

Re: Menue: letztem Menüpunkt anderes Style zuweisen

Post by nockenfell »

Code: Select all

#head-nav li:last-child {
	background: none;
}
mit :last-child

Je nach dem Unterstützt der IE dies nicht. Dann musst du dir mit JavaScipt behelfen.
[this message is written with 100% recycled bits]
NaN

Re: Menue: letztem Menüpunkt anderes Style zuweisen

Post by NaN »

Am einfachsten wäre es, wenn Du im Menütemplate einfach prüfst, ob es sich um das letzte Element handelt und diesem dann eine bestimmte CSS Klasse gibst. Die kannst Du dann im Stylesheet entsprechend formatieren.

Bsp.:

Code: Select all


{foreach from=$nodelist item=node name=menuitem}

...

<a href="{$node->url}"{if $smarty.foreach.menuitem.last} class="last-menu-item"{/if}>...</a>

...

{/foreach}

Weitere Möglichkeiten wurden hier und hier schonmal besprochen.

Hoffe das hilft.
Mogli
New Member
New Member
Posts: 2
Joined: Tue Dec 21, 2010 4:12 pm

Re: Menue: letztem Menüpunkt anderes Style zuweisen

Post by Mogli »

Hallo bin neu hier und bräuchte etwas Hilfe zu folgendem Problem:
Ich möchte den letzten 3 Menüeinträgen (oberste Ebene) einen anderen CSS-Style zuweisen - am liebsten z.B. class="last-3-items" o.ä. Dadurch soll praktisch eine zweiteilige Menüleiste in einem jeweils gleichgroßen DIV-Contaainer entstehen.

Wie kann ich das in Smarty umsetzen?
uniqu3

Re: Menue: letztem Menüpunkt anderes Style zuweisen

Post by uniqu3 »

Hi,

Du könntest es mit Extra Atributen versuchen. Diese findest Du beim bearbeiten der Seiten unter Optionen-Tab.

In deinem Menu template würde es so aussehen:
extra1!==''} class="{$node->extra1}"{/if}>url}">{$node->menutext}

Gibst Du jetzt unter "Zusätzliches Seiten-Attribut 1:" etwas ein wird es als li class ausgegeben.
Mogli
New Member
New Member
Posts: 2
Joined: Tue Dec 21, 2010 4:12 pm

Re: Menue: letztem Menüpunkt anderes Style zuweisen

Post by Mogli »

Hi,
erstmal danke für deine Antwort!

Geht das auch statt in Listen in Aufzählung - also ?
Praktisch 2x mit unterschiedlichen CSS-Style über class  -->
uniqu3

Re: Menue: letztem Menüpunkt anderes Style zuweisen

Post by uniqu3 »

Was oder wie genau versuchst Du die Navigation zu erstellen?
2x ul für first level link klingt für mich zuerst etwas unlogisch.
Locked

Return to “Smarty-Tipps und -Tricks”