Bienvenue
sur
Never-Utopia

Tu es déconnecté.

Never-Utopia

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.


    [Esthétique] Retirer le soulignement sous les pseudos

    Partagez
    MasculinAge : 28Message(s) : 5311
    Zayl
    le Mer 23 Juil 2008 - 18:17
    Rappel du premier message :

    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://illiweb.com/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
    FémininAge : 20Message(s) : 32
    Lightkira
    le Sam 4 Fév 2012 - 0:24
    merci! ^^
    FémininAge : 18Message(s) : 9
    Loune
    le Dim 8 Juil 2012 - 17:42
    Hoooooo merci beaucoup, je cherchais désespérément de retirer ce truc o/.
    MasculinAge : 22Message(s) : 20
    NDA
    le Sam 28 Juil 2012 - 2:56
    Thaaaank you veryyy muuuch Very Happy !
    MasculinAge : 20Message(s) : 34
    Xboxcom
    le Sam 25 Aoû 2012 - 11:34
    Merci ! Very Happy
    Et merci à Sui' également, car j'ai eu le même problème que Strawby :)
    FémininAge : 16Message(s) : 42
    Esther Amyko
    le Jeu 14 Mar 2013 - 15:44
    Merci, c'est parfait *w*


    FémininAge : 17Message(s) : 79
    Hyde
    le Ven 15 Mar 2013 - 23:05
    Merchi =D ! C'est super simple et vachement sympa =3


    FémininAge : 25Message(s) : 14
    Loras Tyrell
    le Dim 5 Mai 2013 - 23:05
    Merci pour le tuto =)


    Invité
    le 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 :)
    FémininAge : 26Message(s) : 86

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    FeliceFelicis
    le Dim 9 Juin 2013 - 5:45
    BON. Mais je suis complètement IN LOVE avec ça! C'est tellement magiquement parfait !! *______*

    Merci !!!
    FémininAge : 26Message(s) : 153

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Hana Evali
    le Dim 6 Oct 2013 - 22:39
    très utile, merci !


    FémininAge : 33Message(s) : 670

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Angie H.-Carter
    le Jeu 23 Jan 2014 - 16:46
    génial ^^ sa le fait aussi dans les message merci beaucoup^^


    Your my brillant! You shine into the darkness and you guide me in my  life with no fear. I love you so much and i don't want to loose you in my heart. You will be my love forerver. You and me it's like the sky and the sea...This is LIFE!
    FémininAge : 19Message(s) : 245
    Tameless+
    le Sam 25 Jan 2014 - 19:31
    Oh merci beaucoup!!!


    FémininAge : 25Message(s) : 62
    Exogenesis
    le Dim 26 Jan 2014 - 13:47
    Merci beaucoup pour l'astuce c'est vrai que sans soulignement je trouve ça beaucoup plus joli ^^
    FémininAge : 21Message(s) : 115
    O'Daim
    le Jeu 6 Fév 2014 - 22:49
    Merci, c'est simple et rapide !
    MasculinAge : 17Message(s) : 162
    Nal Souclade
    le Sam 15 Fév 2014 - 21:32
    Merci beaucoup !
    FémininAge : 17Message(s) : 60
    Ailou ~3
    le Mar 11 Mar 2014 - 16:03
    Merci du partage ! C'est bien pratique, ça ;3.
    FémininAge : 16Message(s) : 3929

    Les Guildes
    Guilde des Conteurs:
    1/10  (1/10)
    Guilde des Illusionnistes:
    3/10  (3/10)
    Guilde des Architectes:
    0/10  (0/10)
    Clarisse
    le Dim 18 Mai 2014 - 11:49
    Merci bien. =)


    Coucou Invité!
    MasculinAge : 23Message(s) : 28
    pops44
    le Mer 21 Mai 2014 - 15:15
    merciii :)
    FémininAge : 18Message(s) : 28

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Sumaki
    le Sam 31 Mai 2014 - 19:06
    Merci.
    MasculinAge : 37Message(s) : 57
    Le Dévoreur de temps
    le Mer 18 Juin 2014 - 19:45
    Merci, je cherche depuis une semaine comment supprimer ces soulignements dans les liens actifs et notamment dans les pseudos! J'avais essayé l'attribut de texte no one la balise a href mais sans succès. Je tiens peut-être la solution grâce à vous, merci !
    FémininAge : 15Message(s) : 16
    Sharkaan
    le Jeu 3 Juil 2014 - 8:56
    Merci pour cette astuce !
    MasculinAge : 20Message(s) : 148

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    FreeSpirit
    le Dim 7 Sep 2014 - 17:37
    Merci !
    MasculinAge : 18Message(s) : 304
    reshiram44
    le Mer 22 Oct 2014 - 20:34
    merci


    MasculinAge : 16Message(s) : 159

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Nord
    le Lun 9 Fév 2015 - 21:40
    Merci, c'est vachement plus jolie !^^
    FémininAge : 22Message(s) : 88
    Melaly
    le Ven 22 Mai 2015 - 19:15
    Merci pour l'astuce !
    Contenu sponsorisé
    Aujourd'hui à 16:39

      La date/heure actuelle est Sam 3 Déc 2016 - 16:39