viernes, 3 de julio de 2015

[Tutoriales] Poner un decorado en el blog

Holiiii!Hoy os traigo este tutorial, bastante sencillito, que consiste en como poner en el blog un decorado en una esquina como el siguiente:


Si os gusta, lo único que tienen que hacer es ir a Plantilla>Editar HTML> Y buscar (Ctrl+F) ]]></b:skin>.  Y justo antes, deben pegar el siguiente código e ir editando lo que explico a cada lado de los códigos:

html::before {
  content: '';
  display: block;
  position: fixed;
  top: 10px; /*Este es el margen de arriba, si lo quieres tener abajo, cambia top, por bottom*/
  left: 10px;/*Este es el margen de la izquierda, si quieres que esté a la derecha, cambia left por right*/
  width: 200px;/*Este es el tamaño en el que estará la imagen, ve aumentandolo si la imagen te sale cortada, pero tienes que hacerlo proporcionadamente con el numero de abajo*/
  height: 200px;
  background: url(URL_DE_LA_IMAGEN) no-repeat center center;/*Esta es la url de la imagen, cámbiala por al tuya, si quieres que la imagen se repita varias veces, cambia no-repeat, por repeat*/
  background-size: 100%;/*Este es el tamaño de la imagen, si la quieres más grande, aumenta el número, si la quieres más pequeña, disminuye el número*/
  margin-bottom: -200px; /*Este margen sirve para acercar la cabecera. Al poner esto en el Html, la cabecera puede bajarse, así que ve aumentando o disminuyendo el número a tu gusto*/
  z-index: 99;
}
Y eso es todo! Espero que os sirva el tutorial!!

Beshus y hasta mañana!!

6 comentarios:

  1. Genial tuto ^3^
    Beshus <3

    ResponderEliminar
  2. Gracias por el tutotial!! Me ha parecido muy útil!
    Beshos!

    ResponderEliminar
  3. Super chulo el tutorial.
    Gracias por compartirlo.
    Besos

    ResponderEliminar
  4. Hola!! Lindo tutorial y bastante facil!! Bechoo ^3^

    ResponderEliminar
  5. Hola!! (◕‿-)

    aaahh que lindo decoracion!! muy util saberlo :D

    ResponderEliminar
  6. Hola! te venía a decir que ya está el 8: http://losproblemasotaku.blogspot.com.es/2015/07/fanfic-capitulo-8.html
    Beshos!

    ResponderEliminar

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!!