La boîte déroulante
 
Première partie
 
 
Ici je vais vous donner un script de boîte déroulante que vous pouvez modifier facilement .
 
Comme par les autre leçon vous allez dans la source et vous collez ce code en avant du dernier </BODY>
 
Voici le script de base et plus bas je vous donne les explications des endroits ou vous pouvez faire les changements.
Cette boîte va se placé au centre de votre courrier pour celle qui ne veulent pas allez plus loin dans la leçon.
 
Pour les autres en deuxième partie ,je vais vous expliquez aussi un moyen de positionner la boîte ou vous le désirez  .
 
Voici le script de la boîte centrée
 
<center>
<DIV style="border: #9B469B 3px groove;
padding: 10px; FILTER: Alpha(Opacity=60);
OVERFLOW: auto; HEIGHT: 200px; WIDTH: 350px;
SCROLLBAR-BASE-COLOR: #9B469B;
BACKGROUND-COLOR: #CD8FCD;
text-align: center" >Votre Bla bla</Div></center>
 
 

 

Voici les endroits à changer.
 
Je fais des espacements pour bien voir et
 avoir de la place à écrire les explications.
Les choses à changer sont en rouge et les explications en bleu

 </center>
 
<DIV style="border: #9B469B 3px groove;  
 
En premier vous pouvez changer la couleur de la bordure 9B469B ,
En deuxième sa largeur  3
En troisième la sorte  groove. C'est ici que je veux que vous travailler le plus .
 
Je vous donne diverse sorte de bordure que vous pouver changez à la place de groove et en essayez  une autre  
.les quatres premières sont le plus jolies
 
Voici les sortes  Dashed  Dotted  Double  Inset  Solid  Ridge  Outset

padding: 10px;
Pas nécessaire d'y n'y toucher,c,est la hauteur que l'écriture commence dans la boîte 
 
FILTER: Alpha(Opacity=60);
L'opacité de la boîte vous pouvez allez jusq'à 100

OVERFLOW: auto;
On n'y touche pas ,c'est la commande pour que la boîte soit déroulante
 
 HEIGHT: 200px;
La hauteur de la boîte
 
WIDTH: 350px;
La largeur de la boîte

SCROLLBAR-BASE-COLOR: #9B469B;
La  couleur scrollbar

BACKGROUND-COLOR: #CD8FCD;
La couleur du fond de la boîte

text-align: center" >Ecrire ici </Div></center>
 
 
 
 *Quand vous aller faire les modifications ne vous en faite pas si le script que je vous ai donné prends cette allure dans Outlook c'est normal . Si vous examiné vous aller remarqué que chaque bordure à son nom .
 
 
<CENTER>
<DIV
style="BORDER-RIGHT: #9b469b 3px groove; PADDING-RIGHT: 10px; BORDER-TOP: #9b469b 3px groove; PADDING-LEFT: 10px; FILTER: Alpha(Opacity=60); PADDING-BOTTOM: 10px; OVERFLOW: auto; BORDER-LEFT: #9b469b 3px groove; WIDTH: 350px; PADDING-TOP: 10px; BORDER-BOTTOM: #9b469b 3px groove; SCROLLBAR-BASE-COLOR: #9b469b; HEIGHT: 200px; BACKGROUND-COLOR: #cd8fcd; TEXT-ALIGN: center">
<DIV>Votre Bla bla</DIV>
</DIV></DIV></CENTER></BODY></HTML>

 

Deuxième partie le positionnement de votre boîte .
 
Pour cette deuxième partie vous aller prendre ce script pour travailler car l'autre est fait pour être center dans le courrier .Suivre les mêmes instructions pour les modifications que celle du haut car j'ai seulement enlever les centrer   .
 

<DIV style="border: #9B469B 3px groove;
padding: 10px; FILTER: Alpha(Opacity=60);
OVERFLOW: auto; HEIGHT: 200px; WIDTH: 350px;
SCROLLBAR-BASE-COLOR: #9B469B;
BACKGROUND-COLOR: #CD8FCD;
text-align: center" >Votre Bla bla</Div>
 

 
Après avoir faite vos modifications  on va positionner la boite de texte à l'endroit ou on veut à l'aide de <STYLE></STYLE>

 
On retourne sur  l'onglet Source et à vous allez regarder attentivement au début et trouvez  <STYLE></STYLE>   et vous allez l'effacer car on va le remplacer par un autre .
 
Ensuite collez  le script que je vous donne plus bas  à l'endroit ou vous avez effacer <STYLE></STYLE> .
J'ai intégré une scrollbar entre les deux styles pour que vous n'ayez pas à le faire .
 
Je vous explique le code en bleu et vous met les choses que vous pouvez modier en rouge
 

 Voici le script

 

<style>
body
{
SCROLLBAR-BASE-COLOR: #822223;  
padding-left: 320px;
padding-top: 100px

 

}
</style>

 
Voici les endroits à changer.
 
Les choses à changer sont en rouge et les explications en bleu


 
<style>
body
{
SCROLLBAR-BASE-COLOR: #822223;   la couleur de la scrollbar
padding-left: 320px;    la marge à partir de gauche
padding-top: 100px     la hauteur ou la boîte commence
 
}
</style>
 

Bonne modification.

 

Lylee

Menu Principal
 Apprivoisez Outlook
 Leçon de scripts