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.