Eklablog Tous les blogs Top blogs Mode, Art & Design Tous les blogs Mode, Art & Design
Editer l'article Suivre ce blog Administration + Créer mon blog
MENU

Tout pour décorer vos sites et vos blogs. Backgrounds, Separateurs, Blinkies, Globes, Avatars, Tubes, Layouts, Scraps, Widgets, Fonds Ecrans, Gadgets, Horloges, Calendriers et Decos diverses.

Publicité

Ascenseur avec photos

 

Une façon originale de mettre vos photos en valeur.

Vous allez dans le mode source/HTML  de votre article

Vous y collez ce code et vous remplacez les adresses http://........ par les adresses de vos images.

 

 

<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-HIGHLIGHT-COLOR: #0080ff; OVERFLOW: scroll; BORDER-LEFT: black 8px solid; WIDTH: 550px; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #0080ff; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #0080ff; HEIGHT: 419px; BACKGROUND-COLOR: #000000" align=left>
<P align=left><IMG style="WIDTH: 550px; HEIGHT: 419px" height=419 src=http://l'adresse de votre photo/width=550 border=0></P>
<P align=left><IMG style="WIDTH: 550px; HEIGHT: 419px" height=419 src=http://l'adresse de votre photowidth=550 border=0></P>
<P align=left><IMG style="WIDTH: 550px; HEIGHT: 419px" height=419 src=http://l'adresse de votre photo width=550 border=0></P>
</DIV>


 


Ensuite, vous personnalisez ainsi :

Les Bordures
BORDER-RIGHT: black 2px solid;
BORDER-TOP: black 2px solid;
BORDER-LEFT: black 8px solid;
BORDER-BOTTOM: black 2px solid;

Les couleurs
SCROLLBAR-HIGHLIGHT-COLOR: #0080ff; OVERFLOW: scroll;
SCROLLBAR-3DLIGHT-COLOR: #0080ff;
SCROLLBAR-DARKSHADOW-COLOR: #0080ff;

Largeur et Hauteur

WIDTH: 550px;
HEIGHT: 419px;

Dimensions Photos
IMG style="WIDTH: 550px; HEIGHT: 419px"

Il est évidemment préférable que l'ascenseur ait les mêmes dimensions que les photos.

Fond
BACKGROUND-COLOR: #000000"


Publicité
Retour à l'accueil
Partager cet article
Repost0
Pour être informé des derniers articles, inscrivez vous :
Commenter cet article