Cambiando los comentarios PWG

Hace tiempo me preguntaba: ¿habra forma de ponerle fondo a los comentarios o camiar el color de las barras que los dividen? y la respuesta es !si! Lo primero que devemos saber es que los comentarios estas echos en tablas css y se rigen con estos css:



hr
td
tr
Bien vamos a explicar esto hr es la linea que va dividiendo los comentarios unos de otros.


td, tr Son lo mismo,se rigen igual. Estos son los encargados de darle fondo a los comentarios, incluso podemos poner una imagen.

 



Vamos a aplicarlo  

Para poner una imagen que separe los comentarios justo como se muestra en esta imagen Devemos hacer un juego de paddings, para ordenar al atributo "hr" cresca y asi poder separar los comentarios con una imagen o fondo. Para esto hay que copear el siguiente codigo y pegarlo en CSS-Code.

hr{padding:20px 0px 0px; background: url(imagen que separe tus comentarios);}


Para poner fondo a los comentarios Como ya explicado anteriormente se utiliza el siguiente codigo css, que es poner el los atributos "td" y "tr" una imagen de fondo o un color.
td{background: #000 url(Pon aqui la imagen que quieres de fondo de tus comentarios);}


Cambiar el color de la barra de separacion de comentarios Este es otro atributo para "hr", es similar al de imagen de separacion de comentarios pero aqui no vamos a hacer crecer "hr" sino solamente cambiar la barra de separacion de color. ya que comunmente simpre es color negro nosotros vamos a cambiarla de color.
hr{border: 1px solid #ddd} /* cambiamos ddd y ponemos el codigo del color que querramos */} 

 

1 comentario:

  1. muy buena informacion tome el codigo de cambiar la barra de color y me funciono al 100% y tu blog tine mucha informacion para los que apenas empiezan asi como yo mil gracias Souldhacko salu2

    ResponderBorrar

Con tecnología de Blogger.