Lundi 22 mai 2006 Pas de commentaire

Vous êtes ici Accueil > Tutoriels > Tuto incredimail > Papier Cadre Original

MODIFIER VOTRE PAGE FLAVOR.HTM

Pour le moment, nous avons fait le plus facile. Nous allons maintenant faire quelques modification dans le flavor.htm afin de construire notre cadre.

1-Ouvrir flavor.htm dans votre éditeur de page (frontpage, namo, ou autre) et voici à quoi ressemble votre page flavor

cadre

2-faites comme la capture

  • 1 faire une entrée entre les deux tableaux
  • 2 mettre les images du haut du cadre dans le haut du tableau

cadre

3-Supprimer le tableau (en noir) mettre votre curseur devant et cliquez sur la touche supprimer. Répondre oui.

cadre

4-Rester dans la cellule du haut et diviser celle-ci en trois colonnes

cadre

5-Mettre les 3 parties du cadre dans chaque cellules sauf l’entete si vous en avez une.

cadre

6-Si vous avez une en-tete, ajouter une ligne au-dessus.

cadre

7-fusionnez les 3 cellules afin qu’il ne reste qu’une grande cellule.

cadre

8-Maintenant vous allez supprimer les images à gauche et droite qui sont placées dans des petits tableau. supprimez directement le petit tableau qui se trouve dans la cellule, ça supprimera aussi l’image.

cadre

9-Se mettre dans la cellule du centre (X), et faites ajouter une ligne en dessous.

cadre

10-Déplacer les deux coins du bas du cadre, et les mettre dans les cellules de votre nouvelle ligne. comme ci-dessous

cadre

11-Supprimez les barres du haut et du bas. Il ne doit rester que les 4 coins.

cadre

10-Se mettre dans la cellule du milieu en haut et faites :

  • propriété de la cellule
  • mettre votre image 2.gif en arrière plan
  • largeur de l’image : 100%

faites la même configuration pour la barre en bas du cadre 8.gif

cadre

cadre

12-Nous allons faire la meme chose pour les barres de gauche et de droite.

  • propriété de la cellule
  • mettre votre image 4.gif en arrière plan
  • hauteur de l’image : 100%

cadre

Pour le centre du tableau, mettre dans la cellule l’image 5.gif en arrière plan avec 100% en largeur et en hauteur.

13- Voici ce que ça donne.

cadre

14-Mettez n’importe où sur la troisième ligne

cadre

Faites propriété du tableau et vérifiez que les marges soit 0 et espace 0.

cadre

15-Pour finir, mettez vous devant le tableau (le grand) et faites « centrer ».

voilà l’aperçu du résultat.

cadre

16-Enregistrez les modification de votre page flavor.htm !!!

 

Pages : 1 2 3 4 5 6 7

Info post

, , , , ,




Laisser un commentaire

(twitter : seulement le nom. pas de lien ou "@")