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.

Le Deal du moment : -20%
(Adhérents Fnac) Enceinte Bluetooth Marshall ...
Voir le deal
199.99 €

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

    Zayl
    Zayl
    FémininAge : 34Messages : 5313

    Mer 23 Juil 2008 - 18:17


    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
    Aetaluta
    Aetaluta
    MasculinAge : 35Messages : 186

    Mer 23 Juil 2008 - 20:30

    Tu peux aussi ajouter des trucs simple mais pas mal :
    Code:

    a:hover{color:*/nom de la couleur ou code de la couelur*/}
    ect...
    Zayl
    Zayl
    FémininAge : 34Messages : 5313

    Mer 23 Juil 2008 - 20:35

    Exact ! Je n'y avais pas pensé, merci =]
    Hirakumaki
    Hirakumaki
    MasculinAge : 31Messages : 443

    Sam 9 Aoû 2008 - 10:40

    cela sert à quoi le second code



    Retirer le soulignement sous les liens ou pseudos (et autres effets) 5e0bc312-7b83-4ecb-b67f-a658b3d4f104_assassin-sign
    Are you crazy? Rolling Eyes Me too Very Happy
    Zayl
    Zayl
    FémininAge : 34Messages : 5313

    Mar 12 Aoû 2008 - 23:41

    Si j'ai bien compris à choisir la couleur du surlignement ?..
    Link
    Link
    MasculinAge : 26Messages : 1367

    Mer 13 Aoû 2008 - 19:39

    Oui à cela, j'ai essayé sur mon vieu forum test ^^



    De retour pour la nouvelle année. =D.
    Retirer le soulignement sous les liens ou pseudos (et autres effets) Gerard_Icon_by_KingsJoy_Retirer le soulignement sous les liens ou pseudos (et autres effets) 9f1d6eaf376d8cd3f94012bc275d37f2
    Shizaïme
    Shizaïme
    MasculinAge : 28Messages : 557

    Jeu 14 Aoû 2008 - 21:27

    Merci, c'est très pratique !



    Retirer le soulignement sous les liens ou pseudos (et autres effets) Shizai10
    Spoiler:
    Riku Asakura
    Riku Asakura
    MasculinAge : 36Messages : 5736

    Mer 17 Sep 2008 - 22:58

    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



    Retirer le soulignement sous les liens ou pseudos (et autres effets) 090531062304944749
    Yo ho, all together
    Hoist the colours high
    Heave oh, thieves and beggars
    Never shall we die
    Streetwalker
    Streetwalker
    FémininAge : 30Messages : 46

    Jeu 16 Juil 2009 - 21:07

    Merci beaucoup pour toutes ces astuces Wink



    L'enfant Michael Jackson n'a jamais pu exister, le chanteur des Jacksons 5 l'a étouffé à la naissance.
    Lucky Numb£r
    Lucky Numb£r
    MasculinAge : 31Messages : 1972

    Ven 17 Juil 2009 - 0:02

    Totalement hors sujet mais...

    Sparrow-Style a écrit:Vos Avatar et Signature :
    Ils ne sont pas obligatoires mais vous pouvez afficher les deux. Votre signature peut contenir un lien, mais pas de publicité ! Vous avez le droit d'afficher le lien de votre portfolio, d'un jeu en ligne ou autre site, mais pas d'un forum. Merci.

    >>> Votre avatar ne peut dépasser 150 sur 250 pixels.

    >>> Votre signature (création) ne doit pas dépasser les 500x200 px et ne peut être accompagnée que d'un texte d'une ligne, ou d'un lien vers N-U ou un jeu (type la Brute), ou d'une userbar.

    Tout avatar et/ou signature trop grande sera effacée, de même si la signature contient une publicité.

    Streetwalker tu ne respectes cette règle ni pour l'avatar, ni pour la signature, veille à en changer rapidement pour ne plus déformer la page, merci Wink



    Streetwalker
    Streetwalker
    FémininAge : 30Messages : 46

    Ven 17 Juil 2009 - 0:18

    Et voilou Very Happy



    L'enfant Michael Jackson n'a jamais pu exister, le chanteur des Jacksons 5 l'a étouffé à la naissance.
    survina
    survina
    FémininAge : 36Messages : 10

    Lun 16 Nov 2009 - 10:17

    merci pour ces astuces ^^
    Kal57
    Kal57
    MasculinAge : 36Messages : 292

    Mar 17 Nov 2009 - 12:27

    Merci pour ces astuces sympathiques cheers



    Retirer le soulignement sous les liens ou pseudos (et autres effets) Signat15
    Qlivox
    Qlivox
    MasculinAge : 32Messages : 10

    Dim 24 Jan 2010 - 0:01

    Merci pour toutes ces astuces. ^^




    Retirer le soulignement sous les liens ou pseudos (et autres effets) 100124024828227565
    Strawby
    Strawby
    FémininAge : 32Messages : 40

    Mer 7 Juil 2010 - 15:55

    Bonjour,

    J'ai inséré le code pour retirer les soulignements et il marche à merveille, merci!

    Par contre quand je met ça
    Code:
    a:hover {text-decoration: none;}
    pour retirer le soulignement au passage de la souris ça n'a aucun effet, les soulignements continuent d'apparaître au survol.

    Est-ce un problème de mal coordination avec un template?
    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) 657955SignatureSuicopie
    Sui' Art's
    Strawby
    Strawby
    FémininAge : 32Messages : 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) Icon_biggrin
    Pti' Biscuit
    Pti' Biscuit
    MasculinAge : 28Messages : 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) 2k0uoy

    ~ Canonnier of Calypso ~
    Slyfoa
    Slyfoa
    FémininAge : 38Messages : 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 : 47Messages : 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 : 34Messages : 52

    Dim 4 Déc 2011 - 3:57

    Merci !
    Melou-VH
    Melou-VH
    FémininAge : 30Messages : 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
    Contenu sponsorisé


      La date/heure actuelle est Mar 19 Mar 2024 - 7:15