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

Poner separador de gadgets

Si queremos separar los gadget en nuestro blog  y que queden bien delimitados, tenemos la opción de ponerle un marco, una línea o una imagen.
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:

Si usamos una plantilla antigua de blogger y queremos una línea;

.sidebar .widget {
border-bottom:4px solid #610B0B;
padding-bottom:20px;
}

Donde 4px es para el grosor de la línea, #610B0B es para el color.

Si lo que queremos es un separador con una imagen:

.sidebar .widget {
background: url(URL de nuestra imagen)no-repeat 50% 100%;
padding-bottom:60px;
border:0;
}

Si la plantilla está hecha con el diseñador de plantillas de blogger, y queremos una línea:

 .column-right-outer .widget, .column-left-outer .widget {
border-bottom:4px solid #610B0B;
padding-bottom:20px;
}

Si por el contrario queremos una imagen:

.column-right-outer .widget, .column-left-outer .widget {
background: url(URL de nuestra imagen)no-repeat 50% 100%;
padding-bottom:60px;
border: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.

También nos puede interesar las siguientes entradas:

Poner marcos a  gadgets.
Poner separador de entradas.
Poner marcos a entradas.

2 comentarios:

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.