1 - Fonction

Les codes CSS sont des codes qui servent à modifier la mise en page (ici, d'un article ou d'une page simple).  

Par exemple, dans cet article, j'ai mis un code HTML pour souligner de façon plutôt originale les sous-titres (Fonction et Où le placer ?). 

HTML veut dire "Hypertext Markup Language", en français "Language de Balisage d'Hypertexte".

2 - Où le placer ?

EklaBlog nous a tout préparé pour pouvoir mettre des codes HTML ! Il vous suffit de cliquer ici : "<>", l'endroit où placer les codes HTML. 

Si votre article contient quelque chose (texte, image ou autre) ou une modification (par exemple, changer l’alignement), cette partie sera déjà remplie ! Car une page (article, par exemple) n'est que du HTML !

Pour le premier code HTML du blog, je vous propose d'écrire un texte avec une couleur de fond (par exemple, j'utilise ce code pour mettre mes code dans mes articles (fond rose). 

<p style="background-color: #COULEUR DU FOND; text-align: center; width: Xpx; padding: 5px;">Exemple&nbsp;</p>

Explications :

#COULEUR DU FOND c'est la couleur qu'aura votre fond (ici, vert). 

X c'est la largeur du fond. 

Exemple&nbsp; c'est votre texte (vous pouvez laisser Exemple&nbsp;, car de toute manière vous pouvez modifier le contenu normalement). 

_______________________________________________________________________________________

Voici un lien vers un site pour avoir le code des couleurs : ColorPicker.com

Si vous ne voulez pas mettre une couleur comme ça, vous n'avez qu'à enlever le dièse # et mettre à la place la couleur en anglais. 

Toutes les couleurs en anglais : Cliquez ici

Voici un code HTML pour zoomer un image (au format .gif) quand on passe la souris dessus. 

Exemple : (passez votre souris sur l'image)

Le code : 

<p><img class="gif1" style="display: block; margin-left: auto; margin-right: auto;" src="URL DE VOTRE IMAGE" width="146" height="195" /></p>
<p>Le code :&nbsp;</p>
<style type="text/css"><!--
.gif1{
-webkit-transition:all 2s linear;
-moz-transition:all 2s linear;}
.gif1:hover{
-webkit-transform:scale(2);
-moz-transform:scale(2);
}
--></style>

Explications :

#URL DE VOTRE IMAGE c'est ici que vous mettez l'url de l'image !

Voici un code HTML pour insérer une zone de texte dans votre article (sans grande utilité, mais bon) : 

Exemple :

Code : 

<p>Pour ins&eacute;rer une zone de texte :</p>
<p><input style="background-image: IMAGE DE FOND; padding-left: 2px;" size="12; border: BORDURE; margin: MARGE EXTERNE" type="text" /></p>

Explications :

#IMAGE DE FOND c'est l'image de fond de votre zone de texte

BORDURE c'est la bordure de la zone de texte 

MARGE INTERNE c'est la marge interne 

Vous pouvez juste faire copier coller sans rien changer d'autre, ça fonctionnera.