Box Scroll: simplu, color, pentru imagini, cu chenar color si cu scroll orizontal

Box scroll basic

<div style="height:120px;width:250px;font:16px/26px Georgia, Garamond, Serif;overflow:scroll;">Textul tau aici </div>

Copiati codul de mai sus intrun fisier HTML/JavaScript sau, in postare, la edtitati HTML!  Rezultatul este acesta!!

Box scroll color

<div style="height:90px;width:160px;overflow:scroll;background-color:pink;">Textul tau aici</div>

Copiati codul de mai sus intrun fisier HTML/JavaScript sau, in postare, la edtitati HTML! Rezultatul este acesta!!

Box scroll pentru imagini

<div style="height:221px;width:330px;overflow:scroll;"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTUyrYYwmJsfDwFF5e3MIDbYfBMCNAyuR0BllQ4JRXd0UKOHhSpiVRMl8d-uqeA9if8wpW50uyCDarLZ9XWqWF_fvctKPCtNkVZJKl4aMi4Auulyx1fBmEBfEWn7VgM1bcfptvr0oZ58w/" border="0" width="330" height="221" alt="Sample picture for scroll box: Milford Sound, New Zealand" /><br /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTUyrYYwmJsfDwFF5e3MIDbYfBMCNAyuR0BllQ4JRXd0UKOHhSpiVRMl8d-uqeA9if8wpW50uyCDarLZ9XWqWF_fvctKPCtNkVZJKl4aMi4Auulyx1fBmEBfEWn7VgM1bcfptvr0oZ58w/" border="0" width="330" height="221" alt="Sample picture for scroll box: Franz Josef Glacier, New Zealand" /> </div>

Rezultatul este acesta de jos!
Modificati ce este scris cu roz in cod, cu adresele imaginilor dvs!

Box scroll cu chenar color

<div style="height:80px;width:180px;overflow:scroll;border:1px solid pink;">Textul tau aici</div>

Copiati codul de mai sus intrun fisier HTML/JavaScript sau, in postare, la edtitati HTML!  Rezultatul este acesta!

Box scroll orizontal

<div style="border:1px solid black;width:200px;height:100px;overflow-y:hidden;overflow-x:scroll;"> <p style="width:250%;">Textul tau aici</p> </div>

Copiati codul de mai sus intrun fisier HTML/JavaScript sau, in postare, la edtitati HTML! Rezultatul este acesta!!