Connexion à votre interface Wifeo
X
Nom d'utilisateur :
Mot de passe :


Mot de passe oublié ?

Pas encore inscrit ? Créez votre site gratuitement !
Connexion
 FERMER LE MENU


Menu du forum :

Accueil du forum

Derniers messages

S'inscrire au forum

Se connecter au forum

Mot de passe oublié

Menu général de Wifeo :

Accueil de Wifeo

Connexion

Créer un site

Nouveautés Wifeo

Blog

Forum

Boite à outils

Documentations

Liens et Menu > Soulignement des liens

Connectez-vous au forum     Pas inscrit au forum ? Inscrivez-vous !
Nom d'utilisateur : Mot de passe :
Se connecter automatiquement à chaque visite

Soulignement des liens

La question
Posté le 10 Septembre à 10:35
canvas

363 messages
Inscrit le 17/1/2008
Bonjour,
Je souhaite savoir si il est possible de modifier l'apparence (grosseur et espacement) du soulignement lors du survol de la souris. Effectivement, sur beaucoup de sites, le soulignement est plus bas et plus épais que la normal et cela donne un effet plus moderne. D'ailleurs vous l'utilisez vous même dans le forum wifeo sur "résolu", "non résolu"...
Si cela n'est pas accessible sur l'éditeur wifeo est-il possible de l'insérer en css?
Ou alors est-il envisageable que vous le mettiez en place (je demande au cas où !-)

Merci de vos conseils

canvas

 
Navigateur utilisé : Firefox

La réponse qui règle le problème
Posté le 12 Septembre
gabriel-support

C'est juste du CSS

la propriété :hover permet de définir un comportement d'un élément lorsque la souris passe dessus.

Donc là on a quelque chose comme :

.maClass:hover{
border-bottom:3px solid #fff;
}

C'est très simple, mais encore faut-il un tout petit peu parler CSS
 
Navigateur utilisé : Chrome

- Réagissez à l'actu de Wifeo : facebook.com/wifeo
- Suivez l'actu de Wifeo : twitter.com/wifeo_news



 
Posté le 11 Septembre à 8:40
gabriel-support

Bonjour,

Le soulignement dépend de la police de caractère. Si la police est plus grosse le soulignement sera plus gros, si elle est en gras, le soulignement sera en gras, si elle est rouge, le soulignement sera rouge, etc.

Bonne journée

 
Navigateur utilisé : Chrome

- Réagissez à l'actu de Wifeo : facebook.com/wifeo
- Suivez l'actu de Wifeo : twitter.com/wifeo_news


 
Posté le 11 Septembre à 18:04
canvas

363 messages
Inscrit le 17/1/2008
Ok d'accord!! J'ai encore appris un truc...
Et par contre, est-il possible de régler l'espacement entre le texte et le soulignement? (pour plus de modernité...)

Merci de votre réponse

canvas

 
Navigateur utilisé : Firefox

 
Posté le 11 Septembre à 19:41
gabriel-support

Bonsoir,

Euuu, non je ne crois pas. Je n'ai jamais vue de telle propriété CSS Et après une rapide petite recherche sur Google je n'ai rien trouvé à ce sujet

 
Navigateur utilisé : Chrome

- Réagissez à l'actu de Wifeo : facebook.com/wifeo
- Suivez l'actu de Wifeo : twitter.com/wifeo_news


 
Posté le 12 Septembre à 11:35
canvas

363 messages
Inscrit le 17/1/2008
Ok d'ac!

Par contre ce que je ne comprends pas c'est comment avez vous fait pour avoir l'effet que je recherche sur votre page http://www.wifeo.com// Lorsque l'on survol "tarif" s'inscrire" ou "votre interface" et bien il y a un soulignement plus épais et plus espacé que la normal. C'est ce que je souhaiterais faire pour le menu de mon site...

 
Navigateur utilisé : Firefox

 
Posté le 12 Septembre à 16:22
gabriel-support

En fait cela n'est pas du tout un soulignement avec un lien. C'est un bouton dont le bord du bas s'épaissi au passage de la souris
 
Navigateur utilisé : Chrome

- Réagissez à l'actu de Wifeo : facebook.com/wifeo
- Suivez l'actu de Wifeo : twitter.com/wifeo_news


 
Posté le 12 Septembre à 19:43
canvas

363 messages
Inscrit le 17/1/2008
Ha Ok!!!

Et est-il possible de savoir avec quel logiciel vous avez crée ces boutons où de quelle manière vous vous y êtes pris?
(je demande au cas où...)

Merci pour votre réponse

canvas

 
Navigateur utilisé : Firefox

 
Posté le 12 Septembre à 20:02
gabriel-support

C'est juste du CSS

la propriété :hover permet de définir un comportement d'un élément lorsque la souris passe dessus.

Donc là on a quelque chose comme :

.maClass:hover{
border-bottom:3px solid #fff;
}

C'est très simple, mais encore faut-il un tout petit peu parler CSS

 
Navigateur utilisé : Chrome

- Réagissez à l'actu de Wifeo : facebook.com/wifeo
- Suivez l'actu de Wifeo : twitter.com/wifeo_news


 
Posté le 13 Septembre à 10:36
canvas

363 messages
Inscrit le 17/1/2008
Ok oK,

Moi pour ma part j'avais utilisé "onmouseout" "onmouseover"...
Le rendu est le même. Juste j'aimerai savoir si utiliser ce code n'est pas trop lourd pour la page , ou si il ne générerait pas des ptits bugs...

Merci de votre réponse

canvas

 
Navigateur utilisé : Firefox

 
Posté le 13 Septembre à 13:01
gabriel-support

Onmousein/out est du javascript c'est un peu plus lourd et plus compliqué que le CSS qui lui n'est pas lourd du tout
 
Navigateur utilisé : Chrome

- Réagissez à l'actu de Wifeo : facebook.com/wifeo
- Suivez l'actu de Wifeo : twitter.com/wifeo_news


 
Posté le 13 Septembre à 18:05
canvas

363 messages
Inscrit le 17/1/2008
merci pour votre réponse!

Bon ok je vais tester en css alors

 
Navigateur utilisé : Firefox

 
Poster une nouvelle réponse
Connectez-vous au forum pour pouvoir répondre     Pas inscrit au forum ? Inscrivez-vous !
Nom d'utilisateur : Mot de passe :
Se connecter automatiquement à chaque visite
Nous soutenons : Secours Populaire . Enfants du desert . Medecins Sans Frontieres
Copyright © Wifeo.com - Tous droits réservés BOURDET SARL R.C.S.503777286 VERSAILLES