Faire un ascenseur avec des photos
Une façon originale de mettre vos photos en valeur.
voilà le code qui va vous permettre de réaliser cette ascenceur :
* Vous remplacez les adresses en rouge par les adresses de vos images.
BORDER-RIGHT: black 2px solid;
BORDER-TOP: black 2px solid;
BORDER-LEFT: black 8px solid;
BORDER-BOTTOM: black 2px solid;
SCROLLBAR-HIGHLIGHT-COLOR: #0080ff; OVERFLOW: scroll;
SCROLLBAR-3DLIGHT-COLOR: #0080ff;
SCROLLBAR-DARKSHADOW-COLOR: #0080ff;
WIDTH="550px"
HEIGHT="419px"
*Il est évidemment préférable que l'ascenseur ait les mêmes dimensions que les photos.
BACKGROUND-COLOR: #000000
L'inconvénient de cette méthode c'est que parfois la scrollbar du bas est visible, mais non active.
Bien entendu vous pouvez personnaliser votre ascenseur.
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 totale :
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
L'inconvénient de cette méthode c'est que parfois la scrollbar du bas est visible, mais non active.
Bien entendu vous pouvez personnaliser votre ascenseur.