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.


    Tags de Modérations

    Partagez
    Jay ~
    MasculinAge : 23Messages : 90

    le Dim 12 Sep 2010 - 11:58

    Rappel du premier message :

    Hello,

    Je suis de retour cette fois ci pour un nouveau tutoriel qui ne semble pas être ici. Cela concerne évidemment le CSS xD. Ce sont comme le titre l'inqique des tags de modérations. Cela ne vous parle pas, en gros, c'est ça.

    Spoiler:



    Et c'est ce que je vais vous apprendre à faire. Avant de commencer, vous avez besoin de la couleur que vous prendrez pour le fond (Plein de Jolies Couleurs ici) et une image de type iconographique. Commençons donc petit à petit. Je vais vous donner le code puis vous expliquerais en détail.

    Code:

    .corbeille {
        background-image: url('http://www.dzvet.net/forum/images/corb.png'); /*--- Image de la corbeille ---*/
        background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
        background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
        background-color: #B09F91; /*--- Couleur de fond ---*/
        border: 1px solid #000000; /*--- Taille, type et couleur de la bordure ---*/
        color: #000000; /*--- Couleur du texte ---*/
        padding-left: 55px; /*--- On espace la bordure gauche du texte de 55px ---*/
        min-height: 60px; /*--- On donne une taille minimale de 60px au tableau ---*/
    }

    Tout d'abord, on donne un nom à notre "div". Qu'est ce que c'est ? Eh bien, c'est ce qui nous permettra de donner forme à notre tag une fois son CSS terminé. Ici, le nom de la div est corbeille.
    Ensuite, nous mettons une image en bakground à notre div. L'on peut choisir de la mettre au milieu, à gauche ou à droite. A gauche est le style par défaut.
    Après, on définit la couleur de fond &avec un code couleur composé d'un # et de 6 chiffres ou lettres.
    On détermine si l'on veut que la bordure soit en "solid", "dashed", "dotted"..... Le style "solid" est le style par défaut. On définit la couleur du texte et l'espacement de l'image par rapport à la bordure.

    Voilà, ce n'est sans doute pas très clair mais vous copiez coller ce code dans votre CSS, vous le personnalisez et ce doit être bon. Ensuite dans votre message vous mettez

    Code:

    <div class="nomdevotrediv">Votre Texte</div>
    et vous aurez ce que vous aurez fait.

    Si vous avez la moindre question, je suis disponible et je vous répondrais Wink.

    Bonne journée.





    Je Suis Iron Luffy ♣
    Kelalin
    FémininAge : 24Messages : 1405

    le Dim 3 Juil 2016 - 21:18

    Merci pour le partage !
    Kâ Lys
    MasculinAge : 53Messages : 297

    le Lun 1 Aoû 2016 - 23:13

    Merci du partage. :-)



    Panzerblitz-1
    MasculinAge : 17Messages : 41

    le Mar 6 Sep 2016 - 21:02

    Merci
    Contenu sponsorisé

    Aujourd'hui à 19:04


      La date/heure actuelle est Jeu 8 Déc 2016 - 19:04