¡Hola!Hoy os enseñaré a como poner borde a los gadgets/widgets de la sidebar (barra lateral del blog) de vuestro blog, de forma independiente. Para ver un ejemplo puedes ir a mi blog.
Para poder agregarle los bordes solo tenéis que ir a Plantilla >> Editar HTML >> apretar CTRL+F y buscar ]]></b:skin>
A continuación, arriba de lo que hemos buscado, insertamos el código que os dejo aquí abajo.
.column-right-outer .widget, .column-left-outer .widget {
border: 1px solid #000;
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
padding:10px;
margin: 30px 0;
}
Si queréis cambiar el color del borde, solo tienes que cambiar el código #000 por el código que corresponda al color que quieras. AQUÍ tenéis una página para elegir colores.
Los códigos -moz-border-radius:0px; y -webkit-border-radius:0px; sirven para poner los bordes redondeados. Si aumentamos el valor de 0px, el borde se irá redondeando progresivamente.
Espero que os haya servido, y ahora sí, me despido (¿menuda rima que me acaba de salir, no?)
El autor.
Hola! Hace tiempo que cuando intento seguir los pasos de un tutorial, al buscar lo que hace falta, en este caso ( ]]>) no me aparece...el buscador me dice 0/0 y en este caso me ha pasado exactamente lo mismo.
ResponderEliminar¿Sabrías decirme por qué me pasa esto?
Muchas gracias!
Eso es porque busca el dato en la página de Blogger. Tienes que dar click a el cuadro dónde esta todo el código y luego darle al buscador. Así el buscador buscará en el cuadro del código, y no en la página. Un beso y espero que te sirva !!^^
EliminarHola! lo he probado y me ha servido! Intentaré hacer el tutorial porque ahora ya puedo seguir los pasos sin problemas^^
EliminarMuchísimas gracias, llevaba mucho tiempo preguntándome por qué no me aparecían y ya veo que era mucho más sencillo de lo que pensaba.
Un beso y millones de gracias :)
Muchas gracias por este tutorial! Este no lo conocía.
ResponderEliminarUn beso
Una cosa, a mi no me funciona, te dejo aquí parte del código a ver si puedes ayudarme,
ResponderEliminarporfavor.
.column-right-outer .widget, .column-left-outer .widget {
border: 1px solid #8C3F00;
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
padding:10px;
margin: 30px 0;
}
···
y luego
Eliminar···
Una preguntica, ¿es posible dable grosor al borde?
ResponderEliminarEn esta parte del código:
Eliminarborder: 1px solid #000;
Cambia el 1 px por el valor que quieras (yo suelo usar 5, pero como tú veas) y solucionado :3
¡Hola!
ResponderEliminarTengo una preguntilla... ¿Para aplicar el estilo SOLO a un widget, cómo sería? Si pongo ese código se aplica a todos :/ ¡Gracias!
http://soykarma.blogspot.com/2015/03/tutorial-poner-borde-solo-un-elemento-o.html
EliminarEspero te sirva :) igual andaba buscando este tutorial...
Hola.
ResponderEliminar¿Cómo podría poner una imagen que tengo yo como bordes?
Gracias.
Sirve de todos modos si ya tengo una plantilla descargada de otra pagina(por ejemplo themexpose) la cual estoy editando ahora ?
ResponderEliminaramigo como hago para ponerle como un cuadro a los gadgets es que el cuadro que tenia lo borre por que tenia un problema con ese cuadro este es el link del blog:https://prueba09847.blogspot.com/
ResponderEliminarA Complete Guide to Baccarat - Voorhees - Wolverione
ResponderEliminarThe game of Baccarat is 인카지노 a very popular card game. It 1xbet korean is played in pairs of 바카라 two or three hands, two or more players. When the game starts