Tutorial: Título de gadget/sidebar #2

¡Hola! ¿Como les va? Hoy les traigo este útil y bonito tutorial que vi en miki candy y se los vengo a compartir. Antes de empezar también quiero decirles que últimamente voy a estar más activa en el blog porque ya estoy de vacaciones y estoy con mucho tiempo de sobra xD. Sin más preámbulos empecemos!

El resultado:



Plantilla | Editar HTML | CTRL+F y buscas:

/* Headings
o
h2 {
 y Borras todo hasta el /* Main

Y en el espacio de donde borraste vas a copiar y pegar lo siguiente:

.sidebar .widget h2 {
color:#F7BDE2;
font-family: Georgia;
letter-spacing: 3px;
font-style: italic;
text-transform: lowercase;
background: #f1f1f1;
text-shadow: 1px 1px 0px #fff;
font-size:12px;
margin-top: -4px;
margin-bottom: 5px;
padding-top: 2px;
padding-bottom: 4px;
padding-left: 0px;
padding-right: 5px;
text-align:center;
box-shadow: 1px 1px 0px #F0C2DF;
}
Rojo: Color de las letras
Verde: Color del fondo de la cajita
Rosa: Color de la sombra de las letras
Azul: Color de la sombra de la cajita

Y listo! Es super fácil y además el resultado es muy hermoso.

7 comentarios:

  1. Hola!
    El tutorial esta super chulo y útil, pero no puedo copiar el código y no se entiende muy bien para transcribirlo a mano.
    De todas formas gracias por compartirlo.
    Besos

    ResponderEliminar
    Respuestas
    1. Lo siento tanto(>△<) pronto voy a cambiar el diseño, ya que es algo incómodo y no se lee muy bien.
      Gracias por comentar

      Eliminar
  2. Me encantó, muy lindo
    Saludos ~

    ResponderEliminar
  3. Genial es muy lindo! lo usaré futuramente para una plantilla ^^

    ResponderEliminar
  4. Se ve lindo, tal vez lo use para un nuevo diseño! ademas te quedo hermoso el nuevo diseño del blog!, Me encanto n.n

    ResponderEliminar
  5. muchas gracias por tus tutoriales (☆▽☆) me encanta demasiado tu blog!

    ResponderEliminar
  6. Holaa:3, una pregunta. ¿Cómo lo puedo colocar para el titulo del post y comentarios así como lo tenes vos?, me encanta. Besotes.

    ResponderEliminar

¡Gracias por tu comentario!

Emojis:
⸜(。˃ ᵕ ˂ )⸝♡ | ૮ ˶ᵔ ᵕ ᵔ˶ ა | (>▽<) | ପ(๑•ᴗ•๑)ଓ ♡ | (╯ω╰) | (☆▽☆) | (≧ω≦) | ૮ • ﻌ - ა | ଘ(੭ˊᵕˋ)੭ | (・∀・ ) | (¬_¬) | (ノ◕ヮ◕)ノ*:・゚✧ | ฅ^•ﻌ•^ฅ | (¬‿¬) | (─‿‿─) | (~ ̄▽ ̄)~ | (︶ω︶) | ٩(ˊᗜˋ*)و ♡ | (╥﹏╥) | (✿ ♥‿♥) | ●ᴥ●

Simbolos:
♡♥♫△☆ღ