COLOCAR UN CUADRO FLOTANTE CON SCROLLBOARD

 

Bueno aquí les dejo algunos estilos de cuadros

 

CUADRO 1:
<DIV align=center>

<DIV style="SCROLLBAR-FACE-COLOR: black; BORDER-LEFT-COLOR: red; BORDER-BOTTOM-COLOR: red; SCROLLBAR-HIGHLIGHT-COLOR: black; OVERFLOW: scroll; WIDTH: 265px; SCROLLBAR-SHADOW-COLOR: white; COLOR: #ff88e7; SCROLLBAR-3DLIGHT-COLOR: #ddaaff; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: red; SCROLLBAR-ARROW-COLOR: #99cc33; BORDER-RIGHT-STYLE: ridge; SCROLLBAR-DARKSHADOW-COLOR: white; BORDER-LEFT-STYLE: ridge; HEIGHT: 130px; BACKGROUND-COLOR: darkblue; BORDER-RIGHT-COLOR: red; BORDER-BOTTOM-STYLE: ridge" ;><FONT face=tahoma color=#99cc33 size=2><STRONG>

<P align=center>AQUI EL TEXTO</P></DIV></DIV></FONT></STRONG>

 

AQUI EL TEXTO

 

 

 

 

 

CUADRO 2:

<DIV align=center>

<DIV style="BORDER-RIGHT: #6666ff 3px dashed; BORDER-TOP: #000000 3px dashed; SCROLLBAR-FACE-COLOR: #00ff66; SCROLLBAR-HIGHLIGHT-COLOR: #cce9fd; OVERFLOW: scroll; BORDER-LEFT: #000000 3px dashed; WIDTH: 292px; SCROLLBAR-SHADOW-COLOR: #ffbbf1; SCROLLBAR-3DLIGHT-COLOR: #ddaaff; SCROLLBAR-ARROW-COLOR: #b444ff; BORDER-BOTTOM: #000000 3px dashed; SCROLLBAR-DARKSHADOW-COLOR: #333366; HEIGHT: 119px; BACKGROUND-COLOR: #99ff99" align=center>

<P align=center>AQUI TU TEXTO</P></DIV></DIV>

 

AQUI TU TEXTO

 

 

CUADRO 3:

<DIV align=center>

<DIV style="BORDER-RIGHT: #000000 3px dashed; BORDER-TOP: #000000 3px dashed; SCROLLBAR-FACE-COLOR: #000000; SCROLLBAR-HIGHLIGHT-COLOR: #666666; OVERFLOW: scroll; BORDER-LEFT: #000000 3px dashed; WIDTH: 248px; SCROLLBAR-SHADOW-COLOR: #666666; COLOR: #666666; SCROLLBAR-3DLIGHT-COLOR: #666666; SCROLLBAR-ARROW-COLOR: #000000; BORDER-BOTTOM: #000000 3px dashed; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 100px; BACKGROUND-COLOR: #000000" align=center>

<P align=center>&nbsp;</P>

<P align=center><FONT color=#ffffff>AQUI EL TEXTO</FONT></P></DIV></DIV>

 

 

 

AQUI EL TEXTO

 

 

 

CUADRO 4:

<P></STRONG>
<P></P>
<P align=center><STRONG><FONT color=#ff0000></FONT></STRONG></P>
<P align=center><STRONG><FONT color=#ff00ff></P></FONT></STRONG>
<DIV style="BORDER-RIGHT: #ff0000 3px dotted; BORDER-TOP: #ff0000 3px dotted; SCROLLBAR-FACE-COLOR: #ffff00; SCROLLBAR-HIGHLIGHT-COLOR: #ff0000; OVERFLOW: auto; BORDER-LEFT: #ff0000 3px dotted; WIDTH: 495px; SCROLLBAR-SHADOW-COLOR: #ff0000; SCROLLBAR-3DLIGHT-COLOR: #ff0000; SCROLLBAR-ARROW-COLOR: #ff0000; BORDER-BOTTOM: #ff0000 3px dotted; SCROLLBAR-DARKSHADOW-COLOR: #0099ff; SCROLLBAR-BASE-COLOR: #ff0000; HEIGHT: 170px">
<P align=center>&nbsp;</P>
<P align=center>&nbsp;<FONT color=#ff3333>AQUÍ EL TEXTO </FONT></P></DIV>

 

 

 AQUÍ EL TEXTO

 

 

 

 

CUADRO 5:

<DIV style="BORDER-RIGHT: #000000 3px dashed; BORDER-TOP: #000000 3px dashed; SCROLLBAR-FACE-COLOR: #cc00cc; SCROLLBAR-HIGHLIGHT-COLOR: #cce9fd; OVERFLOW: scroll; BORDER-LEFT: #000000 3px dashed; WIDTH: 498px; SCROLLBAR-SHADOW-COLOR: #ffbbf1; COLOR: #ff88e7; SCROLLBAR-3DLIGHT-COLOR: #ddaaff; SCROLLBAR-ARROW-COLOR: #b444ff; BORDER-BOTTOM: #000000 3px dashed; SCROLLBAR-DARKSHADOW-COLOR: #3e8f7e; HEIGHT: 184px; BACKGROUND-COLOR: #990000" align=center>
<P align=center><FONT color=#000033></FONT>&nbsp;</P>
<P align=center><FONT color=#000033>AQUÍ EL TEXTO</FONT></P></DIV></DIV>
<DIV align=center>&nbsp;</DIV>

 

 

AQUÍ EL TEXTO

 

 

 

 

 

 

CUADRO 6:

<DIV align=center>

<DIV style="SCROLLBAR-FACE-COLOR: #ff0000; BORDER-LEFT-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #333333; OVERFLOW: scroll; WIDTH: 259px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ffffff; BORDER-BOTTOM: #ffffff 1px dashed; BORDER-RIGHT-STYLE: ridge; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; BORDER-LEFT-STYLE: ridge; HEIGHT: 88px; BACKGROUND-COLOR: #ff0000; BORDER-RIGHT-COLOR: #ffffff" align=center>

<P>AQUI EL TEXTO&nbsp;

<P></P></DIV></DIV>

 

 

AQUI EL TEXTO 

 

CUADRO 7:

<DIV align=center>

<DIV style="SCROLLBAR-FACE-COLOR: #0000ff; BORDER-LEFT-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #333333; OVERFLOW: scroll; WIDTH: 259px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ffffff; BORDER-BOTTOM: #ffffff 1px dashed; BORDER-RIGHT-STYLE: ridge; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; BORDER-LEFT-STYLE: ridge; HEIGHT: 104px; BACKGROUND-COLOR: #0000ff; BORDER-RIGHT-COLOR: #ffffff" align=center>

<P>AQUI EL TEXTO&nbsp;

<P></P></DIV></DIV>

 

 

AQUI EL TEXTO 

 

 

 

CUADRO 8:

<DIV align=center>

<DIV style="BORDER-RIGHT: #00ffff 2px solid; BORDER-TOP: #00ffff 2px solid; OVERFLOW: scroll; BORDER-LEFT: #00ffff 2px solid; WIDTH: 237px; BORDER-BOTTOM: #00ffff 2px solid; HEIGHT: 107px; BACKGROUND-COLOR: #000000" align=center>

<DIV align=center>AQUI EL TEXTO</DIV></DIV></DIV>

 

 
 
AQUI EL TEXTO

 

 

CUADRO 9:

<TABLE cellSpacing=0 cellPadding=0 align=center border=0>

<TBODY>

<TR>

<TD><IMG style="WIDTH: 443px; HEIGHT: 22px" height=22 src="http://img104.imageshack.us/img104/5261/tabla0hn.gif" width=100> </TD></TR>

<TR>

<TD>

<DIV style="BORDER-RIGHT: white 2px solid; BORDER-TOP: white 2px solid; SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; BORDER-LEFT: white 2px solid; WIDTH: 442px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #000000; BORDER-BOTTOM: white 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 87px; BACKGROUND-COLOR: #ffffff" align=left>

<P align=center><FONT color=#000000 size=5>AQUI EL TEXTO</FONT></P>

<P align=center>&nbsp;</P></DIV><IMG style="WIDTH: 442px; HEIGHT: 9px" height=14 src="http://img481.imageshack.us/img481/5971/tabla24jj.gif" width=100></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

 

AQUI EL TEXTO

 
 

 

SOLAMENTE PARA COLOCARLE UNA IMAGEN DE FONDO A UNO DE ESTOS CUADROS SE DEBE COLOCAR ANTES DEL </DIV> EL SIGUIENTE CODIGO:

 

<img src=”URL DE LA IMAGEN”><DIV style="FLOAT: left; WIDTH: 558px">XXXXXXXXXX</div>

 

 

 

CUADRO TIPO PIZARRA PARA TU SPACE

 

<DIV align=left>
<DIV style="BORDER-RIGHT: #cc9900 6px ridge; BORDER-TOP: #cc9900 6px ridge; FONT-SIZE: 9pt; Z-INDEX: 1; LEFT: 10px; OVERFLOW: visible; BORDER-LEFT: #cc9900 6px outset; WIDTH: 356px; LINE-HEIGHT: 10pt; BORDER-BOTTOM: #cc9900 6px inset; TOP: 296px; HEIGHT: 203px; BACKGROUND-COLOR: #336600" align=left>
<P align=left>&nbsp;</P></DIV></DIV>
<DIV align=left>
<DIV style="BORDER-RIGHT: #cc9900 6px ridge; BORDER-TOP: #cc9900 0px ridge; Z-INDEX: 1; LEFT: 9px; BORDER-LEFT: #cc9900 6px outset; WIDTH: 356px; BORDER-BOTTOM: #cc9900 6px ridge; TOP: 423px; HEIGHT: 25px; BACKGROUND-COLOR: #996633" align=left>
<P align=center><FONT face=細明體><B><FONT color=#99ccff>/&nbsp; </FONT><FONT color=#ffffff>/　</FONT><FONT color=#ff99ff>/　</FONT><FONT color=#ffff00>/　</FONT></B><FONT color=#c2ff86><B>/　</B></FONT><FONT face=細明體 color=#99ccff><B>　　　　</B></FONT><FONT face=標楷體 color=#663300>██</FONT></FONT></P></DIV></DIV>

 

 

 1 + 1 = 2

 

HOLA, COMO ESTAN???

 

 

/  /　/　/　/　　　　　██

 
Para conseguir colocar la pizarra tienes que abrir una entrada de blog, darle click a la casilla <HTML> y pegar logicamente código. Posteriormente, vuelves a darle click a  la casilla HTML y luego en vista previa para observas tu pizarra y listo solo falta que escribas sobre ella (dandole doble click a la pizarra) y publiques la entrada ya está todo listo para disfrutes de ella en tu space.

 

 

 

Leanyla12

Hosting Gratis Unlugar.com
 

©2006 Leanyla12. Todos los derechos reservados   Avisos legales