AccueilFAQRechercherMembresGroupesS'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.


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

    Partagez
    avatar
    Zayl
    MasculinAge : 29Messages : 5311

    le 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://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
    avatar
    Flitch
    MasculinAge : 28Messages : 45

    le Lun 6 Juil 2015 - 2:21

    Je ne comprend pas quel barre? Celle de lien?
    avatar
    narakye
    FémininAge : 23Messages : 446

    le Ven 28 Aoû 2015 - 10:48

    Merci beaucoup =D
    avatar
    Kelalin
    FémininAge : 24Messages : 1516

    le Ven 28 Aoû 2015 - 15:22

    Merci (ˆˇˆ)-c<˘ˑ˘)
    avatar
    Alec Sing Toa
    FémininAge : 25Messages : 66

    le Dim 6 Déc 2015 - 17:42

    Toujours utile de le savoir, merci ^ ^
    avatar
    Neya
    FémininAge : 18Messages : 164

    le Mer 31 Aoû 2016 - 2:15

    Merci ! ♥
    avatar
    Neya
    FémininAge : 18Messages : 164

    le Mer 31 Aoû 2016 - 2:16

    Merci
    avatar
    Lay Potter
    FémininAge : 13Messages : 2

    le Mer 15 Mar 2017 - 18:14

    Merci !
    Contenu sponsorisé


      La date/heure actuelle est Lun 24 Juil 2017 - 16:38