- Code:
-
<div style="border-right: #5cc0fa 3px solid; border-top: #5cc0fa 3px solid; scrollbar-face-color: #5cc0fa;
scrollbar-highlight-color: #ffffff; overflow: scroll; border-left: #5cc0fa 3px solid; width: 360px;
scrollbar-shadow-color: #5cc0fa; scrollbar-3dlight-color: #abffff; scrollbar-arrow-color: #abffff; border-bottom: #abffff 2px solid;
scrollbar-darkshadow-color: #ffffff;
scrollbar-base-color: transparent; height: 250px; div: center>
<DIV id=msn style=">
<div style="float: left; width: 500px">
<p><font face="arial" size="2"><></div>
</div>
Les lignes border peuvent être personnalisées avec :
- le code couleur html voulu, code débutant par #
- la taille en pixels, ici 3
- le format avec les commandes : solid, dotted ou bien encore dashed
Les commandes scrollbar; je les ai résumé ci-dessous :
Un petit exemple. clic iciOn peut mettre dans ces galeries autant d'images que l'on veut et le texte que l'on veut.
Pour les images il faut mettre l'adresse de l'image hébergée.
Exemple:
- Code:
-
<div align="center">
<div style="border-right: black 2px solid; border-top: black 2px solid; scrollbar-highlight-color: #789456; overflow: scroll; border-left: black 8px solid; width: 400px; color: transparent; scrollbar-3dlight-color: #0080ff; border-bottom: black 2px solid; scrollbar-darkshadow-color: #0080ff; height: 419px; background-color: #0080ff" align="center"><br />
<p align="center"><img style="width: 320px; height: 240px" height="320" alt="" src="adresse de la première image hébergée" width="320" border="0" /></p>
<br />
<p align="center"><img style="width: 320px; height: 240px" height="320" alt="" src="adresse de la deuxième image hébergée" width="320" border="0" /></p>
<br />
<p align="center"><img style="width: 320px; height: 240px" height="320" alt="" src="adresse de la troisième image hébergée" width="320" border="0" /></p>
<br />
<p align="center"><img style="width: 320px; height: 240px" height="320" alt="" src="adresse de la quatrième image hébergée" width="320" border="0" /></p>
</div>
</div>
<br />