Hace poco me preguntaron cómo hacía para poner una imagen de fondo en los comentarios, un fondo que es independiente del color de cada comentario. El fondo que le puse a los comentarios de mi blog es de unas nubecitas, fondo que pueden ver en cualquier entrada o en la siguiente imagen.
Colocar la imagen o un color es muy sencillo. Sólo seguimos estos pasos:
1.§ Vamos a Plantilla - Edición de HTML.
2.§ Con ayuda de CTRL+F buscaremos la siguiente línea:
Debajo de #comments { pegaremos lo siguiente:
Colocar la imagen o un color es muy sencillo. Sólo seguimos estos pasos:
1.§ Vamos a Plantilla - Edición de HTML.
2.§ Con ayuda de CTRL+F buscaremos la siguiente línea:
#comments {El contenido puede no ser identico al de nuestra plantilla. Lo importante es localizar la línea en negrita.
border: solid #78ut65; 1px;
margin:-25px 13px 0;
}
Debajo de #comments { pegaremos lo siguiente:
background: url(URL_IMAGEN_DE_FONDO) repeat;Si queremos usar un color en lugar de una imagen, simplemente pondremos este código:
background: #9b1b8c;3.§ Damos clic en Guardar y listo !
7 opinaron:
staba buscando algo así desde hace mucho tiempo. Gracias por el tuto
» G:
Gracias a ti por la visita y por tu comentario!
S@lu2
Muy bueno. Lo probaré ahorita (:
» Yessmi:
Claro, ya me cuentas cómo te fue o si necesitas ayuda.
S@lu2
hola a mi me salen cuatro "coments" lo puse abajo del primero pero no sucedio nada :((
» Claus:
No puedo ver tu blog. Podrías dejar el link? para revisarlo y poder ayudarte.
S@lu2
Hola!
Lo he intentado pero no me funciion, te dejo mi html de comments a ver si me puedes ayudar, que se tiene que cambiar y donde! GRACIAS!!!!
Blog - http://warehouseofrock.blogspot.com.es/
/* 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;
}
Por favor, trata de tener habilitado tu perfil (has click en "Comenta con el antiguo editor" para iniciar sesión) o deja un enlace a tu blog escogiendo la opción "Nombre/URL", procura no dejar comentarios Anónimos.
Nota: Si es que se presenta algún problema con el formulario de comentarios, sólo has click en "Comenta con el antiguo editor"
Gracias por participar en el blog.