Modificar el formulario de comentarios

Como habéis visto en mi blog, he cambiado el aspecto del nuevo formulario para comentarios de Blogger.

En realidad Blogger no nos permite hacerle demasiados cambios, ya que su código no se muestra dentro de la plantilla así que, como sucede con algunos otros de los elementos de Blogger, el formulario está controlado por Blogger.

A pesar de esto, algunos aspectos pueden modificarse usando CSS, por ejemplo es posible conseguir centrar el formulario, lo cual ya es bastante porque leyendo las consultas y emails recibidos desde ayer, veo que es la primera cosa que todos queréis modificar.

Como cada plantilla tendrá unas medidas y estética diferente, lo más fácil para todos creo que será mostraros el código CSS que estoy usando en El Escaparate, no creo que sea demasiado difícil el adaptarlo a las necesidades de cada uno.

Como os digo siempre y para evitar errores, colocaremos el código dentro de la plantilla justo antes de ]]></b:skin>.

[1] Algo así para centrar el formulario:

.comment-form {
margin:0px auto;
width:400px;
}

[2] Con esto añadimos las modificaciones en el título (Publicar un comentario en la entrada):

.comment-form h3 {
background:transparent url (Url_de_la_imagen) no-repeat scroll left 50%; color:#6998CA;
font-size:19px;
line-height:35px;
}

Si no vamos a colocar un icono delante del título, eliminamos la línea: background:transparent url(Url_de_la_imagen) no-repeat scroll left 50%;

color:#6998CA; El color del texto.

font-size:19px; Tamaño del texto.

line-height:35px; Ancho de la línea del texto, si nuestro icono tiene un ancho de 35px, por ejemplo, tendremos que poner aquí su misma medida para que no se vea cortado.

[3] Mensaje del formulario:

.comment-form p{
background-color:#EFEFF7;
color:#000;
border:1px solid #6998CA;
padding:10px;
width:375px;
}

background-color:#EFEFF7; Color de fondo.

color:#000; Color del texto.

border:1px solid #6998CA; Grosor, color y aspecto del borde.

padding:10px; Distancia del texto al borde de la caja.

width:375px; Ancho de la caja.

Si no vais a mostrar ningún mensaje a vuestras visitas, esta parte de código no es necesaria incluirla.

Quizá queráis ver como incluir un mensaje en el formulario de comentarios.