[TYPO3-UG Quebec] Rép. : Re: Menu de navigation en Typoscript

[Yann SADOK]

Hello Mario,

Dans tona rboresce4nce de page, si tu as 3 pages qui sont des url 
externes, tu edites ton entete de ces pages et tu choisis comme type de 
page "urlk externe". Ainsi qd ton menu appelle une de ces pages, cela 
fait un lien externe, les autres elements du menus etant des leins vers 
des pages du site.

Pour ce qui est du rollover tu as aussi la solution de créer des images 
pour els deux etats No et RO, de les charger dans l'entete de ta page 
dans l'espace prévu pour "Fichiers medias" et de faire un menu du type :

#menu  cObject
lib.menu = COA
lib.menu {
10 = HMENU
10.special = list
10.special.value = 12,11,10
10.1 = GMENU
10.1.NO {
altImgResource.import = uploads/media/
altImgResource.import.field = media
altImgResource.import.listNum = 0
}
10.1.RO < .10.1.NO
10.1.RO = 1
10.1.RO.altImgResource.import.listNum = 1
10.1.ACT {
altImgResource.import = uploads/media/
altImgResource.import.field = media
altImgResource.import.listNum = 1
}
10.1.ACT  < .10.1.RO
10.1.ACT  = 1
10.1.ACT .altImgResource.import.listNum = 1
}

Ce menu affiche donc ici 3 elements (tu peux wrapper en list) : lÉtat NO 
va chercher la premiere image chargé dans l'entete de chacune page, le 
RO va chercehr la seconde image, et quand tu es sur la page c'est 
l'image du RO qui s'affiche.

Apres si tu voulais vraiment pousser cela plus loin, tu peux utiliser 
plus ou moins ce meme principe, mais faire un menu dont les images 
serait créée directement par TYPO3, avec une police particuliere, un 
fond pour chaque etat...etc....

Va donc voir dans la doc Tsref, dans les pages 115/120 a peu pres, cela 
parle et explik les menu, les IMGMENU etc...

Yann

Mario Marcouiller a écrit :
> Salut Yann,
> 
> Le span avec le id est inutile, j'en convient.  Mais j'ai besoin du span pour le CSS (un effet de rollover avec une image de fond en .png).
> 
> Je vais utiliser un HMENU avec le code suivant :
> 
> ###   Création du menu du haut   ###
> temp.menutop = HMENU
> temp.menutop.1 = TMENU
> temp.menutop.1 {
>    NO.before = <li>
>    NO.after = </li>
>    NO.stdWrap.htmlSpecialChars = 1
>    NO.ATagBeforeWrap = 1
>    NO.linkWrap = <span>|</span>
> }
> temp.menutop.wrap = <ul> | </ul> 
> 
> Je voulais un menu utilitaire, où 3 items seraient des URL externes, et 3 items des pages utilitaires pour mes sites de cours (accueil, disponibilité du prof, et page de recherche dans son site).   Je crois que je vais plutôt faire 6 pages, même pour les liens externes.  Reste à trouver comment structurer le tout dans l'arborescence des pages.
> 
> Merci du bout de code, ça va m'être utile aussi.
> 
> Salutations,
> 
> Mario.
> 
>>>> Le 06-04-18 à  19:30, ysadok at net-right.com a écrit :
>> Salut Mario
>>
>> Pemière question : à quoi sert ton span avec un id?
>>
>> Perso, je ferais qqch du genre :
>>
>> <ul>
>> <li><a href="#" title="Accueil" class="Accueil">Accueil</a></li>
>> <li><a href="#" title="Omnivox" class="Omnivox">Omnivox</a></li>
>> <li><a href="#" title="Groupwise" class="Groupwise">Groupwise</a></li>
>> <li><a href="#" title="Intranet" class="Intranet">Intranet</a></li>
>> <li><a href="#" title="Horaire" class="Horaire">Horaire</a></li>
>> <li><a href="#" title="Recherche" class="Recherche">Recherche</a></li>
>> </ul>
>> ...
> 
>