-
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{cursor: url("Adresse de votre curseur"), auto;}Si vous souhaitez que le curseur sois différent quand vous passez sur des liens :
A:hover{cursor: url("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 sailliegroove => en creuxinset => 3D avec ombre interneoutset => 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