Personaliza tu caja de comentarios (Formulario)

Gracias chic@s por los mail y a los que me han estado preguntando sobre como hacer este truco, se me dio poquito tiempo libre y aproveche para hacer de rapidin este tuto ..n.n!!

Para ver el efecto da clic en comentarios de esta misma entrada o la que gustes ^v^

Sigue los siguientes pasos:

Entra a tu blog

Ve a Diseño >> Edicion de HTLM >> Editar plantilla y "expandir Artilugios"

Busca el siguiente codigo (pulsa CTRL+F) para busqueda mas rapida

<div class='comment-form'>

Remplaza el codigo anterior con este codigo:

<div id='comment-form'>

Ahora busca:

]]></b:skin>

Copia el siguiente codigo y pegalo justo arriba de ]]></b:skin>

#comment-form iframe{
background:#ffffff url(URL PRIMER FONDO) ;
border:5px solid #FF66CC;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#7EB2AC;
width:450px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
}
#comment-form iframe:hover{
background:#ffffff url(URL SEGUNDO FONDO);
border:5px solid #FF66CC;
}
#comment-form a{
color:#7EB2AC;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
}

Explicando teCnisismos:

En la linea: border:5px solid #FF66CC;

Border 5px .- es el ancho del borde de tu cajita (yo la tengo en 3px)
Solid.- es el tipo de borde puede ser dotted, dashed etc.
#FF66CC.- es el color que quieres que tenga tu borde

Ahora solo remplaza donde dice URL DE FONDO por la url o direccion del fondo que prefieras y guarda ^^

Si no te funciona entonces busca este codigo:

/* ----- COMMENT ----- */

y pega el codigo anterior justo abajo de el ^^

NOTA: En caso de no encontrar los codigos es porque algunas plantillas son diferentes *.*!!