Des petites boites de texte
pour agrémenter vos é-mail.
Au cours des années j'ai accumulée de petit
trésors en furetant ici et là.
C'est maintenant le temps de les partager avec
vous!
Je vais débuter la scrollbar .
Le scrollbar ou le petit ascenseur se
positionne dans entre vos balise:
<HEAD>
et
</HEAD>
Il existe plusieurs petits logiciel gratuit sur le web. Ici je vous donne un petit
code tout simple vous n'aurai qu'à changer le code de couleur pour l'harmoniserIci:
<style>BODY {
SCROLLBAR-BASE-COLOR : #9FAAD5
}
Passons maintenant aux boites de texte.
Je vous explique comment la positionné et ou
changer les codes pour la couleur.
Voici un code de base:
<TABLE id=table1
style="BORDER-RIGHT: 3px solid; PADDING-RIGHT:
0px; BORDER-TOP: 3px solid; PADDING-LEFT: 0px; FILTER: Alpha(Opacity=85);
PADDING-BOTTOM: 0px; BORDER-LEFT: 3px solid; PADDING-TOP: 0px; BORDER-BOTTOM:
3px solid"
borderColor=#64424e cellSpacing=5
cellPadding=0 width="65%" border=3>
<TBODY>
<TR>
<TD
style="BORDER-RIGHT: 3px solid; BORDER-TOP:
3px solid; BORDER-LEFT: 3px solid; BORDER-BOTTOM: 3px solid"
borderColor=#64424e bgColor=#ccb0ba>
<DIV align=center> </DIV>
<DIV align=center> </DIV>
<DIV align=center> </DIV></TD></TR></TBODY></TABLE> |
Explication:
Ne rien changer
|
<TABLE id=table1 |
| Épaisseur de la bordure de la boite de
texte extérieure ; vous pouvez changer le 3 par un autre
chiffre et l'épaisseur de la bordure changera (si vous le
changez, il faut de préférence changer BORDER-TOP, BORDER-LEFT
et BORDER-BOTTOM . |
style="BORDER-RIGHT: 3px solid; PADDING-RIGHT: 0px;
BORDER-TOP: 3px solid; PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
BORDER-LEFT:
3px
solid; PADDING-TOP: 0px; BORDER-BOTTOM: 3px solid"
|
|
Opacité de la boîte de texte: Plus le
chiffre est haut plus la boite est opaque. Plus le chiffre
est bas vous baisserez l'opacité de tout ce que contient
votre boite de texte.
|
FILTER: Alpha(Opacity=85); |
|
Couleur de la bordure extérieure
|
borderColor=#28335B |
Espacement entre la
boîte de texte et la bordure; plus le chiffre est élevé plus
l'espacement est grand.
|
cellSpacing=8 cellPadding=0 |
|
Largeur de la boîte de texte en
pourcentage de la largeur totale du papier (et de
l'affichage de votre écran) ; vous pouvez changer le
pourcentage comme vous voulez, faites des essais .
|
width="65%"
border=3> |
Ne rien changer.
|
<TBODY>
<TR>
<TD |
|
Épaisseur des bordures intérieures ;
vous pouvez les changer si vous le désirez, mais comme à la
ligne 1, n'oubliez pas de changer les 4.
|
style="BORDER-RIGHT: 3px solid;
BORDER-TOP: 3px solid; BORDER-LEFT: 3px solid; BORDER-BOTTOM:
3px solid" |
Couleur des bordures intérieures, à changer pour harmoniser
votre fond.
|
borderColor=#28335B |
|
Couleur de
l'arrière-plan de la boîte de texte, pour aussi harmoniser à
votre fond .
|
bgColor=#9FAAD5> |
Ne rien changer.
|
<DIV align=center> </DIV>
<DIV
align=center> </DIV>
<DIV align=center> </DIV></TD></TR></TBODY></TABLE> |
|
|
|
|
boite suite
retour à l'index
|