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 :
Code promo Nike : -25% dès 50€ ...
Voir le deal

    Demance de codes pour effets de liens

    katia06
    katia06
    FémininAge : 55Messages : 203

    Mar 19 Fév 2013 - 16:26

    Bonjour,

    Je recherche un code ou plusieurs si il y a des différents styles pour des effets de liens sur mon forum

    J'aimerais par exemple que quand on passe la souris sur le lien, juste passer, que le texte s'agrandit en largeur et soit souligné.

    Et savoir si c'est possible de l'integrer dans le titre d'une catégorie ou forum???

    merci d'avance



    Seiden.
    Seiden.
    MasculinAge : 31Messages : 70

    Jeu 21 Fév 2013 - 11:44

    Bonjour,
    Pour que le style d'un objet change au passage de la souris, il faut utiliser la fonction hover.

    Si c'est pour tous les liens du forum, utilise le code a:hover

    Code:

    a
    {
    /* ton CSS ici */
    text-decoration: none;  /*pour qu'il ne soit pas souligné*/
    }

    a:hover
    {
    /*ton CSS ici*/
    text-decoration: underline;
    font-size: 135%
    }

    Ce n'est bien sûr qu'un exemple de base.

    Pour que seul un lien particulier prenne ce style, il suffit de l'entourer d'une balise span
    Code:

    <span class="styleliens"> <a href="adresse">titre du lien</a> </span>

    et de rajouter .styleliens dans ton code:

    Code:

    a.styleliens
    {
    /* ton CSS ici */
    text-decoration: none;  /*pour qu'il ne soit pas souligné*/
    }

    a.styleliens:hover
    {
    /*ton CSS ici*/
    text-decoration: underline;
    font-size: 135%
    }

    Sinon, pour les titres de catégories ou de forum, tu peux aussis utiliser les classes de FA pour que ce soit automatique... Là par contre je ne m'y connais pas trop.

    Le soucis pour ta commande, c'est qu'on ne sait pas assez ce que tu veux...... il faudrait que tu précises les tailles, styles, couleurs....
    katia06
    katia06
    FémininAge : 55Messages : 203

    Jeu 21 Fév 2013 - 12:50

    merci pour ton aide, justement c'est juste pour les titres de catégorie et forum.

    pour la taille, style et couleurs, ça je sais et je peux le faire, c'est juste que je voudrais juste un code qui élargi le lien et le souligne au passage de la souris et que pour les titres des catégories et forum

    encore merci



    Anonymous
    Invité

    Jeu 21 Fév 2013 - 12:58

      Hello Seiden,

      Merci beaucoup de t'investir =D
      Cela dit, la prochaine fois attend qu'Angelusia passe valider la demande Wink

      Merci et bonne journée.
    Angelusia
    Angelusia
    FémininAge : 39Messages : 1159

    Jeu 21 Fév 2013 - 20:21

    Aaaaaaaaaaaaaah.

    Mais mince quoi XD

    Ces derniers jours j'étais prise ><

    Merci Hallow' T^T

    *Câline et range donc la commande T^T*
    Contenu sponsorisé


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