đHwww.oocities.org/es/chiki_588/0cuadro.htmlwww.oocities.org/es/chiki_588/0cuadro.htmlelayedxËqÔJ˙˙˙˙˙˙˙˙˙˙˙˙˙˙˙˙˙˙˙˙ȐGiç&OKtext/htmlpa2Hç&˙˙˙˙b‰.HFri, 15 Sep 2006 16:31:37 GMT‡Mozilla/4.5 (compatible; HTTrack 3.0x; Windows 98)en, *ËqÔJç& CUADRO CON FLECHAS

Cuadros con flechas

Hay muchos cuadros con flechas. Ahora pondré algunos ejemplos con sus códigos:
 
PARA INTRODUCIR LOS CODIGOS Y HACER VUESTROS RECUADROS, PULSAIS EL BOTON HTML, PEGAIS EL CODIGO DEL RECUADRO, VOLVEIS A PULSAR <HTML>, HACEIS DOBLE CLICK EN EL RECUADRO, Y ESCRIBIS LO QUE QUERAIS
 
PARA LOS CAMBIOS DE COLORES PODÉIS CONSULTAR EL TUTORIAL DE FORMATEO BASICO HTML QUE ESTÁ MÁS ABAJO
 
 

 

Este sería:

<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: 193px; SCROLLBAR-SHADOW-COLOR: #ffbbf1;  SCROLLBAR-3DLIGHT-COLOR: #ddaaff; SCROLLBAR-ARROW-COLOR: #b444ff; BORDER-BOTTOM: #000000 3px dashed; SCROLLBAR-DARKSHADOW-COLOR: #333366; HEIGHT: 220px; BACKGROUND-COLOR: #99FF99" align=center>
<P> XXXXXXXXXXXXXXXXXXXXXXXXXX </P></DIV>

 

BACKGROUND-COLOR es el color de fondo

SCROLLBAR--FACE-COLOR es el color de las flechitas

Y hay mas colores que podéis probar

 

 

 

Este sería:

 

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

 

También puedes probar a cambiar los códigos de los colores

 
 

 

NEGRA:  

 

<DIV align=center>
<DIV style="SCROLLBAR-FACE-COLOR: #000000; 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: 211px; BACKGROUND-COLOR: #000000; BORDER-RIGHT-COLOR: #ffffff" align=center>
<P>&nbsp;<P></P></DIV></DIV>

 

 ROJA: 

 

<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: 211px; BACKGROUND-COLOR: #ff0000; BORDER-RIGHT-COLOR: #ffffff" align=center>
<P>&nbsp;<P></P></DIV></DIV>

  

AZUL:  

 

 

<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: 211px; BACKGROUND-COLOR: #0000ff; BORDER-RIGHT-COLOR: #ffffff" align=center>
<P>&nbsp;<P></P></DIV></DIV>

 
Roza..

 

<DIV style="SCROLLBAR-FACE-COLOR: #ff66ff; BORDER-LEFT-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #333333; OVERFLOW: scroll; WIDTH: 511px; 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: 229px; BACKGROUND-COLOR: #cc00ff; BORDER-RIGHT-COLOR: #ffffff" align=center>
<P>&nbsp;
<P></P></DIV></DIV>

Selecciona este codigo y copialo entero   Para poner una imagen de fondo tenéis que poner este codigo después de los anteriores pero antes de </div>