AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

-30%
Le deal à ne pas rater :
LEGO Icons 10318 – Le Concorde à 139,99€
139.99 € 198.99 €
Voir le deal

    Retirer le soulignement sous les liens ou pseudos (et autres effets)

    Zayl
    Zayl
    FémininAge : 34Messages : 5313

    Mer 23 Juil 2008 - 18:17

    Rappel du premier message :


    Le code n'est pas caché sous balise hide, mais n'hésitez pas à remercier son auteur :)
    Lien pour comprendre pourquoi le contenu n'est pas sous hide


    Plop~
    Petit tuto que j'ai aussi mis sur Les-Admins, très rapide à installer et plutôt sympa.En espèrant qu'il vous soit utile..

    Explication:
    Comme vous pouvez le voir sur la deuxième image, les soulignement hypertexte sous les pseudos ne s'affichent plus.
    Ce qui, entre nous est beaucoup plus propre.
    Donc pour cela rien de plus simple :

    ~# Panneau d'administration → Affichage → Couleurs → Feuille de style CSS

    Il ne vous reste plus qu'à insérer ceci & à valider.
    Code:
    a { text-decoration: none; }

    Enjoy !



    Edit: Vous pouvez également agrandir votre lien texte au passage de la souris en ajoutant :

    Code:
    a:hover{text-transform:uppercase;}


    Code proposé par Aetaluta

    Tu peux aussi ajouter des trucs simple mais pas mal :
    Code:
    a:hover { color: /* nom de la couleur ou code de la couelur */; }
    etc.


    Code proposé par Riku Asakura

    En même temps pour le hover, il vous suffit d'aller dans votre page Affichage > couleurs... là il y a toutes les couleurs à changer avec un sélecteur de couleur à disposition... vous vous prenez la tête pour rien pour le coup ^^

    Mais il y a plein de décoration différentes qui peuvent être autrement intéressante :
    Code:
    a:hover {text-decoration: underline overline;}
    Lien survolé

    Code:
    a:hover {text-decoration: blink;}
    Lien survolé

    Code:
    a:hover {background-color: white;}
    Lien survolé

    Code:
    a:hover {background-image: url('http://2img.net/i/fa/subsilver/icon_gender_male.gif');}
    (j'ai mis l'image du genre Mâle pour forum actif, mais c'est juste pour l'exemple)
    Lien survolé

    Voilà pour les quelques exemples ^^
    Je rajoute ces codes dans le message que j'ai commencé sur les CSS Wink


    Code proposé par Sui'
    Pour retirer le soulignement des liens:

    Code:
    a{text-decoration:none!important;}

    a:hover {text-decoration: none !important;}

    J'ai mis les deux au survol de la souris et normal.


    Dernière édition par Zayl le Dim 5 Oct 2008 - 18:55, édité 1 fois
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Mer 7 Juil 2010 - 16:07

    Essaye avec sa pour voir:

    Code:
    a{text-decoration:none!important;}

    a:hover {text-decoration: none !important;}

    J'ai mis les deux au survol de la souris et normal. Chez moi il marche puisque je m'en sert :p.



    Merci beaucoup Woo pour ce kit *-*
    Retirer le soulignement sous les liens ou pseudos (et autres effets) - Page 2 657955SignatureSuicopie
    Sui' Art's
    Strawby
    Strawby
    FémininAge : 33Messages : 40

    Mer 7 Juil 2010 - 16:21

    Parfait ça marche niquel!!
    Merci encore Sui' Retirer le soulignement sous les liens ou pseudos (et autres effets) - Page 2 Icon_biggrin
    Pti' Biscuit
    Pti' Biscuit
    MasculinAge : 29Messages : 1691

    Sam 31 Juil 2010 - 16:03

    Non c'est peut être a cause de la couleur que tu as progrmé dans Pa ==> Affichage ==> Couleur ==> tu reste dans les couleurs ==> couleur et taille du texte ===> couleur du lien survolé .
    Essaye pour voir mais je ne suis pas sur ^^

    Sinon super ce code merci \o/



    Retirer le soulignement sous les liens ou pseudos (et autres effets) - Page 2 2k0uoy

    ~ Canonnier of Calypso ~
    Slyfoa
    Slyfoa
    FémininAge : 39Messages : 8

    Dim 19 Juin 2011 - 14:29

    Merci !
    C'est vrai que c'est un détail mais j'aime les détails Wink
    Williana
    Williana
    FémininAge : 48Messages : 9

    Ven 7 Oct 2011 - 15:54

    Super ! merci du partage Very Happy
    lapamina
    lapamina
    FémininAge : 104Messages : 42

    Dim 20 Nov 2011 - 2:11

    Merci !
    Frangy
    Frangy
    FémininAge : 35Messages : 52

    Dim 4 Déc 2011 - 3:57

    Merci !
    Melou-VH
    Melou-VH
    FémininAge : 31Messages : 13

    Lun 5 Déc 2011 - 19:54

    Merci pour ce tuto !
    Ehlana
    Ehlana
    FémininAge : 35Messages : 43

    Mar 6 Déc 2011 - 22:41

    Merci pour ce petit tutoriel :)
    Sandra2912
    Sandra2912
    FémininAge : 45Messages : 23

    Sam 21 Jan 2012 - 1:16

    Merci
    Lightkira
    Lightkira
    FémininAge : 28Messages : 32

    Sam 4 Fév 2012 - 0:24

    merci! ^^
    Loune
    Loune
    FémininAge : 26Messages : 9

    Dim 8 Juil 2012 - 17:42

    Hoooooo merci beaucoup, je cherchais désespérément de retirer ce truc o/.
    NDA
    NDA
    MasculinAge : 30Messages : 20

    Sam 28 Juil 2012 - 2:56

    Thaaaank you veryyy muuuch Very Happy !
    Xboxcom
    Xboxcom
    MasculinAge : 28Messages : 34

    Sam 25 Aoû 2012 - 11:34

    Merci ! Very Happy
    Et merci à Sui' également, car j'ai eu le même problème que Strawby :)
    Esther Amyko
    Esther Amyko
    FémininAge : 24Messages : 42

    Jeu 14 Mar 2013 - 15:44

    Merci, c'est parfait *w*



    Retirer le soulignement sous les liens ou pseudos (et autres effets) - Page 2 Signa_10
    Hyde
    Hyde
    FémininAge : 25Messages : 79

    Ven 15 Mar 2013 - 23:05

    Merchi =D ! C'est super simple et vachement sympa =3



    Retirer le soulignement sous les liens ou pseudos (et autres effets) - Page 2 Beauty12
    Loras Tyrell
    Loras Tyrell
    FémininAge : 33Messages : 14

    Dim 5 Mai 2013 - 23:05

    Merci pour le tuto =)



    Retirer le soulignement sous les liens ou pseudos (et autres effets) - Page 2 280030020
    Anonymous
    Invité

    Sam 1 Juin 2013 - 10:17

    Merci pour ce petit tuto vraiment très utile !

    C'est beaucoup mieux sans le soulignement, ça fait plus propre :)
    FeliceFelicis
    FeliceFelicis
    FémininAge : 34Messages : 89

    Dim 9 Juin 2013 - 5:45

    BON. Mais je suis complètement IN LOVE avec ça! C'est tellement magiquement parfait !! *______*

    Merci !!!
    Hana Evali
    Hana Evali
    FémininAge : 34Messages : 195

    Dim 6 Oct 2013 - 22:39

    très utile, merci !



    Retirer le soulignement sous les liens ou pseudos (et autres effets) - Page 2 Ye49
    Angie Harkness
    Angie Harkness
    FémininAge : 41Messages : 725

    Jeu 23 Jan 2014 - 16:46

    génial ^^ sa le fait aussi dans les message merci beaucoup^^
    Tameless+
    Tameless+
    FémininAge : 27Messages : 252

    Sam 25 Jan 2014 - 19:31

    Oh merci beaucoup!!!



    Retirer le soulignement sous les liens ou pseudos (et autres effets) - Page 2 LwrfNGA
    Exogenesis
    Exogenesis
    FémininAge : 33Messages : 62

    Dim 26 Jan 2014 - 13:47

    Merci beaucoup pour l'astuce c'est vrai que sans soulignement je trouve ça beaucoup plus joli ^^
    O'Daim
    O'Daim
    FémininAge : 29Messages : 116

    Jeu 6 Fév 2014 - 22:49

    Merci, c'est simple et rapide !
    avatar
    Nal Souclade
    MasculinAge : 25Messages : 167

    Sam 15 Fév 2014 - 21:32

    Merci beaucoup !
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 23:37