miércoles, 5 de marzo de 2014

Caja personalizada a los gadgets

Lo que traigo hoy es el tutorial para colocar una cajita en el titulo del gadget  empezmos!

  • Plantilla
  • Edicion HTLM
  • Pulsar Ctrl+F & buscar ]]></b:skin>
  • Pega antes de ]]></b:skin> el siguiente código 



.sidebar h2 {
font-family: Imprima; /*Font de la letra*/
font-size: 17px; /*Tamaño de la letra*/
color: #fff; /*Color de la letra del titulo*/
background: url(Ulr de la cajita que has creado) no-repeat center;
height: 38px;/*Altura de la cajita*/
width: 330px;/*Ancho de la cajita*/
text-align: center;/*Texto centrado*/
margin-top: 2px;
margin-left:-38px ;
text-shadow:0 2px #b5a07f;/*Color de sombra del titulo*/
margin-bottom:-5px ;
padding:21px;
padding-top: 8px;/*Si lo quiere mas ariba la cajita ponga un numero menor y en caso contrario uno mayor*/
width:112%; }
Edito
Lo morado es el link o la url del boton/base que hiciste
Este code esta modificado a mi blog asi que tendras que subirlo o bajarlo o si lo quieres ya asi solo pon de ancho de los gadgets 300px & ya esta(todo esto se hace en el editor de plantillas predeterminado no en codes) 
Esto a sido todo este tutorial no tiene mas que explicar lo tiene todo explicado al lado :3 bien pues espero que os guste & para las personas que no saben usar photoshop & no saben hacer los botones en la siguiente entrada haré recursos sobre esto así esta el pack completo Tutorial de como se hace+Tutorial de como colocarlo+Recursos de esos botones , pues aquí me despido espero que les haya gustado muchos besos & que pases un feliz día

1 comentario: