Faire un ascenseur avec des photos
voilà le code qui va vous permettre de réaliser cette ascenceur :
* Vous remplacez les adresses en rouge par les adresses de vos images.
Code HTML :
<DIV style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 2px solid; SCROLLBAR-HIGHLIGHT-COLOR: #0080ff; OVERFLOW: scroll; BORDER-LEFT: black 8px solid; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #0080ff; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #0080ff; BACKGROUND-COLOR: #000000; WIDTH:180px; HEIGHT:419px" align="left"> <P align=left><IMG src="http://l'adresse de votre photo" border="0" width: width: "150px" height="168px"></P> <P align=left><IMG src="http://l'adresse de votre photo" border="0" width: "150px" height="168px"></P> <P align=left><IMG src="http://l'adresse de votre photo" border="0" width: "150px" height="168px" ></P> </DIV>
Ensuite, vous personnalisez ainsi :
Concerne les bordures :
BORDER-RIGHT: black 2px solid;
BORDER-TOP: black 2px solid;
BORDER-LEFT: black 8px solid;
BORDER-BOTTOM: black 2px solid;
Concerne les couleurs de l'ascenseur:
SCROLLBAR-HIGHLIGHT-COLOR: #0080ff; OVERFLOW: scroll;
SCROLLBAR-3DLIGHT-COLOR: #0080ff;
SCROLLBAR-DARKSHADOW-COLOR: #0080ff;
Concerne la largeur et la hauteur totales :
WIDTH="550px"
HEIGHT="419px"
Concerne les dimensions des photos:
Code HTML :
<IMG src="http://l'adresse de votre photo" border="0" width: "550px" height="419px" >
*Il est évidemment préférable que l'ascenseur ait les mêmes dimensions que les photos.
Concerne le fond :
BACKGROUND-COLOR: #000000
Bien entendu vous pouvez personnalisez votre ascenseur.