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 : -55%
Friteuse sans huile – PHILIPS – Airfryer ...
Voir le deal
49.99 €

    Code pour liens

    avatar
    Orochi
    MasculinAge : 30Messages : 769

    Sam 21 Mar 2009 - 14:59

    Salut!
    Donc, voici mon problème:
    Code:
    a:hover:before { content: ">>"; }
    Quand j'insère ce code dans mon css, même la barre de nav' le prend en compte (sans parler de la bann et les boutons)

    On peut pas arranger ça ?
    Merci !


    Dernière édition par Orochi le Sam 21 Mar 2009 - 15:40, édité 1 fois



    Code pour liens Saskecopie
    Pyrrha
    Pyrrha
    MasculinAge : 33Messages : 1985

    Sam 21 Mar 2009 - 15:12

    Sur les liens auquel tu veux rajouter cet effet, tu rajoutes class="liens", comme ça:
    Code:
    <a href="index.php" class="liens">index</a>

    et a ton CSS, tu rajoutes .liens devant, comme ça:
    .liens a:hover:before { content: ">>"; }


    Si tu veux des explications, demandes! ;-)



    Code pour liens Noir
    avatar
    Orochi
    MasculinAge : 30Messages : 769

    Sam 21 Mar 2009 - 15:17

    Merci =)

    Autre chose:
    Code:
    a:before { content: "<<"; }
    a:after { content: ">>"; }

    a:hover:before { content: ">>"; }
    a:hover:after { content: "<<"; }
    Quand je mets ce code là, il affiche:

    Erreur détectée
    Nous avons compté un nombre différent de "{" et de
    "}". Cela signifie que votre CSS risque de ne pas être valide et ne
    sera pas affiché correctement sur votre forum.

    Nous vous conseillons de relire votre code.

    Et dans mon css, je retrouve

    Code:
    a:before { content: ""; } a:hover:before { content: ">>"; } a:hover:after { content: "

    T'as une idée ?

    EDIT: après avoir relu ton post, je me demandais si on pouvait régler ça sans pour autant passer en revue tous les liens ?



    Code pour liens Saskecopie
    Pyrrha
    Pyrrha
    MasculinAge : 33Messages : 1985

    Sam 21 Mar 2009 - 15:31

    Première question =>

    Soit tu as mal copié collé ton code, soit il manque une } au dernier CSS que tu fournis.

    Seconde question =>

    S'ils sont tous aux même endroit, tu peux les entourer de cette manière:

    Code:
    <span class="liens">
    <a href="index.php">index</a><br />
    <a href="page1.php">page1</a><br />
    <a href="ipage2.php">page2</a><br />
    </span>

    Sinon, y'a pas vraiment d'autres solutions... ^^'



    Code pour liens Noir
    avatar
    Orochi
    MasculinAge : 30Messages : 769

    Sam 21 Mar 2009 - 15:39

    D'accord ^^
    Merci de ton aide !



    Code pour liens Saskecopie
    Pyrrha
    Pyrrha
    MasculinAge : 33Messages : 1985

    Sam 21 Mar 2009 - 15:47

    Pas de quoi! ;-)



    Code pour liens Noir
    Riku Asakura
    Riku Asakura
    MasculinAge : 37Messages : 5736

    Sam 21 Mar 2009 - 18:08

    Sinon il suffit de cibler les liens uniquement dans la partie textuelle de la page du forum (en dehors de la navig et du header)

    Code:
    #page-body a:hover:before { content: ">>"; }

    Normalement ça devrait le faire Wink
    Au plaisir.



    Code pour liens 090531062304944749
    Yo ho, all together
    Hoist the colours high
    Heave oh, thieves and beggars
    Never shall we die
    avatar
    Orochi
    MasculinAge : 30Messages : 769

    Sam 21 Mar 2009 - 18:18

    Merci, j'essaie et je te fais signe .



    Code pour liens Saskecopie
    Pyrrha
    Pyrrha
    MasculinAge : 33Messages : 1985

    Sam 21 Mar 2009 - 18:21

    J'y ai pensé, mais j'ai peur que ça modifie trop de choses... ^_^



    Code pour liens Noir
    avatar
    Orochi
    MasculinAge : 30Messages : 769

    Sam 21 Mar 2009 - 18:26

    Pyrrha >> Par exemple ?
    Riku >> ça marche ! Merci ! (au passage ♥ la v2 de HIF)



    Code pour liens Saskecopie
    Riku Asakura
    Riku Asakura
    MasculinAge : 37Messages : 5736

    Sam 21 Mar 2009 - 19:48

    Ben Pyrrha ça changera rien de plus que s'il n'y avait rien comme classe.
    Ici ça concerne tous les liens mis à part la bannière et la navigation, c'est ce qui était demandé non ?
    Après c'est sûr que c'est ciblé grossièrement, mais du moment que ça répond au problème ^^

    Ravis de me rendre utile, comme toujours, et merci pour HIF ^^ (charmant kit au passage Wink)



    Code pour liens 090531062304944749
    Yo ho, all together
    Hoist the colours high
    Heave oh, thieves and beggars
    Never shall we die
    avatar
    Orochi
    MasculinAge : 30Messages : 769

    Sam 21 Mar 2009 - 19:54

    Merci =)

    Ils apparaissent aussi pour les boutons citer, éditer, ect ...



    Code pour liens Saskecopie
    Pyrrha
    Pyrrha
    MasculinAge : 33Messages : 1985

    Dim 22 Mar 2009 - 0:26

    Ben c'est ce que je craignais, je crois pas que c'est ce que tu demandais au début...



    Code pour liens Noir
    Contenu sponsorisé


      La date/heure actuelle est Ven 22 Nov 2024 - 7:39