Good morning Québec !
Oui, c'était une erreur du générateur,
Mais là aussi ce n'est pas encore correcte, parce que le "div" du sélecteur d'onglets n'est pas refermé.
La fermeture que tu as là est celle des catégories compressées (en deux colonnes).
Ajoute à la toute fin encore la fermeture du "div" des onglets et ça devrait être ok.
Voici la fin du template :
- Code:
<div class="sous_forum">
<span class="sforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
<span class="ouverture_sousforum">Voir les sous-forum</span>
</div>
</div>
</div>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</div>
<!-- END tablefoot -->
<!-- END catrow -->
</div>
Dans le CSS, on ne garde que celui du menu dans un premier temps :
- Code:
/*-------------- menu de navigation des catégories
--------------------------------------------------------------*/
/*petite languette pour ouverture */
#startonglets {
position: fixed;
top: 170px;
left: 1px;
background: #000 url(url_image) no-repeat 0 0; /* on respecte cet ordre W3C pour le raccourci et si une image doit se répéter on ne précise rien repeat étant la valeur par défaut */
width: 7px;
height: 130px;
overflow: hidden;
border: 3px ridge #a92c10;
border-left: none;
padding: 3px;
cursor: pointer;
z-index: 999;
}
/* les propriétés du menu catégories */
#startonglets:hover {
display; block;
background: orange;
width: 170px;
height: 170px;
color: #000;
font: italic small-caps bold 13px lucida grande, sans-serif; /* ordre a respecter pour les normes W3C avec le raccourci font > style > variant > weight > size/height > familly on peut omettre toutes les propriétés SAUF le size et le family dans cet ordre */
text-align: center;
text-shadow: 1px 1px 1px yellow;
border: 7px ridge #a92c10;
border-right: none;
box-shadow: 8px 8px 16px #a92c10;
-moz-box-shadow: 8px 8px 16px #a92c10;
-webkit-box-shadow: 8px 8px 16px #a92c10;
-o-box-shadow: 8px 8px 16px #a92c10;
-htm-box-shadow: 8px 8px 16px #a92c10;
padding: 7px 3px 7px;
-moz-border-radius:13px;
-webkit-border-radius: 13px;
-o-border-radius: 13px;
border-radius: 13px;
padding: 7px;
-o-transition: 1.7s ease;
-webkit-transition: 1.7s ease;
-moz-transition: 1.7s ease;
-htm-transition: 1.7s ease;
transition: 1.7s ease;
cursor: pointer;
z-index: 999;
}
