Cómo agregar Frontera elegante Alrededor Widget seleccionado de Blogger?
Cómo agregar Frontera elegante Alrededor Widget seleccionado de Blogger?
Hoy la pregunta es que "Cómo hacer tu Blog Widgets / Gadgets con estilo e impresionante través de la adición extra CSS Bordes Alrededor de los widgets deseados / Gadgets?" En algún momento de su plantilla es tan simple que no puede atraer a los visitantes, por lo que tiene las especias hasta tu blog, pero después de ese tiempo tu blog va día a día pesado y los visitantes también les gusta esto.Así que ahora aquí está el camino del medio para el diseño simple y elegante con una codificación fácil y corto. Si desea agregar bordes también puede utilizar este código, hay muchos tipos diferentes de códigos que figuran a continuación. Por todas estas Code, usted tiene que hacer algo como esto.
Características:
1). Cambiará su fondo deseado widget sólo no es todo.
2) pasos sencillos Fácil instalación wioth..
3) Para cargar rápido e impresionante en Look..
4.) Pure CSS Código.
5.) 6 Estilo Diferente A continuación se proporciona.
6.) Totalmente personalizable. Cómo añadir en Blogspot? 1.) ¡Vaya a su www.blogger.com 2.) Open Your Blog Desire. 3.) Ir a la presentación.
4.) En primer lugar encontrar ese ID widget en el que desea Style Up ... (Si usted no sabe cómo conseguir ID Widget Sólo comentar a continuación, voy a explicar fácilmente)
5.) Ahora ve a "Plantilla"
6 .) Haga clic en "Editar HTML" botón para editarlo.
7) Ahora presione "CTRL + F" y encontrar. ]]> </ b: skin>
. 8) Copie el código abajo y pegarlo justo antes. Por simple cuadrado Límite Color: -
# YourWidgetID {
padding: 5px;
border: 1px solid # ff0000; / / * Aquí Tu extra CSS * / / }
Para Border Simple Color Cuadrado Con Antecedentes lleno: -
# YourWidgetID {
padding: 5px;
border: 1px solid # ff0000;
fondo: # ffffff; / / * Aquí Tu extra CSS * / / }
Para Border Simple Color Square Con El Fondo lleno y Shade: -
# YourWidgetID {
padding: 5px;
border: 1px solid # ff0000;
fondo: # ffffff;
box-shadow: 3px 3px 3px # ff0000; / / * Su CSS extra aquí * / / }
Para Border Simple Color redondeado: -
# YourWidgetID {
padding: 5px;
border: 1px solid # ff0000;-moz-border-radius: 6px,-webkit-border-radius: 6px; / / * Extra Su CSS aquí * / / }
Para Border Simple Color de fondo redondeado con relleno: -
# YourWidgetID {
padding: 5px;
border: 1px solid # ff0000;-moz-border-radius: 6px,-webkit-border-radius: 6px;
fondo: # ffffff; / / * Extra Su CSS aquí * / / }
Para Border Simple Color de fondo redondeado con relleno y sombra: -
# YourWidgetID {
padding: 5px;
border: 1px solid # ff0000;-moz-border-radius: 6px,-webkit-border-radius: 6px;
fondo: # ffffff;
box-shadow: 3px 3px 3px # ff0000; / / * Su extra CSS aquí * / / }
Personalización:
. 1) Cambio # YourWidgetID con su código de ID deseado Widget.
2) Cambie el valor de Dada CSS también con su deseo..
3) Cambiar. / / * Aquí Tu extra CSS * / / Con su código CSS.
4). Guardar y Hecho.
Categories:
Mejora Tu Blog
0 comments:
Post a Comment