The Moon Reverse ミ✩: Estilos para quote/caixas

19 de setembro de 2013

Estilos para quote/caixas

Olá, gente. Tudo certo com vocês? ( ^ 3 ^ ) Hoje trago para vocês alguns modelos diferentes para quote, não é bem um blockquote, mas decidi nomeá-lo assim, eles poderão ser usados nos seus blockquote, em caixas diversificadas ou até mesmo nas postagens ou sidebar pelo fato de eu ter deixado o modelo em css e não em blockquote. Mas não há problema vocês colocarem como blockquote ou em qualquer outro lugar, apenas não peguem o código para ser usados em edições pessoais em vossos layouts e não se esqueçam do crédito com link de redirecionamento para o The Moon Reverse, pelo amor de shisus. Espero que gostem bastante! Até amanhã, 22kos.

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.
01. Cole acima de "]]></b:skin>":
.borda1{
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;
}
02. Cole em seu gadget ou na postagem:
<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.
01. Cole acima de "]]></b:skin>":
.borda2 {
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;
}
02. Cole em seu gadget ou na postagem:
<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.
01. Cole acima de "]]></b:skin>":
.borda3 {
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;
}
02. Cole em seu gadget ou na postagem:
<div class="borda3">Conteúdo <33 </div>

textsms      30 comentários

  1. Ficaram perfeitos Mack! Arrasou!

    teensrevolts.blogspot.com

    ResponderExcluir
  2. adorei.tuto muito util...............

    http://postagensparavc.blogspot.com

    ResponderExcluir
  3. Que fofinhas, adorei essa azul :33 Você, sempre criativa, né? >U<

    Kiss, fireflies

    ResponderExcluir
  4. Que estilos perfeitos,um mais lindo que o outro!
    Vou ver se utilizo,com créditos ;D

    Bjão ,http://loveforhtml.blogspot.com.br/ (VISITA?)

    ResponderExcluir
  5. Sua perfeita, vou usar o último, com certeza *-*

    Beijão na testa xD,

    Juu-Chan do Nescau com Nutella >o< ( clique no link )

    ResponderExcluir
  6. Ah, Mack, não consegui ;c O código não está funcionando e eu o apliquei no meu CSS !

    ResponderExcluir
  7. Adorei o modelo número um! Muito lindo mesmo ;3

    Beijos da Lets | Vida de uma SONE

    ResponderExcluir
  8. Adorei os modelos, principalmente o pressionado!

    Nhaá ~ ♥ TP

    ResponderExcluir
  9. ficaram perfeitos >.<

    http://the-midnight-memories.blogspot.com.br/

    ResponderExcluir
  10. Segui, segue de volta?
    http://shisy-things.blogspot.pt/

    ResponderExcluir
  11. nao funciona .
    :\
    http://quaseprincipa.blogspot.com.br/
    segue de volta?

    ResponderExcluir
  12. Este comentário foi removido pelo autor.

    ResponderExcluir
  13. Vamos 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 *-*

    Kissu :*

    ResponderExcluir
  14. Que 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 :(

    @A4Y ♥

    ResponderExcluir
    Respostas
    1. Não entendi quase nada u3u
      Mas thanks dlç .q

      Excluir

O blog não é mais atualizado com novas postagens. Mas fique à vontade para perguntar algo do seu interesse, seja relacionado às postagens ou dúvidas que lhe inquietam, estou algumas vezes entrando no blog e certamente verei se tiver comentários pendentes. Obrigada pela visita, leitor!

Este blog não é mais atualizado com novas postagens, mas não excluo 100% a probabilidade.