Tutorial: Gadget con efecto sombra

¡Hola! Este tutorial es para mostrarles como puse mis gadgets con el efecto de sombra por dentro {basecodes: x & x}



Vamos a 
Tema / Editar HTML / CTRL + F y buscas:
[[></b:skin>
Arriba de ]]></b:skin> pegas el siguiente código:
.sidebar .widget {margin: 4px 2px 30px;background:#f;padding: 6px 6px;background:#fff;border-bottom: 5px solid #828282;border:7px;box-shadow: inset 0 0 30px #cccccc, 0 0 2px #cccccc;border-bottom: 5px solid #E8AFFF;border-top: 5px solid #BFEDFF;
}
Rojo: Color de la sombra interior
Azul: Color de los bordes
Verde: Color del fondo
* ¡Nos vemos! *

3 comentarios:

¡Gracias por tu comentario!

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

Simbolos:
♡♥♫△☆ღ