Skip to main content Help Control Panel

YACS CMS : Open source !

Documentation «   Le livre de Yacs «   Créer une identité visuelle «   Ajouter des onglets dans un style qui n'en a pas «  

Note: Ajouter des onglets dans un style qui n'en a pas

<< Previous Next >>
Bonjour,

Je suis en train de faire un menu comme tu l'expliques , avec les mêmes templates, j'en arrive là et vraiment je ne vois pas cela :

Déplacer les onglets vers la gauche et vers le bas Dans #tabs { /* the global navigation bar -- see template script */

suis je aveugle ou bien y a t-il autre chose ?

Moi je n'ai que ces tabs :

#tabs a { /* text appearance in tabs */ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none; color: black; /* see #tabs li a span */ }

#tabs ul { /* position tabs */ width: auto; margin: 0; padding: 0; list-style: none; z-index: 90; }

#tabs li { display:inline; margin:0 2px 0 0; padding:0; }

#tabs li a { /* tab top left corner */ margin:0 1px 0 0; padding: 0 0 0 10px; text-decoration:none; float: left; background: transparent url("images/tabs.gif") 0% 0% no-repeat; }

#tabs li a span { /* tab top right corner */ float: left; display: block; padding: 5px 3px 4px 0; background: transparent url("images/tabs.gif") 100% 0% no-repeat; color: black; text-decoration: none; }

#tabs li a:hover { /* change tab background on hovering */ background-position: 0% -22px; color: #ffa500; text-decoration: none; cursor: pointer; /* else ie 6 is lost */ }

#tabs li a:hover span { /* change tab background on hovering */ background-position: 100% -22px; color: #ffa500; text-decoration: none;

By Chacha on Feb. 2 2007