Pieds de page à Compléter
Je vous propose ici plusieurs scripts de pieds de page
préconçus que vous pourrez modifier à votre guise
grâce au bloc notes. 
Cependant, il vous sera tout de même nécessaire d'avoir lu cette page.
Pour chaque script, le texte ecrit en blanc et souligné
doit être remplacé par le contenu que vous souhaitez voir
apparaitre dans la partie correspondante de votre pied de page. Les
informations en italique correspondent à des
propriétés CSS pouvant être modifiées, les
données en gris ne doivent pas être touchées.
Pour utiliser un script, il vous faudra le copier/coller dans le bloc-notes et le modifier à votre guise.
NB: En dessous de chaque aperçu, vous verrez un lien vers
AceDesign, mais ne vous inquiétez pas, celui ci ne sera pas
visible sur votre forum.
Pour toute question, le forum est à votre disposition.
Pied à trois colonnes
Cliquez ici pour avoir un aperçu
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>pied</title>
</head>
<body style="margin:0; background-color:transparent">
<table style="text-align:
left; width: 100%; font-family: verdana; color:#000000; font-size:
10pt; border: 1px #000000 solid; height:150px !important;"
cellpadding="2" cellspacing="0">
<tbody>
<tr>
<td style="width: 20%; background-color: #94BEED; border: 1px #000000 solid; ">
Mettez ici le contenu de la colonne de gauche
</td>
<td style="background-color: #C2DCF5; border: 1px #000000 solid; ">
Mettez ici le contenu de la colonne centrale
</td>
<td style="width: 20%; background-color: #94BEED; border: 1px #000000 solid; ">
Mettez ici le contenu de la colonne de droite
</td> </tr>
</tbody>
</table>
<br><br><a
href="http://acedesign.monespace.net" target="_blank"
style="color;#000000;horizontal-align:center;"> Script de pied de
page trouvé sur AceDesign</a>
<br>
</body>
</html>
Les propriétés CSS sont définies de la façon suivante:
o En rouge: les propriétés qui s'appliqueront à tout le pied de page
o En mauve: les propriétés qui s'appliqueront à la colonne de gauche
o En vert: les propriétés qui s'appliqueront à la colonne centrale
o En orange: les propriétés qui s'appliqueront à la colonne de droite.
Pied avec un menu sur la gauche
Cliquez ici pour avoir un
aperçu
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>pied</title>
</head>
<body
style="margin:0; background-color:transparent">
<table
style="text-align:
left; width: 100%; font-family: verdana; color:#000000; font-size:
10pt; border: 1px #000000 solid; height:150px !important;"
cellpadding="2"
cellspacing="0">
<tbody>
<tr>
<td style="width:
24%; background-color: #94BEED; border: 1px #000000 solid; ">
Mettez
ici le contenu du menu de gauche
</td>
<td style="background-color:
#C2DCF5; border: 1px #000000 solid; ">
Mettez
ici le contenu de la colonne centrale
</td>
</tr>
</tbody>
</table>
<br><br><a
href="http://acedesign.monespace.net" target="_blank"
style="color;#000000;horizontal-align:center;"> Script de pied
de page trouvé sur AceDesign</a>
<br>
</body>
</html>
Les
propriétés CSS sont définies de la
façon suivante:
o En rouge: les propriétés qui s'appliqueront
à tout le pied de page
o En mauve: les propriétés qui s'appliqueront au menu de gauche
o En vert: les propriétés qui s'appliqueront
à la colonne centrale
Pied avec une case de titre
Cliquez ici pour avoir un aperçu
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>pied</title>
</head>
<body style="margin:0; background-color:transparent">
<table style="text-align: left; width: 100%; font-family:
verdana; color:#000000; font-size: 10pt; border: 1px #000000 solid;
height:150px !important;"
cellpadding="2" cellspacing="0">
<tbody>
<tr>
<td style="height:14px; font-weight:bold;
text-align:center;background-color: #94BEED; border: 1px #000000 solid;
">
Mettez ici le contenu de la case de
titre
</td></tr><tr>
<td style="background-color: #C2DCF5; border: 1px #000000
solid; ">
Mettez ici le contenu de la case principale
</td>
</tr>
</tbody>
</table>
<br><br><a href="http://acedesign.monespace.net"
target="_blank" style="color;#000000;horizontal-align:center;">
Script de pied de page trouvé sur AceDesign</a>
</body>
</html>
Les
propriétés CSS sont définies de la
façon suivante:
o En rouge: les propriétés qui s'appliqueront
à tout le pied de page
o En mauve: les propriétés qui s'appliqueront à la case de titre
o En vert: les propriétés qui s'appliqueront
à la case principale
|
|
