Les tuto 2 Demolite

Blog tuto, aide à la création et au design des blogs et sites internet, Montage photo, trucs et astuces, logiciels gratuits...

30 novembre 2010

Ecrire dans un cadre dans une colonne

Posté par Demolite - Dans la catégorie Canalblog
Tags : , , , , ,

Ça peut être pratique, voire même joli un petit cadre avec un fond ou pas dans une colonne, histoire de laisser un message de bienvenue à vos visiteurs...

Salut les gens
Voici un petit cadre pour y mettre du texte,
vous pouvez le mettre dans une de vos colonnes pour y mettre un message de bienvenue
ou encore vous en servir comme d'un post-it...


<p style="border: 1px solid; color: #00FFFF; margin: 0%; padding: 0px; font-family: century gothic; font-size: 80%; background-image: url(http://p2.storage.canalblog.com/27/32/794548/58887868.jpg); text-indent: 0px;"><font color="#000000">Salut les gens<br>Voici un petit cadre pour y mettre du texte, <br> vous pouvez le mettre dans une de vos colonnes pour y mettre un message de bienvenue<br>ou encore vous en servir comme d'un post-it...</font></p>


border: 1px solid; color: #00FFFF; : Permet de changer la couleur et la taille du cadre.

font-family: century gothic; : c'est la police du texte.

font-size: 80%; : Permet de grossir et diminuer la taille du texte.

background-image: url(http://p2.storage.canalblog.com/27/32/794548/58887868.jpg); : Permet de changer l'image de fond.

<font color="#000000"></font> : Change la couleur du texte.

Pour faire revenir votre texte à la ligne dans le cadre, tapez votre texte normalement en mode html et insérez la balise <br> à l'endroit où vous voulez faire des retours à la ligne.

Une fois que votre code est bien remanié, vous n'avez plus qu'à le coller dans une colonne de votre page d'accueil à l'endroit ou vous voulez qu'il apparaissent.


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici


« Accueil 1
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41