Tutorial - Sombra nas Imagens

Tutorial - Sombra nas Imagens

Thiago

1. Abra “Design” e clique em “Editar HTML”do seu blog e clique em "Expandir modelos de widgets".

2. Depois da um Ctrl+f e procure por:

------------------------------------------------------------

]]></b:skin>

------------------------------------------------------------

3. Cole em cima dessa tag esse codigo a baixo:

-------------------------------------------------------------


textarea {

border: 3px double #ccc; (espessura e cor da borda)background: #efefef; (plano de fundo da caixa)


transition: all 0.3s ease !important;
-webkit--webkit-transition: all 0.8s linear !important

;transition: all 0.8s ease !important;-o-transition: all 0.8s ease !important;-moz-transition: all 0.8s ease !important;-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);

er-radius: 0;
-moz-border-radius:6px;
-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-moz-border-radius: 0;
-webkit-border-radius: 0;
bor
dwebkit-border-radius:6px;
-goog-ms-border-radius:6px;
opacity:0.6
}
textarea:hover {
opacity:1;


-moz-box-shadow: 0 0 35px rgba(0, 0, 0, .5);
-webkborder: 3px double #ccc; (espessura e cor da borda)
background:#efefef; (plano de fundo da caixa
)it-box-shadow: 0 0 35px rgba(0, 0, 0, .5);
box-shadow: 0 0 35px rgba(0, 0, 0, .5);
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-goog-ms-border-radius:6px;
}