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><FONT face="Lucida Handwriting, Cursive" color="#333399" size=5><STRONG>Votre titre</STRONG></FONT></P></TD></TR>
<TR>
<TD>
<DIV>
<DIV style="OVERFLOW: auto; WIDTH: 300px;HEIGHT: 260px">
<P><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.jpgwidth=550 border=0></P>
<P align=left><IMG style="WIDTH: 550px; HEIGHT: 419px" height=419 src=http://l'adresse de votre photo/maphoto2.jpgwidth=550 border=0></P>
<P align=left><IMG style="WIDTH: 550px; HEIGHT: 419px" height=419 src=http://l'adresse de votre photo/maphoto3.jpgwidth=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 #.
Voici deux scrolling dans des overflow, le premier est vertical, le second est horizontal :
_________________________________________________________
Un aure menu déroulant. Pour le mettre à votre goùt, changez les codes couleurs.
<FONT face="Century Gothic"><BR></FONT>
<TABLE style="WIDTH: 107px; HEIGHT: 254px" bordercolor="#666666" height=254 cellSpacing=15 cellPadding=20 width=107 bgcolor="#ffffff" border=3>
<TBODY>
<TR>
<TD>
<DIV style="BORDER-RIGHT: #ffff66 3px solid; BORDER-TOP: #ffff66 3px solid; sCROLLBAR-FACE-COLOR: #ffffff; FONT-SIZE: 8pt; SCROLLBAR-HIGHLIGHT-COLOR: #000000; OVERFLOW: auto; BORDER-LEFT: #ffff66 3px solid; WIDTH: 232px; SCROLLBAR-SHADOW-COLOR: #000000; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #ffffff; BORDER-BOTTOM: #ffff66 3px solid; FONT-FAMILY: Arial; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT:211px; BACKGROUND-COLOR: #ffffff"><BR>
<P> </P>
<P>Il faut écrire quelque chose ici </P>
<P> </P>
<P><BR>
<P> </P>
<P><BR> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P></DIV></TD></TR></TBODY></TABLE>
<P> </P> |
Il faut écrire quelque chose ici
|
Un overflow amélioré dans un article :
L'Overflow est sur une image..... |
l' OVERFLOW gère la gestion d'un bloc de texte dans une zone élimitée.
Quand le texte est plus grand que la zone qui lui est impartie dans sa zone délimitée, alors apparaissent selon les options données, un ascenseur, vertical ou/et horizontal
Les valeurs de "overflow" :
auto: met une barre de défilement si le texte dépasse la zone
visible: montre ce qui est hors zone
hidden : rogne ce qui est hors zone
scroll : met des ascenseurs automatiquement
|
Citez cet article
1. ?
Ecrit par dan  , le 27-05-2009 06:41
Je me demande si c'est posible de changer la couleur de fond du:
(scrolling dans un blog)
METTEZ VOTRE TEXTE ICI ET BON COURAGE...
comment bleu par exemple.
  |
2. Ecrit par franc83, le 30-05-2009 10:35
Il suffit de changer les codes couleur. Par exemple mettre ce code couleur bleu #27AFE8 à la place du code contenu à cet endroit : BORDER-BOTTOM: #ffff66 |
3. merci
Ecrit par dan , le 30-05-2009 19:35
Merci..
TES GÉNIAL
 |
4. Ecrit par joe, le 21-06-2009 22:08
salut !
je voudrai savoir si c'est possible de changer la couleur du SCROLL (la barre de défilement) ???
merci ! |
5. Ecrit par albidochon , le 22-06-2009 08:04
yopla joe,
tu utilise le css avec les classes suivantes :
scrollbar-face-color:
defini la couleur du dessus des boutons et de la barre de défilement.
scrollbar-shadow-color:
defini la couleur sombre du relief des boutons (noir conseillé).
scrollbar-highlight-color:
defini la couleur claire du relief des boutons (blanc conseillé).
scrollbar-3dlight-color:
defini la couleur claire du relief des boutons quand ceux-ci ne sont pas enfoncés (noir conseillé).
scrollbar-darkshadow-color:
defini la couleur sombre du relief des boutons quand ceux-ci ne sont pas enfoncés (noir conseillé).
scrollbar-track-color:
defini la couleur du fond de la barre.
scrollbar-arrow-color:
defini la couleur des flèches.
voili et amitiés
albidochon |
6. Ecrit par joe, le 22-06-2009 13:36
je cherche les modifications en html c'est pour mon blogspot !!! est ce que c'est possible ?
merci encore !!!  |
7. Ecrit par albidochon , le 22-06-2009 18:02
ca n'est possible que pour un div que tu vas créer dans ton blog, ou dans une page en iframe que tu vas introduire dans ton blog par un code html iframe |
|
- Les messages comportant des attaques verbales contre les personnes seront supprimés.
- Vous pouvez renouveler le code de sécurité en appliquant un rafraîchissement à votre navigateur.
- Appliquer cette méthode de rafraîchissement si vous avez entré un mauvais code de sécurité.
|
Powered by AkoComment Tweaked Special Edition v.1.4.6
AkoComment © Copyright 2004 by Arthur Konze - www.mamboportal.com
All right reserved
Commentaires (7)
