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;
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
