créer un site


Design Lycos

Poster un nouveau sujet sur css   Répondre au sujet à css:Design Lycos    Accueil Forum -> css
Voir le sujet précédent :: Voir le sujet suivant  
Auteur Message
Génius
flashmioche
flashmioche
MessageDesign 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
html mioche
MessageDesign 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 Wink
Génius
flashmioche
flashmioche
MessageDesign Lycos , Posté le: 21-12-2003 11:24

Ha ba oui surement j'y avais pas pensé.
Rolling Eyes
salemioche
salemioche
salemioche
MessageDesign 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]
Montrer les messages depuis:   
Poster un nouveau sujet sur css   Répondre au sujet à css:Design Lycos    Accueil Forum -> css Toutes les heures sont au format GMT + 1 Heure
Page 1 sur 1

 
Sauter vers:  
S'enregistrerS'enregistrer
ProfilProfil
Se connecter pour vérifier ses messages privésSe connecter pour vérifier ses messages privés
RechercherRechercher
Liste des MembresMembres
FAQFAQ
ConnexionConnexion 


© Mentions Légales