Bonjour,
Je tente de faire un menu où chaque liens du menu à sa propre "apparence"
Comme par exemple, un menu qui pourrait ressembler à :
Lien1 | Lien 2 | Lien3 | Lien 4
J'ai déjà mon petit menu hroizontale qui est codé de cette façon :
Code :
<atm-linx type="sublinks">
<selection>
<start><nodespec type="relative" value="self" /></start>
</selection>
<display>
<htmltemplate><li><a href="{{href}}">{{title}}</a></li></htmltemplate>
<subleveltemplate><ul>{{sublevel}}</ul></subleveltemplate>
</display>
</atm-linx>
<selection>
<start><nodespec type="relative" value="self" /></start>
</selection>
<display>
<htmltemplate><li><a href="{{href}}">{{title}}</a></li></htmltemplate>
<subleveltemplate><ul>{{sublevel}}</ul></subleveltemplate>
</display>
</atm-linx>
J'ai eu donc l'idée de fixer un identifiant qui serait automatiquement incrémenté à la balise <li>. L'identifiant est tout simplement le titre du lien, de cette manière :
Code :
...
<htmltemplate><li class="{{title}}"><a href="{{href}}">{{title}}</a></li></htmltemplate>
...
<htmltemplate><li class="{{title}}"><a href="{{href}}">{{title}}</a></li></htmltemplate>
...
Ce qui donne donc à l'affichage (source de la page web affichée) :
Code :
<ul>
<li class="Lien1"><a href="http://www.siteweb.fr/web/fr/3-Lien1.php">Lien1</a></li>
<li class="Lien2"><a href="http://www.siteweb.fr/web/fr/43-Lien2.php">Lien2</a></li>
<li class="Lien3"><a href="http://www.siteweb.fr/web/fr/39-Lien3.php">Lien3</a></li>
<li class="Lien4"><a href="http://www.siteweb.fr/web/fr/40-Lien4.php">Lien4</a></li>
</ul>
<li class="Lien1"><a href="http://www.siteweb.fr/web/fr/3-Lien1.php">Lien1</a></li>
<li class="Lien2"><a href="http://www.siteweb.fr/web/fr/43-Lien2.php">Lien2</a></li>
<li class="Lien3"><a href="http://www.siteweb.fr/web/fr/39-Lien3.php">Lien3</a></li>
<li class="Lien4"><a href="http://www.siteweb.fr/web/fr/40-Lien4.php">Lien4</a></li>
</ul>
Il me reste donc plus qu'à renseigner les "class" Lien1, Lien2 etc... dans mon fichier CSS
Comme par exemple (je me permet d'en mettre un, au cas où un utilisateur souhaiterai faire un menu de ce type) :
Code :
.Lien1 a
{ font-size: 8px; color: #0000FF; }
.Lien1 a:hover
{ font-size: 8px; font-weight: bold; text-transform: uppercase; color: #00BFFF; }
.Lien2 a
{ font-size: 8px; color: #408080; }
.Lien2 a:hover
{ font-size: 8px; font-weight: bold; text-transform: uppercase; color: #BFFF80; }
etc...
{ font-size: 8px; color: #0000FF; }
.Lien1 a:hover
{ font-size: 8px; font-weight: bold; text-transform: uppercase; color: #00BFFF; }
.Lien2 a
{ font-size: 8px; color: #408080; }
.Lien2 a:hover
{ font-size: 8px; font-weight: bold; text-transform: uppercase; color: #BFFF80; }
etc...
Pas de soucis ça fonctionne... je pourrai donc me contenter de ça finalement (surtout que mon menu ne devrait pas changer souvent)
Mais l'idéal en fait, serait qu'a chaque fois que je crée une nouvelle entrée dans le menu, ou que je change tout simplement le "Lien1" par le "Lien43", que je n'ai pas besoin de retoucher à mon fichier css.
Donc dans le même genre, serait-il possible plutôt d'inclure un identifiant (numérique par exemple) au lieu du {{title}} ?
Je sais pas si je suis clair, je vais tenter une explication :
Si mon menu à 4 entrées, l'idéal serait que le code s'écrive :
Code :
<ul>
<li class="1"><a href="http://www.siteweb.fr/web/fr/3-Lien1.php">Lien1</a></li>
<li class="2"><a href="http://www.siteweb.fr/web/fr/43-Lien2.php">Lien2</a></li>
<li class="3"><a href="http://www.siteweb.fr/web/fr/39-Lien3.php">Lien3</a></li>
<li class="4"><a href="http://www.siteweb.fr/web/fr/40-Lien4.php">Lien4</a></li>
</ul>
<li class="1"><a href="http://www.siteweb.fr/web/fr/3-Lien1.php">Lien1</a></li>
<li class="2"><a href="http://www.siteweb.fr/web/fr/43-Lien2.php">Lien2</a></li>
<li class="3"><a href="http://www.siteweb.fr/web/fr/39-Lien3.php">Lien3</a></li>
<li class="4"><a href="http://www.siteweb.fr/web/fr/40-Lien4.php">Lien4</a></li>
</ul>
Et que dans le cas où je devais changer le 4eme lien de mon menu par exemple, l'id "4" ne changerait pas. Ce nouveau lien conserverait donc la même apparence que le lien qu'il a remplacé.
Existe t'il aujourd'hui une variable/tag/fonction déjà implanté dans Automne qui pourrait faire cela ?
Pas certain d'avoir été plus clair lol
@+
