viernes, 23 de marzo de 2012

Fondo [Background] en comentarios con borde redondeado

Hola mis blogueritas =D hoy les traigo otro tuto super sencillo que le da un toque muy bonito a tu blog n.n y se trata de poner un fondito en donde se miran los comentarios =D

aqui una vista previa de lo que me refiero ^^
es el fondito rosado



iap okas para poner un fondito en los comentarios debes seguir los siguientes pasitos:

ve a DISENO >> Edicion de HTML >> Editar Plantilla


y busca:

#comments {

o

.post-outer .comments {


cuando lo encuentres pega lo siguiente justo abajo del codigo:

background: url(URL DE TU FONDITO) repeat;
-moz-border-radius: 35px;
border-radius: 35px;


te quedaria de la siguiente forma:



despues da guardar y listo ^^ a disfrutar de tu fondito espero haya sido de su agrado.. besos ^^



19 comentarios:

  1. Y como pones, por ejemplo, en la captura, sale el chismito de color arco iris ¿eso como se hace? *oo*

    ResponderEliminar
  2. No me funciono lo de el fondito de coment harias un tuto en video ?

    ResponderEliminar
  3. sip mira te dejo el link del tutorial de como hacerlo

    http://annyz-kawaii.blogspot.mx/2011/08/embecelle-tu-caja-de-comentarios.html

    saludos

    ResponderEliminar
  4. chika:

    amm no hago tutoriales en video casi no tengo tiempo pero si gustas dime que plantilla de bloguer usas y te ayudo a investigar en donde debes poner el codigo.

    ResponderEliminar
  5. aw, no me funciono. los codigos que tengo son diferentes. igual experimentando encontre como cambiar otros fondos.
    muy genial tu blog Annyz n.n

    ResponderEliminar
  6. Hola Anny! Te quería preguntar como puedo hacer para poner un icono al lado de los que comentan (Ej: Vos tenes un rayito rosa).
    Muchas gracias tu blog me fue de mucha ayuda ya que soy nueva en esto!
    Aaah me olvidaba, Yo saque algunas cositas de tu blog como algunos separadores o fondos , y leí qué hay que dar créditos. ¿como se hace?

    ResponderEliminar
  7. lo intente en mi blog pero creo que no funciona porque sera?? Bueno espero poder hacerlo despues, me imagino yo es la plantilla ni modo aun asi que buen tuto!! gracias...

    ResponderEliminar
  8. cual plantilla usas sunadokei? encontraste alguno de los codigos?

    ResponderEliminar
  9. oka filomena pondre el tuto en mi lista de pendientes grax por tu comentario =D y por tu vista que tengas lindo dia nena

    ResponderEliminar
  10. Annyz no me funciona a mi tampoco :( Yo uso la plantilla simple del blog (picture window) y no me aparece minguno de los dos códigos #comments { o
    .post-outer .comments , solo hay uno parecido que es:
    /* Comments
    ----------------------------------------------- */

    Ayudaa :(

    ResponderEliminar
  11. me creeras que no pude xDDDDDD lo intentare de nuevo cuando tenga mas tiempo y vere que pasa gracias!

    ResponderEliminar
  12. oka saku-chan aqui andare por si tienes alguna duda okei.. saluditos ^^

    ResponderEliminar
  13. filomena: el picture ammm si me das un tiempito te investigo y te digo donde ponerlo okis?

    ResponderEliminar
  14. Filoomena e Ichigo:

    el problema es que la plantilla picture window no cuenta con esta opcion por eso se tiene que agregar

    lo que tienen que hacer es pegar lo siguiente justo abajo de:

    /* Comments
    ----------------------------------------------- */
    .comments {
    background: url(URL DEL FONDO) repeat;
    -moz-border-radius: 35px;
    border-radius: 35px;
    }

    quedando asi ^^ saludos

    ResponderEliminar
  15. a mi no me dice comments me dice content que hago???

    ResponderEliminar
  16. si tienes la picture windows solo agrega el codigo justo antes de ]]></b:skin>

    .post-outer .comments {
    background: url(http://i1085.photobucket.com/albums/j433/Annyz-chan/cutefondobyannyzblog6.gif) repeat;
    -moz-border-radius: 35px;
    border-radius: 35px;
    }

    ya solo le cambias la direccion del fondo por uno que te guste ^^

    ResponderEliminar

Nota: solo los miembros de este blog pueden publicar comentarios.