it-swarm.dev

Article de menu sans lien

Je crée souvent un élément de menu sans lien (comme un élément de menu non cliquable avec un menu déroulant), mais dans l'onglet "Liens système", plusieurs options se ressemblent.

enter image description here

Quelle est la différence entre en-tête de men, séparateur de texte et un RL externe pointant sur liée à "#"?

5
johanpw

La principale différence réside dans le rendu du code HTML. Cela dépend donc du modèle à quoi ressemblent les éléments de menu. Voici comment le modèle Protostar par défaut affichera les différentes options:

Protostar template menu options

URL externe

La sortie HTML par défaut de l'élément de menu est un lien.

<li class="item-120"><a href="#">External URL menu item</a></li>

Ceci est identique à tout autre élément de menu "normal":

Meny Item Item

Cela créera le code HTML suivant pour votre élément de menu:

<li class="item-121"><span class="nav-header">Menu Heading item</span></li>

Séparateur de texte

La sortie HTML par défaut du séparateur de texte est la suivante:

<li class="item-122 divider"><span class="separator">Text Separator item</span></li>

(Notez le diviseur supplémentaire dans la classe <li> tag.)

Autres modèles

De nombreux modèles remplaceront le rendu par défaut et donneront des résultats différents. Voici à quoi ressemblent les mêmes éléments de menu dans un modèle de Joomla51.com :

Menu items in J51 template

Sortie HTML du même menu:

<li class="item-120"><a href="#" tabindex="-1" class="subMenuBtn">External URL menu item</a></li>
<li class="item-121"><a href="/" tabindex="-1" class="subMenuBtn">Menu Heading item</a></li>
<li class="item-122"><a tabindex="-1" class="subMenuBtn">Text Separator item</a>
</li></ul>

Notez que tous les éléments de menu ont le même aspect. C'est également le cas avec d'autres clubs modèles, comme RocketTheme (bien que le code source soit différent, les trois éléments se ressemblent).

9
johanpw