Olá muito bom dia venho aqui partilhar mais um código,dica...
Como pode visualizar acima na imagem e esta a partilha que trago.
Uma caixa com border radius exterior e interior ,também sombra .interior e
no texto ,e barra de rolagem, para facilitár é so adicionar gadget html...
Antes de tudo faça uma cópia do seu template...
Vamos então entrar em seu blog e adicione um gadget html/javascript,e cole meu código .
<style type=text/css>
#textocaixabt{
border:3px solid #f0f0f0;
border-radius:3px ;
-moz-border-radius:3px;
-webkit-border-radius:3px;
width:322px;
height:150px;
color:#fff;
text-shadow:0px -2px 0 #000;
background:#fafafa;
overflow:scroll;
overflow-x:hidden;
margin:auto;
box-shadow:inset 0px 0px 80px 0px #000;
-moz-box-shadow:inset 0px 0px 80px 0px #000;
-webkit-box-shadow:inset 0px 0px 80px 0px #000;
}
</style>
<div id=textocaixabt>
este e exemplo de box
com efeito inner shadow
vamos usar sombra interna,
e border Radius...
usamos tambem sombra no texto,
isto e apenas um exemplo pois pode
personalizar de muitas formas,dependendo
seu gosto ,do seu saber etc,etc.
aqui e as sombras dentro caixa
box-shadow:inset 0px 0px 80px 0px #000;
-moz-box-shadow:inset 0px 0px 80px 0px #000;
-webkit-box-shadow:inset 0px 0px 80px 0px #000;
aqui a cor e sombra texto
color:#fff;
text-shadow:0px -2px 0 #000;
agora e borda e border radius da caixa por fora
border:3px solid #f0f0f0;
border-radius:3px ;
-moz-border-radius:3px;
-webkit-border-radius:3px;
agora largura e altura da caixa total
width:322px;
height:150px;
</div>
- largura e altura da caixa total width:322px;height:150px;
- caixa por fora border:3px solid #f0f0f0;border-radius:3px ;-moz-border-radius:3px;-webkit-border-radius:3px;
- sombras e border radius dentro caixa box-shadow:inset 0px 0px 80px 0px #000;-moz-box-shadow:inset 0px 0px 80px 0px #000;-webkit-box-shadow:inset 0px 0px 80px 0px #000;
- cor e sombra texto color:#fff;text-shadow:0px -2px 0 #000;
Mostra SmilesOculta Smiles