Posts its

Views:
Exemplos de posts its:

Teste de fundo com a cor verde
Teste de fundo com a cor laranja
Teste de fundo com a cor rosa
Teste de fundo com a cor azul


CÓDIGO DOS POSTS ITS:

<div class="note">
Teste de fundo com a cor verde</div>

<div class="note orange">
Teste de fundo com a cor laranja</div>

<div class="note crusta">
Teste de fundo com a cor rosa</div>

<div class="note river">
Teste de fundo com a cor azul</div>

<style>
.note{position:relative;width:30%;padding:1.2em 1.5em;margin:2em auto;color:#fff;background:#2ecc71;overflow:hidden}
.note.orange{background:#f39c12}
.note.crusta{background:#F5ABB5}
.note.river{background:#3498db}
.note:before{content:"";position:absolute;top:0;right:0;border-width:0 16px 16px 0;border-style:solid;border-color:#fff #fff #27ae60 #27ae60;background:#27ae60;box-shadow:0 1px 1px rgba(0,0,0,0.3),-1px 1px 1px rgba(0,0,0,0.2);display:block;width:0}
.note.orange:before{border-color:#fff #fff #e67e22 #e67e22;background:#e67e22}
.note.crusta:before{border-color:#fff #fff #F5ABB5 #F5ABB5;background:#F5ABB5}
.note.river:before{border-color:#fff #fff #2980b9 #2980b9;background:#2980b9}
</style>



Home Sobre mim Tutoriais Loja de templates Portfólio Fanpage