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.

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.
Cette page a été vue 2964 fois