92

Color de fondo en los comentarios

Recuerda
que aunque yo pruebe los "trucos"
Antes de hacer ningún cambio
GUARDA SIEMPRE TU PLANTILLA
Nunca es seguro
que todo salga bien...
Me solicita Jabba que explique la forma de hacer que los comentarios tengan un fondo de color, es decir, que se vean más o menos como los del Escaparate.

La forma de conseguir este efecto no es muy complicada, solo hemos de añadir unas líneas en el CSS de nuestra plantilla según el color que queramos conseguir.

Antes de empezar nos vendrá bien tener a mano una Tabla de Colores Hexadécimales.


[1] Nos dirigimos a la parte de editar el HTML de nuestra plantilla.
Buscamos el siguiente codigo (he tomado como referencia mi plantilla, la Mínima Lefty):

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

[2] Una vez localizado el código, lo sustituimos por este otro (es el que usaba antes en El Escaparate, muy parecido al actual aunque con distintos colores):

/* Comments
----------------------------------------------- */
#comments {
margin:0;
}
#comments h4 {
margin:0 0 10px;
padding-top:.5em;
line-height: 1.4em;
font: bold 110% Georgia,Serif;
color:#333;
}
#comments-block {
line-height:1.6em;
}
.comment-author {
background: #ffffff;
margin:.5em 0 0;
padding:0 0 0 20px;
font-weight:bold;
}
.comment-body {
background: #EFEFF7;
border: 1px dashed #DDDDDD;
margin:0;
padding:7px 7px 7px 7px;
}
.comment-body p {
margin:0 0 .5em;
}
.comment-body-author{
background:#C0C0C0;
margin:0;
padding:7px 7px 7px 10px;
}
.comment-body-author p {
font-size:105%;
margin:0 0 .2em 0;
color:#ffffff;
text-decoration:bold;
}
.comment-footer {
background:#993333 ; margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#996;
}
.comment-footer a:link {
color:#ffffff;
}
.deleted-comment {
font-style:italic; color:gray;
}

Este código podemos cambiarlo como nos parezca para lograr el color de fondo que más nos guste.

Vamos por partes:

[1] El .comment-author { es donde pone "Rosa dijo" podemos cambiar el color de fondo, yo tengo #ffffff lo que hace que se vea el fondo blanco.
Tambien he cambiado el código para que el texto se vea en negrita: font-weight:bold; pero puede ponerse normal.

[2] El .comment-body { es la parte donde está el texto que escribimos en los comentarios, aquí también podemos cambiar el color igual que antes.
En mi caso, he añadido un borde punteado alrededor: border: 1px dashed #DDD;
podemos eliminarlo borrando esa línea, cambiar su color en #DDD e, incluso hacer que sea solido, cambiando "dashed" por "solid".

[3] El .comment-footer { es donde vemos la fecha de publicación del comentario, cambiaremos el color por el que queramos.

En el código también está incluido la distinción del autor, es decir, el autor del blog (Rosa en este caso) aparece en un color distinto al de los demás comentaristas.

Esto servirá como orientación para conseguir los cambios que se precisen, lo mejor es hacerlo en una plantilla de pruebas e ir comprobando como va quedando paso a paso.

En algunos casos el código de /* comments---/* no aparece en la plantilla ya que los comentarios se adaptan directamente al estilo del blog, es el caso de algunas plantillas adaptadas para Blogger.
Colocaremos entonces el código tal cual en el CSS ,antes de ]]></b:skin>.

Entradas Relacionadas:

92 comentarios:


illari

q genial q exista un blog para ayudar a los demas a hacer sus blogs... ojalá puedas resolver mi gran incognita: cómo inserto una foto en el perfil?

Anónimo

Excelente tutorial. Más claro imposible. En cuanto disponga de unos minutos me pongo a ello y te cuento que tal me ha ido. Muchas Zenkius!!

Anónimo

He aquí haciendo gala de mi ignorancia con el HTML. Lo he intentado pero no encuentro ese fragmento de codigo. No hay nada de comments por ningún lado. Hay cantidad de cosas que no se que serán y que seguro que serán algun sinónimo de ésto, pero vamos ni idea...

Anónimo

Jabba...¿has leído el post completo? Creo que no...fijate en el último parrafo:
En algunos casos el código de /* comments---/* no aparece en la plantilla ya que los comentarios se adaptan directamente al estilo del blog, es el caso de la plantilla de Jabba (de Blog and Web) y no se si servirá en todos los casos, pero en esa en concreto he probado sencillamente pegando el código tal cual en el CSS y funciona perfectamente.

Jabba

(...) Mea culpa... Lo siento. La cosa es que si que lo he leido pero no se porque lo pasé por alto luego (debe ser que tanto estudiar me mata neuronas). De todas formas creo que no se que es el CSS. Bueno sí se que el CSS (Cascading Style Sheets, CSS) son un lenguaje formal usado para definir la presentación de un documento estructurado escrito en HTML o XML (y por extensión en XHTML). El W3C (World Wide Web Consortium) es el encargado de formular la especificación de las hojas de estilo que servirá de estándar para los agentes de usuario o navegadores. O mejor dicho, eso lo sabe la wikipedia, que es donde me he ido al leer eso de CSS jeje.

Yo he plantado el codigo ahi tal cual dentro de mi cuadro de HTML dentro de la parte que segun entiendo es la correspondiente al formato del blog y nada.

Anónimo

Jabba, prueba a colocarlo JUSTO ANTES de /*-- (Lateral) --*/

Ten en cuenta que no se ve en "vista previa" así que si lo aplicas en tu blog real (no en uno de pruebas) controla bien donde está el código para poder borralo luego si algo va mal...
Pero yo he descargado el template de Blog and Web, y lo he hecho así y me funcinó...

Jabba

Jujujujujuju, ¡¡Por fin!! :D. Muchas gracias Rosa. Ya tengo mis comentarios mucho mas bonitos xD. Oye esta te la debo, bueno y la otra, (y las que aun puedan quedar por venir) jeje. Si necesitas algo en lo que pueda ayudarte ya sabes donde encontrarme ;).

mmmmm

Buenos días Rosa,

Primero, quiero agradecerte la cantidad de ideas y de ayuda que nos ofreces a los bloggeros más dummies. En segundo lugar, quería preguntarte una cosa. En su momento, seguí tus consejos para que en la columna lateral se vieran los últimos mensajes publicados, pero al añadir estos nuevos códigos en plantilla, se me ha desajustado el feed de los comentarios... ¿Te pasó a ti? ¿Qué me recomendarías hacer?

Gracias por anticipado, tanto si puedes resolverme la duda como si no. Felicidades por tu blog,

mmmmm

Aclaración: con "estos nuevos códigos" me estoy refiriendo, claro está, a los que atañen a esta entrada del blog, a los colores en los comentarios ;)

Anónimo

Hola petisuis!

No tiene nada que ver...
Supongo que lo que te pasa es que en ultimos comentarios solo sale el nombre del autor, sin texto, ni link, ni nada ¿no es así?
Si es esto lo que dices, está pasando en general en todos los blogs que usan ese sistema a través de los feed de Blogger, y es a causa de Blogger precisamente.
Ya ha pasado otras veces y ha estado así unos días.
A mi no me pasa porque estoy usando otro sistema, un script que explico en mi penultima entrada publicada (la puedes ver en la página principal del Escaparte en segundo lugar).
¡Un saludo!

mmmmm

¡¡Cierto, cierto!!

La verdad es que me he dado cuenta justo después de hacer la modificación, y al tratarse del mismo tema (comentarios) instintivamente los relacioné. Acabo de ver tu entrada sobre los feeds, voy a ello ahora mismo).

Muchísimas gracias (por tu blog, por tus consejos y por la velocidad de tu respuesta)

¡Saludos!

Ignacio

Hola, soy Ignacio, quería saber como hacer para que cuando dejen un comentario aparezca la imagen del perfil de quien deja el comentario, como aparece en tu blog. La verdad es que no pude conseguirlo.
Gracias y saludos

Ignacio

( Nati )

Hola Rosa!
Otro truco que me ayudo y funciono!
Mil gracias por la tan clara explicacion!
Besos!

Dreds

rosa queria saber como cambio de color la letra de dreds dijo....

ya que quiero poner esa parte en un fondo negro con letras blancas

pero las letras me salen de color azul fuerte y no se distingue

en cambio las letras de otros usuarios si salen blancas

solo las del autor salen negras

bueno muchas gracias

Anónimo

Dreds, prueba colocando en:
.comment-author {

color: #fff;

Anónimo

Me sivio muchoi tu ayuda....muchas gracias.......

Anónimo

Hola Rosa:

De los link que me enviaste opté por hacer uso de este; pienso que es el que más le conviene al "Mono de la Pila".

De todas maneras tengo un par de preguntas por hacer (como viste, el "Mono" está hecho para ser un blog de "quejas", así que quisiera saber un par de cosas:

1. ¿Cómo puedo modificar el término "comentarios", precisamente por el de "quejas".

2. ¿Cómo puedo cambiar el link que me dice "publicar un comentario en la entrada por"... "quéjate aquí" (o algo parecido)?

3. ¿Puedo eliminar el cuadrito que me sale con la fecha y la hora del comentario?, y

4. ¿Cómo puedo agregar el número de "comentario" tal y como aparece justamente en el Escaparate?

Rosa, es eso, espero no molestarte demasiado con mis constantes inquietudes.

Un abrazo acompañado de mi admiración y cariño para ti.

Anónimo

:D Carlos Javier, tu no "disparas" preguntas...directamente usas la metralleta, ja,ja,ja.

A ver...creo que no he visto tu blog, siempre publicas sin el perfil y no he podido hacerlo, por lo que dices, parece ser que en alguna ocasión me has dado la dirección...pero o tu estas confundido :-X o yo no me acuerdo :-$

Vamos por partes...lo de la numeración de los comentarios aún no lo he explicado...así que tendrás que tener paciencia, claro que si te corre mucha prisa, en Vagabundia lo tiene Jmiur explicado de maravilla :-)

Lo de cambiar el "publicar un comentario en la entrada" lo tienes pinchando arriba en la pestaña "comentarios" del menú...

Lo del cuadradito que dices no se a que te refieres...tal vez viendo el blog lo sabría.

Para cambiar "comentarios" por lo que sea, te sitúas en la parte de editar de nuestra plantilla (donde añadimos nuevos elementos), y en la caja de entradas, pinchas en "editar" una vez allí, cambias el texto de comentarios por el que quieras mostrar.

Anónimo

jejejejeje... lo se, lo se, perdóname, pero es que esto de aprender cada día algo más sobre diseño de blogs me tiene muy emocionado (y tengo que admitir, con todo el gusto del mundo, que en buena parte es gracias a lo mucho que he aprendido gracias a ti).

Te paso la dire del blog del "Mono de la Pila": www.monodelapila.blogspot.com

Listo, lo de cómo numerar los comentarios lo buscaré en vagabundia como me recomiendas.

Seguiré tus indicaciones también para cambiar lo de la expresión "comentarios".

Y en cuanto al "cuadradito"...jejejeje, bueno, es justo el mismo que aparece en el foot de los comentarios del Escaparate (el de la fecha y hora del comentario), quiero saber si se puede quitar (estuve trabajando en el código este fin de semana, pero no di pie con bola).

Gracias por la respuesta. Me hace muy feliz poder hablar contigo y aprender permanentemente de ti.

Un abrazo.

Anónimo

Hola Rosita, de nuevo yo por aquí: "el ametrallador"... jajajajajaja. Te cuentoque las cositas que te preguntaba más atrás ya pude resolverlas. Siguiendo esta entrada logré darle una mejor imagen a los comentarios, y con el post de vagabundia que me recomendaste pude poner el script para numerar los comentarios.

Pero ahora tengo otra cosita más... tu perdonarás (jejejejeje).

No se si hayas entrado al blog, te respito la dire: www.monodelapila.blogspot.com. Si te fijas en la sidebar, puse un banner a una "sección" que se llama "Gente que hace las cosas bien". El asunto es que el link para poder dejar un comentario en esta "subpágina", es tal cual el mismo que el de las demás: "deja aquí tu queja". ¿Podría ser que para esta "sección" en particular, el link dijera algo distinto?¿sepodría conseguir mediante un script o algo parecido?

Ah... como verás, la dicha sección no podría empezar de otra forma que no fuera reconociéndote justamente a ti.

Mil gracias,y perdona lo extenso del comentario.

Un fuerte abrazo.

Anónimo

Carlos, pues te diría que no se puede, pero tal vez no estaría acertada, así que mejor te digo que yo no tengo idea de como hacerlo.:-(

Normalmente la gente cuando quiere hacer algo así, es decir, que este incluido en el blog y al mismo tiempo sea algo independiente, como una página de favoritos, por ejemplo, suelen crear un nuevo blog y enlazarlo...

Anónimo

Hola, Rosa, aquí estamos de nuevo.

Lo primero pedirte perdón si esta consulta debiéramos hacerla en otro sitio, pero nos parece el más aproximado de los que hemos encontrado. Allá vamos:

Estamos intentando en un blog de pruebas modificar la parte de los comentarios en la que tú pones "Pincha aquí para hacer un comentario" poniendo una imagen de fondo. Estamos poniendo el siguiente código:

#comment-label {
position: relative;
margin: 40px 0 1px 0;
padding: 5px 5px 5px 22px;
width: auto;
color: #FF9933;
font-size: 12px;
background: #0F181F url(http://imagen.gif);


pero no sólo no surte efecto sino que además nos descoj... perdón, descabala otras zonas de la página.

Por si te sirve de pista, la plantilla es una Denim. Si quisieras verla, haz el favor de darnos un toque porque no lo tenemos publicado.

Como siempre, gracias y saludos,

Max & Birrax.

Anónimo

Perdón, perdón, enviamos este otro comentario porque se nos olvidó marcar la casilla de enviar correo de seguimiento, perdón, perdón.

Max & Birrax.

Anónimo

Max & Birrax, el problema en esta ocasión es que esa parte es una de las que Blogger controla directamente, así que no puede controlarse con CSS :-(

Hay que hacerlo directamente en la plantilla.
Os dejo el enlace donde lo explico.
¡Suerte!

Anónimo

Gracias, Rosa, y perdona a estos zotes que ya no saben ni buscar.

Te decimos algo ¿okis?

Gracias otra vez y más saludos,

Max & Birrax.

Patán

Como siempre utiles tus ayudas....me embarre el blog y tuve que cambiar la plantilla completa..

saludos..

Anónimo

Patán , pero que pena :-( aunque ya veo que enseguida has conseguido una muy chula ;-)

Gama

hola rosa, la verdad es que no me a salido bien, especificamente no me a salido que se distinga el autor del blog de los demas comentaristas, intente incluso con el codigo del escaparate jejeje, pero nada, lo que si pude fue cambiar el color y el relojito que tienes tambien aparecio, y ya que te "robe" tu codigo pues tampoco me aparecieron los iconos al lado del nombre del comentarista, donde pone "ROSA OPINO", bueno gracias por todo el apoyo que nos das y ojala me puedas ayudar, esto lo hize en una plantilla minima dark de prueba.

Anónimo

Gamaxl, no todo es tan sencillo como copiar del código fuente, es más, aunque yo explique la forma de hacer algunas cosas, a menudo empleo distintos sistemas para lograr lo mismo que explico en mi blog.

Todos esos cambios en la zona de comentarios, están explicados en distintas entradas arriba en el menú, donde dice "comentarios".

Anónimo

Me funcionó perfectamente :D
Muchas gracias por todo Rosa, eres la mejor jejeje

Unknown

Hola Rosa
Como siempre dando vueltas por tu blog para incorporar algunas de las excelentes innovaciones que presentas,no encuentro como diferenciar el color de los comentarios,es decir,uno para los que comentan y otro parael autor del blog,si puedes ayudarme te gradezco desde ya

Anónimo

Aviber, creo que es esto lo que buscas:
http://elescaparatederosa.blogspot.com/2007/11/destacar-los-comentarios-del-autor-del.html

Anónimo

Grupo Dinamo, prueba añadiendo el color en:
.comment-body p {
margin:0 0 .5em;
}

Nathan yo

RosaNecesito ayuda puedes decirme cómo puedo usar esto pero con imagenes es decir la parte de arriba una imágen los lados otras y abjao otra así como este EJ Mira los comets de abajo espero que me puedas ayudar

Vicky

Gracias de nuevo por esta referencia. Ya lo estoy probando en uno de los blogs.

ana

Se que tendrás pesadillas conmigo Rosa por ser tan preguntona, pero esque quiero poner esto y por más que lo intento de una y otra y otra forma no da resultado, quiero poner fondo verde donde pone "Ana dijo" pero no hace efecto, ya he añadido el "background:#FF0000; y nada, lo he intendado con todos los colores que se pueden variar y el unico que no cambia es el de "Ana dijo" y es como si no pusiera nada en el background, que podra ser? Gracias de nuevo Rosa.
http://pruebadqq.blogspot.com/2009/05/descargar-star-trek-xi-alta-calidad.html
Miralo aqui

Anónimo

ana Has de cambiar el background en :
.comment-author {

ana

SI, si lo puse, tengo puesto esto:

.comment-author {
background:#FF3300
margin:.5em 0 10px;
padding:0 0 0 20px;
font-weight:bold;
}

Pero no cambia el color, no se que pasa, no hace efecto

Anónimo

ana Si lo has puesto tal como se ve ahí, no es correcto, falta el punto y coma de cierre detrás de:
background:#FF3300

ana

ya ya, al copiar se me fue coger eso, pero si que lo lleva, pero bueno Rosa da igual, mi plantilla es cabezona y no quiero hacer cosas

ana

Hola Gema, una cosa: el caso es que la hora del comentario no solo se muestra si eres tu el que escribe el comentario, o sea, solo ves la fecha del comentario que tu escribes, a que puede ser debido??

ana

Uii Gema, jejeje perdón Rosa, me confundi, estaba viendo un tutorial de ella y me lie

Anónimo

ana ¿Solo ves la fecha en tus propios comentarios? :S ...ni idea, si no es un fallo de Blogger no se que será. Tendría que verse en todos:O

Theemilio_crazy

Rosa, Gracias por esto, Pero eno logro cambiar el Fondo Negro de coment author, El color que me sale es Negro y yo no uso ningun color negro para esto y aun asi me sale como fondo de mis comentarios...espero que me puedas ayudar :D

Anónimo

Theemilio_crazy Revisa como has puesto lo de numerar los comentarios, porque te sale el numero doble... algo has hecho mal que esa zona está dañada...

Theemilio_crazy

No creo que sea eso por que quite lo de la numeracion de comentarios y aun sigue el problema.

Anónimo

Theemilio_crazy Si, sabía casi seguro que eso no era, pero antes de lanzarme a decirte nada, pensé que lo mejor era arreglar esa parte que tenías mal...

Has añadido el código para distinguir tus comentarios del resto, así que tus propios comentarios llevan una clase, como no has puesto ningún CSS para esa clase, salta el "error" y tus comentarios se ven sin fondo...

Tendrías que añadir en la zona donde está el resto del CSS de los comentarios, algo así:

.blog-author-comment {
margin:.25em 0 0;
}
.blog-author-comment p {
margin:0 0 .75em;
padding:5px 10px;
border:1px dotted #254117;
background:#dccdc;
}

Ya sabes, en background pones el color de fondo que necesites para tus propios comentarios.

Theemilio_crazy

Muchas Gracias Rosa, Si me funciono :D

Dorian Hawkmoon

Hola Rosa, muy buen blog.

Ando mirando todos tus posts (trabajo que me queda!!) porque voy a ver si lanzo un blog y me resultas de muchísima ayuda.

De momento sólo tengo una duda/problema, en .comment-author { puse para que me saliera un fondo rojo, con la letra de negro y en negrita, y me sale asi, el problema es que como el nombre es un link a mi perfil pues el color ya no se lo cambia y le deja el que puse para todos los links del blog (el "dijo..." si cambia de color)

¿algún código en especial para ese link concreto? no me sirve el "color:#000000;" y no quiero cambiar el de los demás comentarios porque si no no se verian con el fondo negro.

Gracias por el tiempo tomado para leer este comentario. (y perdón por hacerlo largo)

Anónimo

Dragon Negro
Prueba añadiendo en el css algo así:
.comment-author a:link{
color: #ffffff;
}
Cambiando el código del color por el tuyo.

Dorian Hawkmoon

Funciona perfectamente, muchas gracias :P

Feliz Navidad y año nuevo :)

Anónimo

Dragon Negro Feliz Navidad y año nuevo :D

Míriam y Josep

Hola Rosa,
Ante todo, dejame felicitarte por tu ayuda. He aprendido mucho en tu blog gracias a tus magnificas explicaciones y ayudas.
Te cuento mi consulta: Estoy intentando personalizar los comentarios. En este post explicas cómo cambiar el color de los comentarios pero he utilizado tus explicaciones para colocoar una cajita tal y como tienes tu puesta. Como puedes ver en mi blog, http://brujuladelviajero.blogspot.com/2009/12/full-moon-party-en-koh-phangan.html los comentarios salen ordenados por números y no se distinguen bien el uno del otro. Como puedo hacer una cajita similar a la tuya para que parezca más ordenado?
No sé si es problema de mi plantilla que no me lo permite pero los cambios que he hecho en el comment body en el código HTML no me funciona. Es una blogger template y es la 897 por si te sirve de algo.

Muchas gracias de nuevo Rosa.

Anónimo

Míriam y Josep Pues es justo esta entrada la que te permite mostrar las cajitas como dices...

Míriam y Josep

Muchas gracias Rosa por tu ayuda y tu rapidez en contestar. No he podido cambiarlo, creo que la plantilla es cabezona y hace lo que le apetece... jejeje...
Gracias por ayudarnos a aprender tanto. Te lo agradezco mucho.

Anónimo

Míriam y Josep Si te parece envíame la plantilla a mi email... eso si...recuerdame para que es y eso... recibo muchos emails al día y se me complica recordar todas las consultas... pega la plantilla directamente en el email (su código) o en el blog de notas, no uses ningún tipo de editor o archivo distinto para enviarla... ¡Gracias!

Rafistalkis

Hola Rosa!

He hecho justo lo que dices, lo que pasa es las cajas de los comentarios se me salen de los márgenes y da un aspecto feo. ¿Cómo puedo solucionarlo? Gracias!

Anónimo

Rafistalkis No lo veo aplicado en tu blog, así que no puedo decirte donde has de "tocar" o si todo está correcto...

Rafistalkis

Ya lo tengo aplicado, es que lo había deshecho para que la gente no lo viera así. Es que ahora es justo cuando comienzo a tener más visitas,jeje. Muchas gracias!
También, como podrás observar, los números están demasiado arriba, no sé si es por lo mismo. Te dejo abajo en enlace. Gracias de nuevo.

http://jaenadas.blogspot.com/2010/02/la-ruta-del-recuerdo.html

Anónimo

Rafistalkis Localiza esto en la plantilla:
#comments-block {
line-height:1.6em;
}

Añade esta línea justo antes de la última llave de cierre de ese código:

width: 705px;

Rafistalkis

Lo he hecho y nada. sigue igual. Lo dejo puesto si acaso tienes un hueco para echarle un ojo.

Rafistalkis

Investigando he puesto:

width: 699px;

Esto me cuadra en el margen derecho, pero el problema lo tengo en el margen izquierdo, que se me sigue saliendo: :(

Anónimo

Rafistalkis Prueba añadiendo debajo de esa línea que pusiste esta otra:
padding-left: 5px;

He de ir haciéndolo así, ya que esa plantilla no es de Blogger original y no controlo su diseño como quisiera... prueba eso y me cuentas...

Rafistalkis

Funciona! Gracias! Ahora sólo pasa que el formulario incrustado para insertar comentarios también está salido, al igual que el número de comentarios de la parte superior. ¿Sabrías por qué es?

PD: Siento mucho las molestias que te estoy causando y te agradezco enormemente la ayuda.

Anónimo

Rafistalkis Vamos a seguir entonces experimentando poco a poco :D

Localiza eso y añade lo que ves en negrita:
#comments h4 {
margin:0 0 6px;
padding-top:.5em;
padding-left: 6px;
line-height: 1.4em;
font: bold 110% Georgia,Serif;
color:#333;
}
Eso mueve el X comentarios.

Ahora añade esto en el CSS, siempre antes de ]]></b:skin>

.comment-form {
padding-left: 10px;
}

.comment-form h4 {
padding-left: 10px;
}

Eso debería mover el formulario

Rafistalkis

Funciona!!! Muchas gracias!!! Ya la guinda sería saber por qué los números de los comentarios aparecen a la altura de la fecha y no del nombre, están como un escalón más arriba...

Anónimo

Rafistalkis Bien! Está quedando hermoso el blog, la verdad... esa plantilla es algo "jodidilla" pero muy linda :D

La posición del número la controlas en el CSS que añadiste para ellos:
.comentacontador {
float: right;
display: block;
width: 50px;
margin-top: -30px; /* la posición de los números */
text-align: right; /* el número a la derecha */
/* el tipo y tamaño de la fuente */
font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;
font-size: 36px;
font-weight: normal;
}

Para que te hagas una idea, esa línea en mi plantilla está así:
//margin-top: -26px;

Esas dos barras de delante, son para que IE ignore la instrucción, ya que si no en IE8 no había manera de que se viesen en la misma posición...

Rafistalkis

Ahora ya tengo los números dónde quería.He puesto:

margin-top: 15px

Con eso ya me doy por contento. Muchas gracias, Rosa por toda la ayuda que me has dado durante estos días. Voy a seguir buceando en tu blog ávido de ideas para mejorar mi blog. Muchas gracias!!!

Anónimo

Rafistalkis ¡Me alegro mucho!
Una cosa... estás usando la ulr de mi icono de la flecha "ir arriba"... piensa que es la tercera vez creo, que cambio esa flecha, en cuanto veo una que me gusta más lo hago...te recomendaría la alojes tu mismo o te quedarás sin ella si yo decido cambiarla por otra...

Rafistalkis

Pues mira, justo me acaba de decir un compañero que la flecha se ve bien en Mozilla pero no en Explorer (sale el cuadro con la X de error). Quizás es por eso, voy a hacer lo que dices. Gracias!

Míriam y Josep

Rosa, te mandé el e-mail tal y como me indicaste más arriba. He decidido cambiar de plantilla pk se me ponía cabezona. Hasta el momento todo bien con la nueva, no es de blogger así que como se me ponga cabezona tb la cambiaré...jijijiji... Muchas gracias por tu ayuda. Seguiré buscando truquitos en tu enciclopedia para bloggers. Ah! se me olvidava. Cuando cambias de plantilla tienes que poner de nuevo las metaetiquetas y todo lo de google o se mantienen?

Anónimo

Míriam y Josep Tienes que ponerlo de nuevo... ¿has guardado copia de la anterior?... si es así, nada más que tienes que copiarlo de allí y colocarlo en la nueva...

Míriam y Josep

Fantastico Rosa! Eres increible!! Te sigo en el blog! Gracias por tus magníficos consejos! Un beso!

Monica

Rosy 2 (1)ayuditas puse una firma en el comentario de autor y le coloque un recuadro punteado,pero la firma queda afuera de el (2)el texto de los visitantes queda muy pegado al margen el de autor lo pude separar pero no asi con el otro me ayudas a solucionarlo el blog es Miperraauka besotes. :S

Monica

Rosita me olvidaba::o porque las caritas sale en los comentarios visitantes y no en los mios, ahora si besos Rosy

Anónimo

MonicaEs un blog de pruebas y muchas cosas no funcionan como se explican en los ejemplos sin tener más cosas añadidas... es complicado...
Hace tiempo además que decidí no ayudar en blogs de pruebas Mónica porque después de emplear mi tiempo en ellos pues la gente decide no usar esto o aquello...

Monica

Rosy es la misma plantilla que mi blog Mimundodelana y la estoy preparando para renovar mi blog ya que me parese que ya es tiempo de
cambiarle un poco la cara peroooooo, gracias de todas formas todo mi blog esta echo de tu mano :((

mdlm

Hola Rosa, te envie hace una hora sobre el diseño de publicar comentario, le cambie el aspecto aplicando esta entrada, pero el texto "publica un comentario o expresa tu opinion" a cambiado de color, la fuente es de color negro y como mi blog tiene fondo negro no se ve, ¿como cambiarle el color? ;)

Rosa

EgamEn el CSS en esta línea:
color:#333; cambia el código del color ahí por el que necesites.

mdlm

Gracias, por el dato y razonando me di cuenta que podia cambiar de tipo de letra:

font: bold 110% Comic Sans,Serif;
color:#FFFFCC;

antes era Georgia. Chau.

Rosa

Egam Así es... solo detenerse y razonar :D

Pilar Abalorios

Estoy super contenta, Rosa, eres un tesoro, de los buenos, llevo un rato con estas instrucciones y Voielá!!!!

Gracias,

mpc

Hola Rosa!
Estoy intentando cambiar el color de los comentarios del administrador, pero en mi plantilla no encuentro lo de /* comments---/*, hay alguna otra manera de hacerlo?
Muchas gracias

Anónimo

mpc Eso solo es una referencia, puedes colocarlo en la zona donde están los demás parametros de CSS de tus comentarios o sencillamente antes de ]]></b:skin>

mpc

Hola de nuevo Rosa:

Esto es lo q me sale en mi plantilla:

/*** comment form ***/

#respond {
clear:both;
padding:5px 10px 5px 5px;
margin:15px 15px 0px 15px;
font-size:11px;
background:$commenttitlecolor;
}
.commentlist #respond{
margin-right:0;
}
.cancel-comment-reply a{
color:red;
}

#commentform {
margin:0;
padding:10px 0 0 0;
}

#comment {
width: 98%;
color:$textcolor;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
border: 1px solid #7D6D28;
padding: 2px 2px 2px 2px;
}

#submit {
cursor:pointer;
height: 20px;
color: #ffffff;
font-size: 11px;
margin: 0px 0px 0px 0px;
padding: 0px 15px 2px 15px;
border: 1px solid #7D6D28;
background:#666666;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

a.blog-pager-newer-link {
float: left;
padding: 6px;
margin: 4px;
color:$linkcolor;
}

a.blog-pager-older-link {
float: right;
padding: 6px;
margin: 4px;
color:$linkcolor;
}

a.home-link {
position:absolute;
padding: 2px;
margin: 2px;
color:$linkcolor;
}

#blog-pager{
text-align:center
color:$linkcolor;
}

.feed-links {
margin: 0 0 0 10px;
font:$bodyfont;
color:$textcolor;
}

.feed-links a:hover{
font:$bodyfont;
color:$linkcolor;
}

.feed-link {
color:$linkcolor;
}

.feed-link a:hover {
color:$linkcolor;
}



¿Tengo q sustituirlo por el código que nos dices arriba en el post?

Muchas gracias de nuevo!

Anónimo

mpc Ese es más que elcódigo de tus comentarios, ten cuidado y no hagas ningún cambio, tu plantilla no es de Blogger original así que no puedes emplear el sistema de esta entrada , lo siento.

mpc

Ok Rosa!
Muchas gracias de todas formas por tu ayuda!

perla{FN_JF}

Hola Rosa,

He creado un blog nuevo, y me gustaría que los comentarios que me dejan, fuesen de un determinado color, pero por más que he probado, siempre salen en negro. No sé que debo cambiar...

Te dejo el link del blog: http://descubriendo-misensualidad.blogspot.com/

Gracias por tu ayuda...

Saludos...

Anónimo

perla{FN_JF} Localiza esto en la plantilla:

#comments-block .comment-author {
margin:.5em 0;
color:#999;/#999999/
}

Prueba cambiando ahí el código del color, por ejemplo a blanco:
#comments-block .comment-author {
margin:.5em 0;
color:#fff;
}

Y por cierto, esto: /#999999/ que lo tienes añadido en varios sitios del CSS, no es necesario.

Jenova Durango

Que tal Rosa excelente tu blog,

Estuve buscando y no encontre por níngun lado alguna manera de modificar el color del enlace que diga Publicar un Comentario en la entrada, ya que por el fondo de la plantilla se pierden solo estas letras, y varia gente me lo ha comentado, pero no tengo idea de como se puede (si es que se puede cambiar) aquí el ejemplo:

http://jenovadgo.blogspot.com/2010/08/mortal-kombat-2011-imagenes-del-juego.html

Saludos y gracias

Anónimo

Jenova Durango Sería aquí:

.comment-footer a:link {
color: #333;
}

Como ves así lo tienes ahora, el color #333 o sea, el gris ese... cambia ahí el código del color.

Jenova Durango

Genial!!!! Muchas gracias por tu ayuda Rosa n_n

saludos

Publicar un comentario

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S