Aitokawaii


ENTRADAS ABOUT AMIGOS MATERIAL TUTORIALES Extras FCBOOK TWITTER Inicio

[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.
Da clck para ver la imag. mas grande

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:


2 boyfriend[s] | volver arriba




|
Da clck para ver la imag. mas grande

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:


2 boyfriend[s] | volver arriba




|