[Tutorial] Como poner una imagen en el titulo del gadget
jueves, 3 de mayo de 2012 | 18:00
Tengo un tuto pendiente… bueno en realidad son 3 pero bueno.
Xd prometo hacerlo lo mas rápido posiblex.x
Bien me han preguntado como poner una imagen a lado del
gadget creo… la verdad no entendí bien la pregunta asi que hare dos tutos
jijiji, el otro lo hare después, este explica como poner la imagen en el
gadget. Bien es asi:
![]()
NOTA: Este tuto tiene como base la nueva interface de blogger ojo!
1)
Te vas a Plantilla>> Edicion de HTML
>> Damos click en continuar si te sale algún cuadro, si no no hay
problema.
2)
Buscas con Ctrl+F el siguiente codigo:
/* Headings
Y abajo verán este codigo:
h2 {
3)
Ahora busca donde diga "background"
mas abajito.
4)
Delante de "background"
ponemos asi: "url('URL de la imagen') no-repeat;". Pero sin las
comillas xd. Como se muestra en la imagen de arriba.
Tu código quedara algo asi:
/* Headings
------------------------------------------------
*/
h2 {
margin:1.0em 0 .5em;
padding:4px 3px 3px 42px;
font-size:14px;
line-height:1.3em;
font-weight:bold;
background: url('URL de la imagen')
no-repeat;
height:24px;
color:#DA6789;
border-top:1px #1C23DA dashed;
border-bottom:1px #1C23DA dashed;
Este es código que yo tengo, si gustan pueden tomar algunos
códigos para que quede parecido al mio! Si tienen alguna duda decírmela ¿Vale?
Les explico mas:
font-size es el
tamaño
de la letra
height es el tamaño
de la imagen
color es el color
de la letra
border-top el es
grosor, color y forma del separador de cada gadget
background es la
imagen o fondo que quieras que se vea en el titulo del gadget
padding es el
lugar donde estará la imagen, modifícalo tantas veces sea necesario para que
quede bien concorde a tu blog e imagen
Espero sea de ayuda byebye Etiquetas: ♥ Tutoriales 2 boyfriend[s] | volver arriba![]() ![]() ![]() ![]() |
![]() |
Da clck para ver la imag. mas grande |
Etiquetas: ♥ Tutoriales