• Merci à Nagalia

    Il y a deux types de marges, les marges interieurs et les marges exterieurs. On va commencer avec les marges exterieur. La propriété est "margin".

    Donc voici se que donne votre code CSS si vous avez bien suivit le début :
    sélecteur { margin: Xpx;}

    Il y aura encore une fois des pixels. Pour cela, il faut remplacer le X par un nombre de pixel et ça sera la marge exterieur autout de tout l'élément. C'est a dire la distance qu'il y a entre lui et les autres éléments.

    Si vous souhaitez modifier séparemment les marges, vous devez copier se code CSS :

    sélecteur { margin: Xpx Xpx Xpx Xpx;}

    Le premier X c'est la marge en haut, le deuxième X à droite, le troisième X en bas et le dernier X a gauche.

    On peut aussi écrire le code CSS comme ça si on ne souhaite pas modifier seulement la marge du bas par exemple :

    sélecteur { margin-bottom: Xpx;}

    Bottom = Bas
    Top = Haut
    Left = Gauche
    Right = Droite

    On peut également centrer un élément. Pour cela, vous devez mettre le code CSS qui se trouve ci-dessous :


    sélecteur {margin: 0 auto}



    Par contre, pour les marges interieur, la propiété est "padding" :


    sélecteur { padding: Xpx;}


    On l'utilise comme "margin".


    votre commentaire
  • Merci à Nagalia

    Il faut copier le code CSS ci-dessous ainsi que de mettre l'adresse de votre curseur à la place de "Adresse de votre curseur" dans le code CSS :

    HTML,BODY{cursorurl("Adresse de votre curseur")auto;}

    Si vous souhaitez que le curseur sois différent quand vous passez sur des liens :

    A:hover{cursorurl("Adresse de votre curseur")auto;}



    Et pour ceux qui ne veulent pas utiliser de logiciel de graph, il y a quelque valeur qui fonctionnent pour tout les navigateurs (que ce sois sur Firefox ou sur Internet Explorer ou autre, etc) :

    auto :  Ne change rien.
    default : Curseur par défaut du navigateur.
    pointer : Curseur en forme de main avec le doigt déplié.
    text : Curseur d'édition de texte.
    help : Curseur d'aide.
    wait : Curseur d'attente
    progress : Curseur de progression.
    move : Curseur de déplacement.
    crosshair : Curseur en forme de croix.

    votre commentaire
  • Merci à Nagalia

    Dans ce tutoriel, on va utiliser le titre de votre où vous souhaitez qu'il y est un header cliquable sur votre  blog. Voici le code  CSS :

    #titre_header a {
                              display: block;
                              width: Xpx;
                              height: Xpx;}

    Il vaut mieux ne pas écrire de titre. Dans "apparence => modifier le thème => Header => titre", mettez la position du titre à (0;0)

    width = largeur Remplacez le X par la largeur de votre header
    height = hauteur Remplacez le X par la hauteur de votre header


    votre commentaire
  • Merci à Nagalia

    Bordure = "border" en anglais
    Donc la propriété de la bordure est celle ci-dessous :

    sélecteur {border: Xpx style #color;}

    Remplacez le X par un nombre de pixel. Ce sera l'épaisseur de votre bordure. Remplacez également "style" par un style de bordure. Voici quelques exemples de bordures : 

    dotted => En pointillé
    dashed => Tiret
    solid => Euh, normal ^^
    double => Ben double.

    none => aucune :)
    ridge => en saillie
    groove => en creux
    inset => 3D avec ombre interne
    outset => 3D avec ombre externe


    Si vous voulez modifier les quatre bordures séparément, changez la propriété comme sur l'exemple de code CSS qui se trouve ci-dessous :

    sélecteur {border-top: Xpx style #color;}

    Ci vous souhaitez modifiez la place de la bordure voici le code CSS :

    border-top => Bordure du haut
    border-bottom => Bordure du bas
    border-right => Bordure de droite
    border-left => Bordure de gauche


    votre commentaire
  • Merci à Nagalia

    En anglais, fond se dit "background".
    Si vous voulez mettre une couleur de fond (sur votre blog), vous devez coller ce code là dans le code CSS de votre blog :

    sélecteur {background-color: #Couleur;}

    Ce code est tout simple.
    Si vous mettez uniquement "color", c'est la couleur du texte que vous allez changer !

    Si vous voulez mettre une image en fond de votre blog voici le code CSS :

    sélecteur {background-image: url("Adresses de l'image");}

    N'enlevez surtout pas les guillemets!
    Sinon, votre image se répètera par défaut. Si vous ne voulez pas qu'elle se répète, ou qu'elle se répète seulement en vertical ou en horizontal, il faut rajouter une propriété. Comme ci-dessous :

    L'image se répète :

    sélecteur {background-image: url("Adresses de l'image");
                     background-repeat: repeat;}

    Si vous souhaitez que votre image ne se répète pas voici le code CSS :
    (Pour ne pas que l'image se répète, il faut marquer devant repeat no- comme dans l'exemple ci-dessous :)

    sélecteur {background-image: url("Adresses de l'image");
                     background-repeat: no-repeat;}

    Si vous souhaitez que votre image se répète verticalement voici le code CSS :

    sélecteur {background-image: url("Adresses de l'image");
                     background-repeat: repeat-y;}

    Si vous souhaitez que votre image se répètehorizontalement voici le code CSS : 

    sélecteur {background-image: url("Adresses de l'image");
                     background-repeat: repeat-x;}


    On peu aussi vouloir que notre image soit fixe. Dans ce cas, on rajoute encore une ligne dans le code CSS :

    sélecteur {background-image: url("Adresses de l'image");
                     background-attachment:fixed;}


    On peut également mettre une image à un endroit précis sur la page de votre blog.

    Si vous souhaitez quelle soit en haut à droite :

    sélecteur {background-image: url("Adresses de l'image");
                     background-position:right top;}

    "right" = "droite" et "top" = "haut"

    Si vous souhaitez mettre une image dans le coin gauche, il suffit de changer "right" par "left"

    sélecteur {background-image: url("Adresses de l'image");
                     background-position:left top;}

    Si vous souhaitez quelle soit en au centre :

    sélecteur {background-image: url("Adresses de l'image");
                     background-position:center center;}

    Si vous souhaitez quelle soit en bas à droite :

    sélecteur {background-image: url("Adresses de l'image");
                     background-position:right bottom;}

    Je pense que tout le monde comprend que "bottom" = "bas".

    On peut aussi utiliser les pourcentages dans le code CSS :

    sélecteur {background-image: url("Adresses de l'image");
                     background-position:100% 0%;}

    Ce qui fait que votre image est en haut à droite.

    Pour utiliser les pourcentages, imaginer que la page de votre blog est un graphique où l'originale est en haut à gauche et où vous n'utilisez que des nombres positifs. On commence toujours par l’abscisse. Donc si j'écris:

    sélecteur {background-image: url("Adresses de l'image");
                     background-position:100% 50%;}

    Mon image sera centré (donc au centre de 50%) à droite (donc à droite de 100%).


    votre commentaire