| COMO ENMARGAR GADGETS EN BLOGGER |
.sidebar .widget {
border: 2px solid #F3E2A9; /* Apariencia del borde */
}
.sidebar .widget-content {
padding: 10px;
}
.sidebar .widget h2 {
text-align: center;
z-index: 8;
top: -10px;
background: #FFFFFF; /* Fondo de la cajita del título */
left: 50%;
transform: translate(-50%, 0);
display: inline-block;
}
.sidebar .widget h2:after,.sidebar .widget h2:before {
content: "\00a0\00a0";
}
Pero todo en esta vida se puede personalizar [O, al menos, en Blogger] para que esté acorde con vuestro blog o tenga un aspecto diferente al que he puesto yo.
1. Border: Como es evidente, aquí indicamos las propiedades que tendrá el borde.
-3px: el grosor en píxeles. Cuánto más elevado sea el número, más grosor tendrá el borde.
-Solid: el estilo del borde, en este caso una línea sólida. Podéis probar también con dotted [puntitos] o double [dos bordes]. Aunque depende del estilo tendréis que aumentar los píxeles para que se note. Podéis mirar como quedan en esta imagen → AQUÍ
-#F3E2A9: color del borde. En HTML COLOR CODES encontraréis infinitas posibilidades.
*Podéis poner un borde redondeado si queréis, añadiendo este código → border-radius:10px; justo debajo de border: 2px solid #F3E2A9; /* Apariencia del borde */
*Si solo queréis que haya un borde, debéis añadir -top,-left ,-right ,o -bottom detrás de border:.
POR EJEMPLO:
border-top: 2px solid #F3E2A9;
