[Tutoriales] Poner una imagen en el título de los gadgets + ¡He vueltooo!


Holii!!!! Ya estoy aquí de nuevo. Por fin ayer se terminaron mis exámenes de evaluación (aunque no pude publicar aun así), y ya a partir de hoy tengo vacaciones, así que podré seguir normalmente con el blog. Hoy os trigo un tutorial sobre como poner una imagen en el título de los gadgets, que puede ser tento una imagen chiquita a un lado, como una imagen de una textura que quieres poner en todo el título. Además, las imágenes que puse de ejemplos, son, nada más y nada menos que imágenes de la plantilla que hice para el sorteo que haré para cuando tenga 50 seguidores!



Bueno, primero que todo, vamos a la plantilla, editar HTML y buscamos (Ctrl+F) .sidebar .widget h2 { y copias el siguiente código debajo. Si no lo tienes, puedes buscar solo .sidebar h2 { o añadir justo antes de ]]></b:skin>, .sidebar .widget h2 { y añades debajo el siguiente código:

background-image: url("URL_DE_TU_IMAGEN");
background-position: center right;
background-repeat: no-repeat;
background-size: 13%;
}
  Cuando copies el código, solo tienes que cambiar lo que está en azul, por la url de tu imagen. Luego, lo que está en rojo, right, lo puedes cambiar por left para cambiar la imagen de lado. Lo que está en verde, no-reapet, lo puedes cambiar por repeat, para que quede el fondo con la imagen una y otra vez. Este último es para imágenes como patrones. Y por último, lo que está en rosa, el 13, lo tienes que ir aumentado o disminuyendo según como quede la imagen en el gadget. Si le das a vista previa y es demasiado pequeña, aumentas el número, y si es muy grande, lo disminuyes.

Al final te quedaría así en la plantilla (dale a la imagen para verlo mejor):


Espero que os haya gustado y que os sirva el tutorial!

Beshus y hasta mañana!!

Comentarios

Publicar un comentario

Holiii!!!! Si vas a dejarme un comentario, ten en cuenta las siguientes reglas:
-Nada de spam, si eso, me mandan un correo o me piden publi.
-Nada de insultos
-Nada de críticas ofensivas, cada uno tiene su propia opinión.

Aquí tenéis emoticonos para los coments:

(✿◠‿◠) (◡‿◡✿) (◕‿◕✿) (✖╭╮✖) (≧◡≦) (¬_¬) (◑‿◐) (◕‿-) ✖‿✖ (-’_’-) (╥_╥) (╯_╰) (╯3╰) (o_-) (¬‿¬) (◣_◢) (∪ ◡ ∪) (≧ω≦) o(≧o≦)o (⋋▂⋌) (॓_॔) (╯ಊ╰) (─‿‿─) ‹(•¿•)› (╯︵╰,) (︶︹︺) (∩︵∩) (。◕‿◕。) (⊙_◎) (~ ̄▽ ̄)~ (︶ω︶) (+_+) (。♥‿♥。) (✿ ♥‿♥) ♥╣[-_-]╠♥ ٩(͡๏̯͡๏)۶ ٩(-̮̮̃•̃)۶ ٩(̾●̮̮̃̾•̃̾)۶ ٩(-̮̮̃-̃)۶ (u_u) (*_*) (º_º) ٩(×̯×)۶ (ñ_ñ) (∩▂∩) (¬▂¬)ヽ(o`皿′o)ノ(・∀・ )( ̄(エ) ̄)( ̄へ ̄)(  ゚,_ゝ゚)(ι´Д`)ノ(・ェ-)ლ(́◉◞౪◟◉‵ლ)щ(ಠ益ಠщ)(ノಠ益ಠ)┻━┻。◕ ‿ ◕。ಠ_ಠ( °٢° )ʘ‿ʘಥ⌣ಥಥ‿ಥ(ΘεΘ;)(n˘v˘•)¬(✪㉨✪)ヽ(๏∀๏ )ノ(╹ェ╹)╮(─▽─)╭щ(ಥДಥщ)≖‿≖(ノ◕ヮ◕)ノ*:・゚✧(⊙ヮ⊙)ᕦ(ò_óˇ)ᕤᕙ(⇀‸↼‶)ᕗ(◡ಠ(•⊙ω⊙•)‘︿’( ´∀`)☆(≧ω≦)(´ー`)(つд`)( ̄。 ̄)(*~▽~)( ^▽^)σ)~O~)(=゜ω゜)(´ω`)(ノ_・。)(-_- )ノ(´ヘ`;)(^^;)( ´∀` )

Beshus mis gatitos!!

Entradas populares de este blog

¡Panini Manga licencia el "yuri verde"! La esperada llegada de "El chico que me gusta no es un chico"

Atelier of Witch Hat: ¿manga u obra de arte? Reseñando los vol. 1-10

[Storyteller] Dante