Modelo número 01 - Pressionada
When I was younger so much younger than today
I never needed anybody's help in anyway.
But now these days are gone,
I'm not so self assured.
Now I find I've changed my mind.
.borda1{02. Cole em seu gadget ou na postagem:
color: #9a9a9a;
text-shadow: 1px 1px 0px #fff;
padding-top:6px;
padding-left:7px;
padding-right: 45px;
padding-bottom:6px;
margin-bottom: 6px;
margin-top: 6px;
background: #f8f8f8; /* Cor de fundo, não precisa mudar */
border-top: solid 1px #f3f3f3;
border-bottom: solid 1px transparent;
border-left: solid 1px #f3f3f3;
border-right: solid 1px transparent;
}
<div class="borda1">Conteúdo <33 </div>
Modelo número dois - Simple
When I was younger so much younger than today
I never needed anybody's help in anyway.
But now these days are gone,
I'm not so self assured.
Now I find I've changed my mind.
.borda2 {02. Cole em seu gadget ou na postagem:
font-family: cambria;
font-size:13px;
color: #5d5d5d;
text-shadow: 1px 1px 1px #fff;
padding-top:6px;
padding-left:7px;
padding-right: 45px;
margin-bottom: 6px;
margin-top: 6px;
padding-bottom:6px;
background: #e4e4e4; /* Cor de fundo, não precisa mudar */
OPACITY: 0.5;
outline: dashed 0px #e9e9e9;
outline-offset: -2px;
-webkit-transition-duration: .50s;
}
.borda2:hover {
background: #fff;
font-size:13px;
border-left: 5px solid #ccc;
border-right: 5px solid #ccc;
text-shadow: 0px 5px #e5e5e5, 0px 0px #b5b5b5, 4px -3px 0px #e5e5e5;
-webkit-transition-duration: .90s;
}
.borda2 a {
background: #fff;
font-size:13px;
border-left: 2px solid #ccc;
border-right: 2px solid #ccc;
color: #9d9d9d;
text-shadow:0px 0px transparent, 0px -5px #e5e5e5;
-webkit-transition-duration: .50s;
}
<div class="borda2">Conteúdo <33 </div>
Modelo número três - Personal
When I was younger so much younger than today
I never needed anybody's help in anyway.
But now these days are gone,
I'm not so self assured.
Now I find I've changed my mind.
.borda3 {02. Cole em seu gadget ou na postagem:
font-family: cambria;
font-size: 14px;
color: #fff;
margin-bottom: 6px;
margin-top: 6px;
text-shadow: 1px 1px 0px #98c0ec;
padding-top:6px;
padding-left:7px;
padding-right: 45px;
padding-bottom:6px;
background: url(http://i.imm.io/1gzDP.png) repeat;
box-shadow: inset 0px 0px 16px #98c0ec, 3px 3px 0px #f9f9f9;
outline: solid 1px #cedded;
outline-offset: -2px;
}
<div class="borda3">Conteúdo <33 </div>
Ficaram perfeitos Mack! Arrasou!
ResponderExcluirteensrevolts.blogspot.com
Obrigada ^3^
Excluiradorei.tuto muito util...............
ResponderExcluirhttp://postagensparavc.blogspot.com
Thanks ^^
ExcluirQue fofinhas, adorei essa azul :33 Você, sempre criativa, né? >U<
ResponderExcluirKiss, fireflies
Nha, obrigada <3
ExcluirQue estilos perfeitos,um mais lindo que o outro!
ResponderExcluirVou ver se utilizo,com créditos ;D
Bjão ,http://loveforhtml.blogspot.com.br/ (VISITA?)
Obrigada :DD
ExcluirSua perfeita, vou usar o último, com certeza *-*
ResponderExcluirBeijão na testa xD,
Juu-Chan do Nescau com Nutella >o< ( clique no link )
Obrigada Juu :D
ExcluirAh, Mack, não consegui ;c O código não está funcionando e eu o apliquei no meu CSS !
ResponderExcluirTem certeza ? Colocou acima de ]]> ?
ExcluirAdorei o modelo número um! Muito lindo mesmo ;3
ResponderExcluirBeijos da Lets | Vida de uma SONE
Adorei os modelos, principalmente o pressionado!
ResponderExcluirNhaá ~ ♥ TP
Obrigada :DD
Excluirficaram perfeitos >.<
ResponderExcluirhttp://the-midnight-memories.blogspot.com.br/
Obrigada ><
ExcluirSegui, segue de volta?
ResponderExcluirhttp://shisy-things.blogspot.pt/
=3
Excluirnao funciona .
ResponderExcluir:\
http://quaseprincipa.blogspot.com.br/
segue de volta?
Onde colou o código ?
ExcluirQue perfeitos, amei todos *u* Bjs, Dazzle ♥
ResponderExcluirObrigada >\\\\<
ExcluirEste comentário foi removido pelo autor.
ResponderExcluirObrigada :))
ExcluirVamos sentir falta sim Mack u-u' Boa ideia a sua de fazer como caixas *-* Esse tipo de coisa fica legal em outros lugares tbm :33 Ficaram bem legais *-*
ResponderExcluirKissu :*
Nhaw, obrigada Saki <3
ExcluirQue divos abiga, afe que besteira, isso é blockquote sim poxa u_u, rçrç, sei lá o que bimestral ta voltando HAHAHAHA, sem TMR, mentira mulé, to triste :(
ResponderExcluir@A4Y ♥
Não entendi quase nada u3u
ExcluirMas thanks dlç .q