Colocar Cuadros Desplegables en tu MSN Space

Colocar En cuadro con flechas al costado en tu MSN Space



Para poder colocar un cuadro como este

debemos agregar una nueva entrada y luego ir a



El editor De HTML de MSN Space



y activar la casilla de Utilizar HTML para crear la página.



o acer click en donde dice HTML

y pegar este codigo

Código:

 [/b]



</P>

<P align=center><FONT color=#6699ff></FONT></P>

<P align=center>[b]<FONT color=#ff00ff></P>

<DIV align=center>

<DIV style="BORDER-RIGHT: #6666ff 3px dashed; BORDER-TOP: #000000 3px dashed; SCROLLBAR-FACE-COLOR: #cc00cc; SCROLLBAR-HIGHLIGHT-COLOR: #cce9fd; OVERFLOW: scroll; BORDER-LEFT: #000000 3px dashed; WIDTH: 193px; SCROLLBAR-SHADOW-COLOR: #ffbbf1; COLOR: #ff88e7; SCROLLBAR-3DLIGHT-COLOR: #ddaaff; SCROLLBAR-ARROW-COLOR: #b444ff; BORDER-BOTTOM: #000000 3px dashed; SCROLLBAR-DARKSHADOW-COLOR: #333366; HEIGHT: 220px; BACKGROUND-COLOR: #00000f" align=center>



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

<DIV align=center>

Donde estan Las XXX devemos de poner todo el texto que deseamos o sino al desactivar la casilla de Utilizar HTML para crear la página. hacemos 3 clicks en el texto y tambien lo podemos modificar



*Al comienzo donde dice

SCROLLBAR-FACE-COLOR: #cc00cc;

es el color de las flechitas del costado



*al final donde dice

BACKGROUND-COLOR: #00000f"

Es el color del Fondo



*donde dice

COLOR: #ff88e7

Es el color de la letra...



Todos los demas colores. son de menor importancia pero tambien lo puedes cambiar solo cambiando de numero

por algunos de estos

desactiva la casilla de Utilizar HTML para crear la página selecciona Todo, copialo (Crtl + c ) y pegalo (Crtl + V) en tu blog de tu space.



publica la entrada..



listo ya podras ver los cambios aciendo click en vista previa de mi espacio

Colocar Un Cuadro Con borde Punteado en tu MSN Space sin Desbordarlo



Gracias a pajito


Para poder colocar un cuadro como este

debemos agregar una nueva entrada y luego ir a


El editor De HTML de MSN Space


y activar la casilla de Utilizar HTML para crear la página.

o

hacer click en donde dice HTML

y pegar este codigo

Código:

[/b]



</P>

<P align=center><FONT color=#6699ff></FONT></P>

<P align=center><FONT color=#ff00ff></P></FONT>

<DIV style="BORDER-RIGHT: #33cc00 3px dotted; BORDER-TOP: #33cc00 3px dotted; SCROLLBAR-FACE-COLOR: #000000; SCROLLBAR-HIGHLIGHT-COLOR: #0099ff; OVERFLOW: auto; BORDER-LEFT: #33cc00 3px dotted; WIDTH: 163px; SCROLLBAR-SHADOW-COLOR: #33cc00; SCROLLBAR-3DLIGHT-COLOR: #33cc00; SCROLLBAR-ARROW-COLOR: #33cc00; BORDER-BOTTOM: #33cc00 3px dotted; SCROLLBAR-DARKSHADOW-COLOR: #0099ff; SCROLLBAR-BASE-COLOR: #000099; HEIGHT: 117px">



XXXXXXXXXXX</DIV>



</P>

Donde estan Las XXX devemos de poner todo el texto o imagen que deseamos o sino al desactivar la casilla de Utilizar HTML para crear la página. hacemos 3 clicks en el texto y tambien lo podemos modificar



* Para cambiar el color del recuadro devemos cambiar :


BORDER-RIGHT: el borde de la Izquierda

BORDER-TOP: el borde de Arriba

BORDER-LEFT: el borde de la Derecha

BORDER-BOTTOM: el borde de Abajo



Pues bien si no les gusta como se ven los bordes punteados ay que cambiar la propiedad dotted por alguna otra:

none/ dotted/ dashed/ solid/ double/ groove/ ridge/ inset/ outset


none - No pone lineas

dotted - Linea de puntitos

dashed - Liena punteada

solid - Linea solida

double - Doble linea

groove - Un como marco

ridge - Otro margen solido yo lo veo igual que el solid pero bueno

inset - Estilo boton con la sombra por arriba

outset - Estilo boton con la sombra por abajo


y con background-color pueden poner un color de fondo al cuadro

background-color:#0000FF pone fondo azul


Y cualquier cambio q desemos hacer.. podemos cambiarlo con la lista de colores de mas arriba


desactiva la casilla de Utilizar HTML para crear la página selecciona Todo, copialo (Crtl + c ) y pegalo (Crtl + V) en tu blog de tu space.


publica la entrada..


listo ya podras ver los cambios aciendo click en vista previa de mi espacio