• image01
    TRUCOS PARA TU BLOG
  • image02
    TUTORIALES
  • image03
    VIDEOTUTORIALES
  • image04
    PROGRAMAS

Poner Marcos a las Entradas

Hay Plantillas de blogger donde las entradas no tienen 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 o CTRL+G 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;

}


Guardamos cambios y ya esta.

+Para escoger y aprender mas de códigos de colores HTML - Hexadecimales clic en el siguiente enlace: HTML codigos color

No hay comentarios.:

Publicar un comentario