Personalizar caja comentarios blogger



.comment-block {
      background:#CED8F6; /* Color de fondo de los comentarios */
      border: 1px solid #0B0B3B; /* Estilo del borde */
      box-shadow: 10px 10px 5px #81BEF7; /* Sombra de la caja */
      border-radius: 10px;  /* Redondear el borde */
      padding: 10px; /* Espacios alrededor del texto */
   }


Puedes personalizar:

background --> Para cambiar el color de fondo de las cajas de comentarios. Página para ver colores en HTML.
border --> Es el ancho del borde en píxeles (lo gordo que es), el tipo de borde (solid | dotted | dashed | double) y el color.
box-shadow --> Sombra de la caja al lado derecho y debajo. En el código tienes el valor de la sombra a la derecha (en píxeles), el valor de la sombra debajo (en píxeles), el valor del difuminado (en píxeles) y el color.
border-radius --> Redondear las esquinas de la caja (si no lo quieres elimina la línea)
padding --> Crea el espacio que hay entre los bordes y el texto de los comentarios. Se aplica a todos los lados de la caja de comentarios.

3 comentarios:

  1. Gracias por este vídeo, lo voy a poner en practica. Un saludo

    ResponderEliminar
  2. Este comentario ha sido eliminado por el autor.

    ResponderEliminar

Related Posts Plugin for WordPress, Blogger...