Overblog Suivre ce blog
Editer l'article Administration Créer mon blog
Heil et babydow

Comment créer une fiche avec une image en fond et des ascenseurs?

Publié le 19 Septembre 2012 par Heil

Tout d'abord, il faut passer en mode HTML dans la modification de la fiche.

1. Copiez ce code pour mettre votre image en fond:

<table align="center" background="L'URL DE VOTRE IMAGE DE FOND" cellpadding="0" cellspacing="0" height="902" width="802">

<tbody><tr>

<td height="600" width="800">

2. Remplacez "L'URL DE VOTRE IMAGE DE FOND" par le lien de votre image. Pour l'obtenir, faite clique droit sur l'image puis "copier l'adresse de l'image"$

3. Modifier la largeur (width) et la longueur (height) de votre image en modifiant les ciffres à côté de height et width. Attention, ces chiffres sont à modifier à deux endroit!

4. Vérifiez que votre image est à la bonne taille en passant en mode normal puis retournez en mode HTML pour continuer.

5. A la suite de ce premier code, entrez le code permettant de créer une zone de texte avec ascenseur:

<div style="text-align:center;color: rgb(255, 255, 255);border: 1px solid white;

margin-top: -290px; margin-left:70px;

width:670px; height:320px; overflow: auto;">

6. Réglez la taille et la position de la zone de texte en modifiant les chiffres après les indications suivantes:

- la hauteur: height

- la largeur: width

- la position en hauteur: margin-top

- la position en largeur: margin-left

7. Une fois que votre zone de texte est bien placée (vous le voyez en mode normal) vous pouvez:

- modifier la mise en forme du texte en modifiant: "text-align: center, color: rgb(255,2555,255). Sur babydow, pas besoin de se prendre la tête avec ça, une fois que vous avez fini toutes les modifications en mode HTML, vous passez en mode normal puis écrivez votre texte et le modifiez à partir des outils babydow.

- modifier la bordure du cadre en changeant 1px (la taille par 0 px si vous ne voulez pas de bordure par exemple), solid (pour changer le style), white (pour la couleur).

- les barres de défilement se créent automatiquement si vous avez: "overflow: auto"

8. Insérez ce code à la fin de votre fiche:

</td></tr></tbody></table>

9. Passez en mode normal en insérez votre texte :)

Commenter cet article

elise 14/07/2013 17:34

Merci c'est super ! ;) Maintenant j'ai ma fiche ! ;)