Box con scroll

I codici che metto qui di seguito inseriti in modalità html vi permettono di inserire un box a scorrimento nei vostri spaces. Scegliete il tipo di box che più vi piace ma ricordate che potete modificare i valori dei colori (che sono quelli con il "cancelletto" davanti...), l'altezza (height)e la larghezza (width) dello scroll. Voi vedete le scrollbar viola perchè il mio sito è impostato con quei colori ma vi assicuro che se prelevate i codici, tranne che nel box nero, le scrollbar sono tutte neutre!!

 

Box con sfondo trasparente e bordi tratteggiati:
<DIV align=center>
<DIV>
<DIV style="BORDER-RIGHT: #ff00ff 2px dashed; BORDER-TOP: #ff00ff 2px dashed; OVERFLOW: scroll; BORDER-LEFT: #ff00ff 2px dashed; WIDTH: 150px; COLOR: #ff00ff; BORDER-BOTTOM: #ff00ff 2px dashed; HEIGHT: 100px" align=left>
<P align=center>scrivi qui</P></DIV></DIV></DIV>
I bordi tratteggiati sono solo una delle opzioni possibili, basta sostituire la scritta "dashed" con una di queste per avere altri effetti:
dotted   double   groove   hidden   inherit   inset   none   outset   ridge   solid
 
 
Box con sfondo colorato:
<DIV align=center>
<DIV style="BORDER-RIGHT: #cc0000 1px solid; BORDER-TOP: #cc0000 2px solid; SCROLLBAR-FACE-COLOR: #000000; SCROLLBAR-HIGHLIGHT-COLOR: #333333; OVERFLOW: scroll; BORDER-LEFT: #cc0000 1px solid; WIDTH: 150pt; SCROLLBAR-SHADOW-COLOR: #cc0000; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ff0000; SCROLLBAR-ARROW-COLOR: #aa0000; BORDER-BOTTOM: #cc0000 1px dashed; SCROLLBAR-DARKSHADOW-COLOR: #003333; HEIGHT: 100px; BACKGROUND-COLOR: #000000" align=center>
 
 
Box semplice (sfondo trasparente):
<DIV align=center><FONT face="Courier New, Courier, Monospace" color=#0000ff size=7>BOX SEMPLICE:</FONT></DIV></DIV>
<DIV align=center>
<DIV style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; OVERFLOW-Y: scroll; OVERFLOW-X: scroll; BORDER-LEFT: black 1px solid; WIDTH: 200px; BORDER-BOTTOM: black 1px solid; HEIGHT: 80px">
<TABLE cellSpacing=1 cellPadding=4 width="120%" border=0>
<TBODY></TBODY></TABLE></DIV></DIV>
 
Box con solo scroll verticale (sfondo trasparente):
<div style="width:100px;height:100px;overflow-y: scroll; border:;">SCRIVI QUI</div>

Back to HTML tutorials