+ Répondre à la discussion Actualité déjà publiée
  1. #1
    Expert éminent sénior

    Avatar de FirePrawn
    Homme Profil pro
    Ingénieur réalisateur
    Inscrit en
    mars 2011
    Messages
    3 174
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 29
    Localisation : France, Haut Rhin (Alsace)

    Informations professionnelles :
    Activité : Ingénieur réalisateur
    Secteur : Industrie

    Informations forums :
    Inscription : mars 2011
    Messages : 3 174
    Points : 21 860
    Points
    21 860

    Par défaut Créer des boutons avec icônes sans utiliser d'images



    Je vous propose une traduction de l'article anglophone CSS buttons with icons but no images par Paul Underwood : CSS3 : boutons avec icônes sans images.

    N'hésitez pas à faire part de vos remarques, commentaires ou propositions d'améliorations !

    CSS3 : boutons avec icônes sans images.

    Avant toute chose : lire le mode d'emploi du forum et ses règles.
    Je ne réponds pas aux questions techniques en MP.

  2. #2
    Membre éprouvé Avatar de redoran
    Homme Profil pro
    Développeur-Amateur
    Inscrit en
    juin 2010
    Messages
    1 346
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 46
    Localisation : Algérie

    Informations professionnelles :
    Activité : Développeur-Amateur
    Secteur : Santé

    Informations forums :
    Inscription : juin 2010
    Messages : 1 346
    Points : 1 029
    Points
    1 029

    Par défaut

    Merci , ce que je cherché c'est génial
    sa reste a testé est de partir avec d'autres astuces
    Nb/ la version PDF ne marche pas !!!!

  3. #3
    Membre régulier
    Profil pro
    Inscrit en
    juillet 2002
    Messages
    99
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : juillet 2002
    Messages : 99
    Points : 78
    Points
    78

    Par défaut

    très intéressant merci beaucoup

  4. #4
    Expert éminent sénior

    Avatar de FirePrawn
    Homme Profil pro
    Ingénieur réalisateur
    Inscrit en
    mars 2011
    Messages
    3 174
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 29
    Localisation : France, Haut Rhin (Alsace)

    Informations professionnelles :
    Activité : Ingénieur réalisateur
    Secteur : Industrie

    Informations forums :
    Inscription : mars 2011
    Messages : 3 174
    Points : 21 860
    Points
    21 860

    Par défaut

    Citation Envoyé par redoran Voir le message
    Merci , ce que je cherché c'est génial
    sa reste a testé est de partir avec d'autres astuces
    Nb/ la version PDF ne marche pas !!!!
    Effectivement j'ai noté le problème, c'est en cours de résolution
    Avant toute chose : lire le mode d'emploi du forum et ses règles.
    Je ne réponds pas aux questions techniques en MP.

  5. #5
    Membre expérimenté

    Profil pro
    Inscrit en
    décembre 2006
    Messages
    2 293
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : décembre 2006
    Messages : 2 293
    Points : 1 509
    Points
    1 509

    Par défaut

    Très sympa cette technique !

    Question :
    peut-on fixer la largeur des boutons ?

  6. #6
    Expert éminent sénior

    Avatar de FirePrawn
    Homme Profil pro
    Ingénieur réalisateur
    Inscrit en
    mars 2011
    Messages
    3 174
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 29
    Localisation : France, Haut Rhin (Alsace)

    Informations professionnelles :
    Activité : Ingénieur réalisateur
    Secteur : Industrie

    Informations forums :
    Inscription : mars 2011
    Messages : 3 174
    Points : 21 860
    Points
    21 860

    Par défaut

    Le code CSS présent dans le tutoriel ne sert qu'à afficher les icônes comme il faut.
    Après à vous de l'adapter à vos boutons ; le style que vous voulez appliquer à votre bouton de base (avant l'ajout de l'icône) est totalement libre
    Avant toute chose : lire le mode d'emploi du forum et ses règles.
    Je ne réponds pas aux questions techniques en MP.

  7. #7
    Membre expérimenté

    Profil pro
    Inscrit en
    décembre 2006
    Messages
    2 293
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : décembre 2006
    Messages : 2 293
    Points : 1 509
    Points
    1 509

    Par défaut

    Merci pour ces précisions.

  8. #8
    Membre expert
    Avatar de Muchos
    Homme Profil pro
    Sans emploi
    Inscrit en
    décembre 2011
    Messages
    1 699
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 31
    Localisation : France, Ardennes (Champagne Ardenne)

    Informations professionnelles :
    Activité : Sans emploi
    Secteur : Arts - Culture

    Informations forums :
    Inscription : décembre 2011
    Messages : 1 699
    Points : 3 832
    Points
    3 832
    Billets dans le blog
    6

    Par défaut

    J'ai écrit il y a deux mois un article sur les menus d'images en css/unicode sur mon blog.

    J'émet donc juste des réserves sur l'accessibilité d'abord, c'est-à-dire qu'il faut éviter de n'utiliser qu'un symbole sans texte, et ensuite sur le support du Unicode par la police choisie.

    ---
    Debug the Web together!

  9. #9
    Expert éminent sénior

    Avatar de FirePrawn
    Homme Profil pro
    Ingénieur réalisateur
    Inscrit en
    mars 2011
    Messages
    3 174
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 29
    Localisation : France, Haut Rhin (Alsace)

    Informations professionnelles :
    Activité : Ingénieur réalisateur
    Secteur : Industrie

    Informations forums :
    Inscription : mars 2011
    Messages : 3 174
    Points : 21 860
    Points
    21 860

    Par défaut

    Le PDF est maintenant téléchargeable
    Avant toute chose : lire le mode d'emploi du forum et ses règles.
    Je ne réponds pas aux questions techniques en MP.

  10. #10
    Membre actif
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    octobre 2006
    Messages
    289
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Seine et Marne (Île de France)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : octobre 2006
    Messages : 289
    Points : 261
    Points
    261

    Par défaut

    C'est vraiment cool ! Merci pour la traduction
    Merci de lire les règles du forum et surtout celle là Message clair et précis.
    Evitons les ctrl c ctrl v => Ne sortons pas les codes de leur contexte sinon ça ne marche pas.

Discussions similaires

  1. [Article] Créer des boutons avec un effet de brillance
    Par FirePrawn dans le forum Publications (X)HTML et CSS
    Réponses: 1
    Dernier message: 04/08/2013, 13h08
  2. [CSS 3] Créer des boutons avec icônes sans utiliser d'images
    Par FirePrawn dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 07/09/2012, 17h37
  3. [XL-2003] Créer des listes avec conditions sans macro
    Par tioch dans le forum Macros et VBA Excel
    Réponses: 11
    Dernier message: 26/07/2011, 16h14
  4. Créer des boutons avec modalResult
    Par Amayii dans le forum AWT/SWING
    Réponses: 9
    Dernier message: 26/11/2006, 08h19

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