TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN

Poner marcos a entradas

Hay veces que cuando se entra en algunos blog, da la sensación de que todo está muy lineal y poco marcado, que se entremezclan gadget, con contenidos de entradas etc, no hay una delimitación clara, para que esto no sea un problema vamos a buscarle una solución, solo con cambiar un poco el código html, en este blog podemos ver como queda la entrada enmarcada en azul, con bordes redondeados y un fondo en azul pálido.
Entramos en el diseño de nuestro blog y en edición html buscamos, con CTRL+F el siguiente código: ]]></b:skin> y justo delante pondremos lo siguiente:

Para las plantillas antiguas de blogger:

.post {
border:1px solid #0404B4;
background:#E0ECF8;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
}
.main .post {margin:20px 0; padding:15px;}

Donde 1px es el grosor del borde, #0404B4 es el color del borde, #E0ECF8 es el color del fondo del recuadro, 6px es para redondear las esquinas en caso de que no queramos redondearlas poner el valor a 0px, margin:20px y  para dejar los márgenes.

Para plantillas hechas con el diseñador de plantillas de blogger:

.post-outer {
border:1px solid #0404B4;
background:#E0ECF8;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
padding:15px;
margin: 20px 0;

}

Para saber cual es el color hexadecimal que más se ajusta al diseño de nuestro blog, y modificarlo en el código anterior, podemos consultar la tabla de códigos hexadecimales.
Tambien nos pueden interesar las entradas:

Poner separador de entradas.
Poner marco a gadgets.
Poner separador de gadgets.

6 comentarios:

  1. Pues voy a intentarlo, sino con tu ayuda seguro que lo consigo.

    www.comunicandonos.blogspot.com
    www.ellacomunica.blogspot.com

    ResponderEliminar
  2. A partir de ahora entraré aquí con frecuencia porque creo que me interesa mucho esta página web!! Ayss el desconocimiento lo que tiene..., es vivir en la ignorancia... Si tienes un minutito, cuando puedas, a ver si le echas una visual a mis dos blogs, sin prisa, ok? mas que nada para ver que te parece la distribución y eso... no se, lo que puedas comentarme. Un beso

    ResponderEliminar
  3. Cuando lo pongas en práctica me lo muestras, y si tienes algún problema me cuentas.

    ResponderEliminar
  4. Los he mirado un poquito por encima y no te vendría mal los marcos sobre todo en el segundo, los miraré mas detenidamente y te cuento.

    ResponderEliminar
  5. De acuerdo Luz, dame algo de tiempo y te aviso. Muchas gracias ;)

    ResponderEliminar
  6. No hay problema, cuando quieras. ;P

    ResponderEliminar

Entradas populares

Colaboro En:

textoalternativo textoalternativo textoalternativo

Atención

Los comentarios serán publicados una vez hayan sido moderados, disculpen las molestias.

Este blog es informativo y de caracter educativo, el administrador del mismo no se responsabiliza del uso fraudulento o ilegal que otras personas hagan del contenido publicado en él.

Así mismo si alguien cree que se vulnera algún derecho se ruega ponerlo en conocimiento para que se subsane de forma inmediata.