Galeries, Diaporamas & SlideShows

Faire un ascenseur avec des photos

Cet article a été mis à jour, vous consultez ici une archive de cet article!
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:550px; 
 
HEIGHT:419px"  align="left">
<P align=left><IMG src="http://l'adresse de 
 
votre photo"  border="0"  width: "550px" height="419px" ></P>
<P 
 
align=left><IMG src="http://l'adresse de votre photo"  border="0"  width: 
 
"550px" height="419px"></P>
<P align=left><IMG src="http://l'adresse de 
 
votre photo"  border="0"  width: "550px" height="419px" 
 
></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.