IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Contour coloré au passage de la souris sur un bouton [Fait]


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Août 2008
    Messages
    73
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2008
    Messages : 73
    Par défaut Contour coloré au passage de la souris sur un bouton
    Encore peu de connaissances en CSS, je voulais savoir ce qu'il fallait faire pour obtenir un joli cadre lors du survol d'un bouton.

    (comme par exemple le contour orange qui entoure le bouton 'Créer la nouvelle discussion'/'Prévisualisation du message').

    Il faut simplement définir via une class ou il faut superposer deux images?

  2. #2
    Membre chevronné Avatar de binouzzz19
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    385
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2007
    Messages : 385

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Août 2008
    Messages
    73
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2008
    Messages : 73
    Par défaut
    Je connais cette technique,

    Je voulais faire cela sur une balise <input> de type Submit avec le texte qui change et dont la taille varie.

    C'est aussi la solution à faire? Ou peut on simplement entourer le bouton d'un cadre noir en normal par exemple et d'un cadre vert lors du survol.

    Comme ce que l'on peut faire sur une balise <a> par exemple

  4. #4
    Membre chevronné Avatar de binouzzz19
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    385
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2007
    Messages : 385
    Par défaut
    Exactement, en javascript via la fonction OnMouseOver (littéralement "Quand la souris passe dessus"), tu peux faire ce que tu veux :
    - changer d'image (une normale et au OMO, changer par une autre image qui a un contour)
    - changer juste le style de ton bouton s'il n'y a pas d'image chargée sur le bouton (rajouté une classe dans ton css avec un border:black par exemple).

Discussions similaires

  1. Réponses: 0
    Dernier message: 04/11/2011, 16h18
  2. Affiché un texte au passage de la souris sur un bouton
    Par misswatson dans le forum NetBeans
    Réponses: 2
    Dernier message: 04/06/2011, 23h48
  3. Réponses: 2
    Dernier message: 09/10/2006, 09h14
  4. affichage image après passage de la souris sur bouton
    Par nerser dans le forum AWT/Swing
    Réponses: 2
    Dernier message: 30/01/2006, 22h53
  5. Réponses: 2
    Dernier message: 23/10/2005, 19h00

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo