Tutoriel trois bordures

Tutoriel trois bordures

Ce n'est pas vraiment un tutoriel,
car il faut tout simplement copier le code source
que se trouve au bas de la page.

Je vous explique un peu le code.

Le body bgcolor qui est ici #F0FFFF est la couleur de votre fond de page Web
que les gens verront avant que les bordures n'apparaissent.

*********************************

1. background = "bordbleu.gif" est votre bordure extérieure.
Celle qui est bleue foncée.

**********************************

text="000099" est la couleur du texte. Ici c'est bleu foncé.

***********************************

Link, vlink, alink sont les liens.
Entrez les couleurs désirées.

************************************

Les deux br sont pour laisser de l'espace à votre tableau.

************************************

2. Le table background="bordgold.gif" est pour votre deuxième bodure
celle qui est dorée.

*************************************

La balise width="90%" est pour déterminer la largeur de votre tableau.

Faites des essais en la diminuant ou en l'augmentant.

*************************************

Les balises tr et td sont des balises utilisées pour les tableaux.

**************************************

3. Le table background="bordbleu1.gif" est le centre, là où vous écrivez
et c'est votre troisième bordure.

**************************************

border="2" est la petite ligne bleu que vous voyez
entre la section bleue pâle et or.
Vous pouvez ne pas en mettre ou la modifier.

**************************************

Le Bordercolor est la couleur de cette ligne.

Le cellpaddind à 5 est l'espacement en pixels
de la cellule du tableau et de son contenu.

J'en mets un pour qu'il y ait un espace pour ne pas écrire
jusqu'au bord du tableau. Vous pouvez l'augmenter.

Code source que vous pouvez copier/coller
dans votre éditeur, dans Word Pad ou Note pad.

<HTML>
<HEAD>
<Title> Votre titre </Title>
</head>
<body bgcolor="#F0FFFF" background="bordbleu.gif"
text="#000000" link="#009999" vlink="ton choix de couleur" alink="ton choix de couleur">
<br>
<br>
<table background="bordgold.gif" width="90%" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<br>
<br>
<table background="bordbleu1.gif" border="2" bordercolor="#000099" width="90%"
align="center" cellpadding="5" cellspacing="0">
<tr>
<td>
<p align="center"> </p>

Votre texte ici

À la fin lorsque vous avez terminé votre page.

</font>
</td>
</tr>
</ table>
<br>
<br>
</td>
</tr>
</ table>
</body>
</html>

Et voilà c'est terminé....

Faites les changements pour vos trois images
à background, et aux deux table background.

Tout ce qui est en rouge peut être modifié.

Comment faire les tuiles avec PSP

HTML

J'aimerais bien avoir vos commentaires, questions ou suggestions.

Écrire à Nicou