28/2/14

[Tutorial]Poner caja personalizada en los gadgets!

Holaaaaya es vierness!!!! así que aquí estoy para publicar cosas & contaros mi día a día o mejor dicho mi semana a semanabueno estoy muy ocupada con los exámenes & como veis estoy muy ausente pero no os preocupéis yo saco tiempo para publicar algolo que traigo hoy es el tutorial para colocar una cajita en el titulo del gadget como tengo yo,en el graphic style anterior hice un tutorial de como hacerlo pichar aquí & os llevara al graphic style lalala 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 modificao 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 XD) 
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 :D pues aquí me despido espero que os haya gustado muchos besos & que paséis un feliz día 
Creditos {X}

7 comentarios:

  1. Gracias Kumy! Este tuto lo probaré para mi próximo diseño . Gracias de nuevo , me ha venido de maravilla ^^

    ResponderEliminar
  2. Qué util,seguramente lo ponga en mi blog ^.^ que está lleno de tus tutos xDD
    <3<3<3<3

    ResponderEliminar
  3. No sabes como amo tu blog<3 pasate por el mio
    Este tutorial lo probare en el proximo diseño, ya para marzo, el diseño que tengo ahora es porque no lo estoy editando ._. las cosas que compartes siempre son utiles^^
    n.n Saludos cuidate tkm!

    ResponderEliminar
  4. Muchas gracias Kumy!!
    Creo que lo utilizaré :D

    ResponderEliminar
  5. Gracias kumy por la tutorial^^!!
    saludos!~

    ResponderEliminar
  6. Suena bueno este tuto!, lo tomare en cuenta para el siguiente diseño que ponga :3

    ResponderEliminar

Holaa!! muy buenos días-tardes-noches espero que te haya gustado la entrada & si me dejas una huellita estaría muy agradecida.
Si tienes alguna duda no te olvides de mandarme un mail a mi correo o bien hacerlo por medio de la sección de dudas
candelaaisiska@gmai.com