|
|
Voir le sujet précédent :: Voir le sujet suivant |
Auteur |
Message |
Génius flashmioche
|
Design Lycos , Posté le: 20-12-2003 22:43 |
|
|
Que penser vous du design du site de Lycos?
Moi j'adore leur boutons mais je les trouvent lourd(le temps de dégrader).
Dailleur en faite je me demande comment ils font pour faire un dégrader
quand on passe la souris dessus avant d'arriver à la couleur final il passe par d'autres couleurs. C'est sympa sa mais un peu lourd je trouve (ou long ) |
|
|
SIBELIUS html mioche
|
Design Lycos , Posté le: 21-12-2003 7:24 |
|
|
Je pense que c'est tout simplement un fond en gif animé au survol, un peu comme pour Alsa si tu restes sur le bouton |
|
|
Génius flashmioche
|
Design Lycos , Posté le: 21-12-2003 11:24 |
|
|
Ha ba oui surement j'y avais pas pensé.
|
|
|
salemioche salemioche
|
Design Lycos , Posté le: 22-12-2003 7:41 |
|
|
oui c'est ca, le code de leur CSS est :
Code: |
/* hover color */
#globaltab1.tabhover{background-image: url(http://image.lycos.fr/common/tab_hover_1.gif)}
#globaltab2.tabhover{background-image: url(http://image.lycos.fr/common/tab_hover_2.gif)}
#globaltab3.tabhover{background-image: url(http://image.lycos.fr/common/tab_hover_3.gif)}
#globaltab4.tabhover{background-image: url(http://image.lycos.fr/common/tab_hover_4.gif)}
#globaltab5.tabhover{background-image: url(http://image.lycos.fr/common/tab_hover_5.gif)}
#globaltab6.tabhover{background-image: url(http://image.lycos.fr/common/tab_hover_6.gif)}
#globaltab7.tabhover{background-image: url(http://image.lycos.fr/common/tab_hover_7.gif)} |
et le html
Code: |
<div id="globaltabs">
<div id="globaltab1"><a href="http://www.lycos.fr/" title="Accueil">Accueil</a></div>
<div id="globaltab2"><a href="http://www.caramail.lycos.fr/" title="">Communiquer</a></div>
<div id="globaltab3"><a href="http://www.recherche.lycos.fr/" title="">Rechercher</a></div>
<div id="globaltab4"><a href="http://www.home.lycos.fr/rencontrer/" title="">Rencontrer</a></div>
<div id="globaltab5"><a href="http://www.home.lycos.fr/creer/" title="">Créer son site</a></div>
<div id="globaltab6"><a href="http://www.home.lycos.fr/sedivertir/" title="">Se divertir</a></div>
<div id="globaltab7"><a href="http://shopping.lycos.fr/" title="">Shopping</a></div>
</div>
|
[/code] |
|
|
|
|
Accueil Forum
-> css |
Toutes les heures sont au format GMT + 1 Heure
|
Page 1 sur 1 |
|
S'enregistrer
Profil
Se connecter pour vérifier ses messages privés
Rechercher
Membres
FAQ
Connexion
|