Creer une Scroll Box

Creer une Scroll Box (une fenetre avec ascensseur) : (a mettre dans la partie ou vous souhaitez voir apparaître la Scroll Box)


<style type="text/css">
div.scroll-box, .imvucodes_net {
height:100px;
width:200px;
font:10pt Verdana;
overflow:scroll;
}
</style>
<div class="scroll-box">
Entrez votre texte ici.! peut importe sa longueure, votre ascensseur le feras défiler...
</div>



Décryptage :

_Dans la 3eme ligne vous pouvez lire : height:100pxheight -> est votre hauteur  100 -> la mesure appoter a celle ci
100 px est la hauteur d'une photo d'un contact +la barre online ...

_Dans la 4eme ligne vous pouvez lire : width:200pxwidth -> est votre largeure  200 -> la mesure appoter a celle ci
Les panels de gauche mesurent 500px et les panels de droite 200px de largeure.

_Dans la 4eme ligne vous pouvez lire : font:16pt Verdana : font -> veut dire écriture. nous alons donc, ici, modifier l'écriture de votre texte : 10pt -> correspond a la taille d'écriture et Verdana -> correspond à la forme d'écriture. 

*Cliquez ici pour voir  la liste des police d'écriture Microsoft

_Enfin, dans l'avant dernière ligne, vous pouvez lire : Entrez votre texte ici.! peut importe sa longueure, votre ascensseur le feras défiler...
vous pouvez donc effacer cette phrase et la remplacer par votre texte...

N'oubliez pas, les codes ce combine.... vous pouvez obtenir un texte plus fantaisiste en ajoutant quelques balises ;)

Commentaires (2)

1. PATENET Jacques 22/11/2011

Bonsoir,
Je n'en crois pas mes yeux !! un scrpit qui résoud mon problème et qui marche du premier coup.
Merci beaucoup

2. Dominique Guillaume (site web) 25/03/2009

Bonsoir,

Je vous remercie de vos codes et surtout pour celui ci qui me sauve la vie !
J'ai cherché longtemps comment faire une scroll box et l'insérer dans un menu vertical, en me tirant les cheveux...
trop compliqué ou ne marchait pas...
votre page et vos codes sont d'une simplicité et d'une efficacité redoutables.
Merci encore !!!
Belle soirée
Dominique

Ajouter un commentaire

Vous utilisez un logiciel de type AdBlock, qui bloque le service de captchas publicitaires utilisé sur ce site. Pour pouvoir envoyer votre message, désactivez Adblock.

Créer un site gratuit avec e-monsite - Signaler un contenu illicite sur ce site