26/6/15

Tutorial {bordes para gadgets: borde efecto redondo}


Hola! que seguida la entrada! pero era hora de que publicase un tutorial... Hoy sigo con un dolor de espalda y cuello, no me deja hacer nada! es horrible! Pero aguantando esto, ahora vamos con el tutorial:
Gracias y créditos a A.F.S.
  1. Vamos a Plantilla > Editar HTML
  2. Buscamos (con Ctrl + F) <b:skin> y le damos clic a los puntos suspensivos de la derecha
  3. Colocamos antes de <b:skin>:
.sidebar .widget {
margin: 4px 2px 30px;
padding: 6px 6px;
border-radius: 7px; /* Borde redondeados, aumenta el número para mayor redondez, o disminúyelo para menor redondez */
border-top: 5px solid #ACACAC; /* Es el color, tipo y grosor del borde de arriba */
border-bottom: 5px solid #ACACAC; /* Es el color, tipo y grosor del borde de abajo*/
  • Lo marcado en negrita es el color del borde (te recomiendo que todo lo marcado, lo cambies a un solo color, el que quieres que sea el borde)
Espero que les haya gustado este tutorial! Nos leemos!
*Siempre cambiando de firma xD*

4 comentarios:

~No seas ofensivo
~No utilices malas palabras
~Déjame una sonrisa