|
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> <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> <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> <P></P></DIV></DIV>
Para poner una imagen de fondo tenéis que poner este codigo después de los anteriores pero antes de </div>
<img src=SRC DE LA IMAGEN><DIV style="FLOAT: left; WIDTH: 558px">XXXXXXXXXX</div>
Agur ;)
|
