• Changer le style des derniers visiteurs

             A R R O N D I S          

    Pour changer les arrondis de tous les côtés, nous allons faire ce code, tout simplement :


    .module_menu_type_lastvisitors img {
    border-radius:NOMBREpx; }

    border-radius : tout simplement les arrondis. À la place du champ "NOMBRE", il faudra mettre une valeur numérique comprise entre 0 et 50. Plus cette valeur sera élevée, plus les derniers visiteurs seront arrondis.

    Si on prend le code
    .module_menu_type_lastvisitors img{border-radius:50px;}

    ça va donner :

    Mais si vous voulez par exemple arrondir un côté, mais pas l'autre, il faudra mettre 4 valeurs au lieu d'1 pour préciser les angles :


    .
    module_menu_type_lastvisitors img {
    border-radius : NOMBREpx NOMBREpx NOMBREpx NOMBREpx;
    }

    Mais bon, il faut savoir quel champ représente quel nombre.
    NOMBRE : l'angle en haut à gauche
    NOMBRE : l'angle en haut à droite
    NOMBRE : l'angle en bas à droite
    NOMBRE : l'angle en bas à gauche

    Si vous voulez changer les arrondis au survol, vous allez mettre exactement les mêmes codes en fonction des angles, mais en ajoutant ":hover". Par exemple :
    .module_menu_type_lastvisitors img:hover{border-radius:5px;}

              B O R D U R E S          

    La, le code est unique, mes les valeurs pour la bordure sont multiples.
     


    .
    module_menu_type_lastvisitors img{border:NOMBREpx STYLE #COULEUR ;}
     

     Alors, j'explique.

    border : c'est la propriété des bordures. Tout simplement. Mais il faut que je vous parle de comment cette propriété se remplit.

    NOMBRE : ce premier champ détermine l'épaisseur de la bordure. Il faut donc y mettre un nombre ou un chiffre. Plus la valeur est élevée, plus la bordure sera épaisse.
    STYLE : C'est ben... le style de la bordure. Il en existe 4 :
    solid, la classique quoi, bordure continue
    dotted, la bordure en pointillés
    dashed, la bordure en tirets
    double, la bordure euh... double. Je précise, pour avoir une bordure double, il faut au moins 3px d'épaisseur.

    COULEUR : la couleur de la bordure. je vous conseille de mettre un code hexadécimal après le # pour avoir exactement la couleur que vous souhaitez. Pour ça, un Color Picker Pro est à votre disposition en haut du menu.

    Si on prend le code :
    .module_menu_type_lastvisitors img{border:2px solid #008000;}

    ça va donner :

     


  • Commentaires

    Aucun commentaire pour le moment

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :