Box “transparente”
Visualize aqui.
Bom gente é bem fácil fazer esse estilo de box. É usado um background rgba, você pode colocar qualquer cor que ficará como se tivesse com opacidade. O que eu vou ensinar para vocês hoje já vem com a cor preta.
Cole o seguinte código no seu css:
.side {line-height: 18px; font-size: 11px; color: #bbb; background: rgba(0,0,0,0.5); padding: 7px; margin-left: 4px; margin-right: 4px; margin-bottom: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden;}
Onde está em negrito é a cor da box preta “opacidade”.
Agora cole o seguinte código depois de <body>
<div class="side">
Sua frase, imagem e o que quiser cole aqui.</div>
E pronto, sua box da side ficará como na visualização mostrada.
Por Brida Braga, se for útil não esqueça de dar like.
