Comment créer des Menus Déroulants

Merci à Aide Astuce Blog MSN pour ces infos ;)
Vraiment désolant qu'il ferme son site , c'est pourquoi je sauvegarde ses astuces !

LES MENUS DEROULANTS

Créer un menu déroulant

Code très facile à mettre en place

<DIV style="width:200px; overflow:scroll">
<NOBR>METTEZ VOTRE TEXTE ICI ET BON COURAGE...</NOBR>
</DIV>

LE RESULTAT

METTEZ VOTRE TEXTE

ICI ET

BON COURAGE...

_______________________________________________________________________________________

FONCTION OVERFLOW

La propriété OVERFLOW spécifie si le contenu d'un élément d'un bloc est découpé

lorqu'il déborde de la boite.

En d'autres mots, elle permet de gérer les dépassements de blocs (calque, texte ou autre)

La valeur de OVERFLOW peut être

• AUTO (met une barre de défilement au besoin),

• VISIBLE (rend visible tout ce qui dépasse),

• HIDDEN (cache tout ce qui dépasse),

• SCROLL (met une barre de défilement)

PRENNEZ LE CODE HTML

<TABLE style="WIDTH: 411px; HEIGHT: 452px" background=adresse de votre image border=0>
<TBODY>
<TR>
<TD>
<P align=center><FONT face="Lucida Handwriting, Cursive" color=#333399 size=5><STRONG>Votre titre</STRONG></FONT></P></TD></TR>
<TR>
<TD>
<DIV align=center>
<DIV style="OVERFLOW: auto; WIDTH: 300px; HEIGHT: 260px">
<P align=center><FONT face="Arial Black, Geneva, Arial, Sans-serif" color=#333399 size=4>Votre texte ici</FONT></P></DIV></DIV></TD></TR>

</TBODY></TABLE>

_______________________________________________________________________________________

Plus difficile mais pas impossible

   Copiez le code, ouvrez votre billet, passez en HTML et puis collez.

Il sera nécessaire de changer les adresses "fictives" dans l'exemple par l'adresse véritable de vos photos.

   Répétez le code ( en vert pour plus de facilité ) autant de fois que vous avez de photos à mettre.

   Personnellement je vous conseille de les faire héberger sur un site approprié car en les copiant directement, vous prenez le risque de les perdre si par malheur le site en question les changeaient de place.

<P><STRONG><FONT color=#cc0066></FONT></STRONG></P>
<P><STRONG></P>
<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/maphoto1.jpg width=550 border=0></P>
<P align=left><IMG style="WIDTH: 550px; HEIGHT: 419px" height=419 src=http://l'adresse de votre photo/maphoto2.jpg width=550 border=0></P>
<P align=left><IMG style="WIDTH: 550px; HEIGHT: 419px" height=419 src=http://l'adresse de votre photo/maphoto3.jpg width=550 border=0></P></DIV></STRONG>

Publiez votre billet et revenez dessus.

Vous pourrez alors changer sa taille en cliquant sur les ascenseurs et aussi ajuster toutes les photos à leur bonne taille pour éviter tout déformement.

   Il est possible aussi de changer la couleur de votre "cadre déroulant ". Pour cela il faut changer le code de couleur lorsque vous êtes en mode HTML.

   Par exemple pour remplacer le fond noir par une autre.

   Changez BACKGROUND-COLOR: #000000 par #00FF00

Le code couleur des ascenseurs se situe apres SCROLLBAR suivi d'un #.