All for Joomla All for Webmasters

Caixa com fundo de sombra

indicação de tutorial

Eu sempre tive curiosidade em fazer sombra em caixas. E achei um ótimo tutorial na web!

Cliquem aqui e acessem o tutorial!

É FUNDAMENTAL que vocês creditem o CriarWeb pela super ajuda, ok?

Me creditem apenas por ter dado um help no código.

Com as informações do tutorial, no CSS da sua caixa, deixe assim:

.caixaprofile {
background: #ffffff;
color: #000000;
font-family: arial;
font-size: 12px;
padding: 0px;
margin-bottom: 15px;
-moz-box-shadow: 0 0 5px #757575;
-webkit-box-shadow: 0 0 5px #757575;
box-shadow: 0 0 5px #757575;}

E aonde você quiser colocar a caixa com a sombra, coloque assim:

<div class="caixaprofile">
Seu texto aqui
</div>

No lugar de “seu texto aqui” você coloca o que quiser.

Estou fazendo esse tutorial apenas para encerrar algumas futuras dúvidas que podem aparecer na minha caixinha de questões do ask-me.