Maratona Layout Perfeito: Modelos Para Blockquote

Ohayo, minna-san! Vou começar uma espécie de Maratona Layout Perfeito. Aqui irei pôr Goodies essenciais para o layout perfeito, a começar pelos blockquote que eu própria fiz ^^ Eles estão em hover então instalem no css, e depois visualizem, eles ficaram llindos! Se quiserem dar algumas dicas de goodies que eu podia publicar, é só dizer nos comentários.

Créditos: Aqui Aqui Aqui


Modelo 1:
.post blockquote {
padding: 3px;
border-radius: 3px;
background: #cea8a1;
box-shadow: inset 0 0 15px #BF958E;
text-shadow:#9E7B75 0px 1px 1px;
text-transform: lowercase;
font-family: verdana;
font-size: 10px;
color: #fff;
text-align: center;
-webkit-transition-duration: .30s;
}
.post blockquote:hover {
border-radius: 0px;
background: #f7c8a0;
text-shadow:#F5B076 0px 1px 1px;
box-shadow: inset 0 0 15px #F0BB8D;
-webkit-transition-duration: .30s;
}
Modelo 2:
.post blockquote {
padding: 3px;
border-radius: 3px;
background: #baabc1;
box-shadow: inset 0 0 15px #baabc1;
text-shadow:#baabc1 0px 1px 1px;
text-transform: lowercase;
font-family: verdana;
font-size: 10px;
color: #fff;
text-align: center;
-webkit-transition-duration: .30s;
}
.post blockquote:hover {
border-radius: 0px;
background: #e7d7b5;
text-shadow:#F5B076 0px 1px 1px;
box-shadow: inset 0 0 15px #e7d7b5;
-webkit-transition-duration: .30s;
}
Modelo 3:
.post blockquote {
padding: 3px;
border-radius: 3px;
background: #b2cbc4;
box-shadow: inset 0 0 15px #b2cbc4;
text-shadow:#baabc1 0px 1px 1px;
text-transform: lowercase;
font-family: verdana;
font-size: 10px;
color: #fff;
text-align: center;
-webkit-transition-duration: .30s;
}
.post blockquote:hover {
border-radius: 0px;
background: #fcbdb8;
text-shadow:#fcbdb8 0px 1px 1px;
box-shadow: inset 0 0 15px #e7d7b5;
-webkit-transition-duration: .30s;
}
Modelo 4:
.post blockquote {
padding: 3px;
border-radius: 3px;
background: #febfd2;
box-shadow: inset 0 0 15px #febfd2;
text-shadow:#baabc1 0px 1px 1px;
text-transform: lowercase;
font-family: verdana;
font-size: 10px;
color: #fff;
text-align: center;
-webkit-transition-duration: .30s;
}
.post blockquote:hover {
border-radius: 0px;
background: #cfc8d7;
text-shadow:#cfc8d7 0px 1px 1px;
box-shadow: inset 0 0 15px #cfc8d7;
-webkit-transition-duration: .30s;
}
Modelo 5:
.post blockquote {
padding: 3px;
border-radius: 3px;
background: #ffd799;
box-shadow: inset 0 0 15px #ffd799;
text-shadow:#ffd799 0px 1px 1px;
text-transform: lowercase;
font-family: verdana;
font-size: 10px;
color: #fff;
text-align: center;
-webkit-transition-duration: .30s;
}
.post blockquote:hover {
border-radius: 0px;
background: #f397ab;
text-shadow:#f397ab 0px 1px 1px;
box-shadow: inset 0 0 15px #f397ab;
-webkit-transition-duration: .30s;
}
Modelo 6:
.post blockquote {
padding: 3px;
border-radius: 3px;
background: #a1d2d2;
box-shadow: inset 0 0 15px #a1d2d2;
text-shadow:#a1d2d2 0px 1px 1px;
text-transform: lowercase;
font-family: verdana;
font-size: 10px;
color: #fff;
text-align: center;
-webkit-transition-duration: .30s;
}
.post blockquote:hover {
border-radius: 0px;
background: #d5c6b2;
text-shadow:#d5c6b2 0px 1px 1px;
box-shadow: inset 0 0 15px #d5c6b2;
-webkit-transition-duration: .30s;
}
Espero que tenham gostado! Podem reblogar, usar, editar... Mas com créditos! Kissus :3

24 comentários:

  1. Que lindos, Nês!

    Ah, Nês. Te mandei o convite de postadora de novo >.<
    E se aceitar, queria pedir para escolher 2 dias da semana para postar, afinal vc tem sua vida e postar no meu blog todo dia irá te atrapalhar

    ResponderExcluir
    Respostas
    1. Arigatou! E também por me chamares de Nês ^^

      AINDA N RECEBI. TENTA ENVIAR OUTRA VEZ, SABES QUE EU NUNCA RECEBO À PRIMEIRA u.u

      Ok! Vou tentar postar de manhã, menos à quinta e à sexta é que não dá, oki?

      Se n souberes o meu mal pede-me ok?

      Excluir
    2. Ah, vou mandar de novo...

      Estava pensando de postar segunda e quarta (vc), oque acha?

      Excluir
    3. Claro! Está bom assim ^^
      Tenta mandar outra vez o gmail tá mau -.-

      Excluir
    4. ^^

      A Nês, preciso de tua ajuda. Que cores faço o novo lay?

      Excluir
    5. tenta usar algumas paletas ^^ recomendo estas:

      http://1.bp.blogspot.com/-htBwy4UCJ04/ULebDMr2zNI/AAAAAAAAlIk/CErvnksPy4Q/s1600/43.png

      http://4.bp.blogspot.com/--g7c8Egds2U/ULedAllrF1I/AAAAAAAAlIs/PCraFbVCkR0/s1600/44.png

      http://4.bp.blogspot.com/-UVWwhGvt16U/ULeeIRcbYeI/AAAAAAAAlI0/Zk95x4QTUlM/s1600/45.png

      http://2.bp.blogspot.com/-IR8WWPoHQjA/UVDmZpc7CcI/AAAAAAAAz50/xK4vrNj3tSQ/s1600/44.png

      http://1.bp.blogspot.com/-euCFKaVQUNI/UVDmaPrz5NI/AAAAAAAAz6A/KI9iLaJwyxs/s1600/45.png

      http://3.bp.blogspot.com/-kHGKT5Tg0zs/UVDmbQmtwoI/AAAAAAAAz6I/qENIcV_zJcg/s1600/47.png

      Excluir
    6. Vou ver :P
      Mas acho que vou fazer algo rosinha...

      Excluir
    7. as paletas tão nuns tons rosa kawaii ^^

      Excluir
    8. Sim...
      Já reabri o Blog, vai lá ver :3
      Ah, Nês posso te pedir uma coisa? Quando for postar, por favor não põe mais o seu nome e borda na ilustração como antes, ok?
      E ela tem que ser do tamanho 300 x 500
      Ah, e de preferência de coreanas...ou asiáticas...nhé tanto faz
      ~exigente eu~

      Excluir
    9. Já fui ver! Ficou lindo ^^
      Ok, eu n ponho.
      Ok, vou pôr coreanas e asiáticas ^^
      ~n és exigente, eu é que tou abituada a usar imagens de animes ^^~

      Excluir
  2. Fofos :3
    Nês-chan aceita parceria comigo?
    Aqui: http://b-lushed.blogspot.com.br/p/parceria.html
    Se for aceitar me avise para eu colocar seu blog no gadget de parceiros do meu blog :)
    Kissus.

    ResponderExcluir
    Respostas
    1. ( ✖Pedidos de Parceria na própria página )

      Aceito, mas devias ter pedido na página ^^

      Excluir
  3. Respostas
    1. Pois, mas n vai ser o único post de ^^ tenho a certeza que irei fazer mais ^^

      Excluir
  4. ADOREI *3* <3
    Ficaram todos mega perfeitos!!! Os que gostei mais foram o 3, o 4 e o 5º modelo, mega fofos ^^

    Catching StarsEvery Pixel

    ResponderExcluir
  5. Que fofos *-*
    Gostei bastante, ainda mais pela enorme opção de cores que você deixou.

    Kawaii World!

    ResponderExcluir
    Respostas
    1. Kaorii *-*
      Arigatou! As cores foram daquelas paletas que fizes-te quando estavas no CB u.u

      Kissus :3

      Excluir
  6. Amei ;3

    ~~kiss
    http://b-oxofdreams.blogspot.com.br/

    ResponderExcluir
  7. Bem, apesar de ser apenas um modelo em várias cores, achei muito fofo ^^
    Nah, se eu usar dou os créditos, viu? u.u

    ResponderExcluir
    Respostas
    1. Arigatou ^^ No próximo post da maratona, irei disponibilizar algumas fontes ^^

      Oki, arigatou fofa ^^

      Excluir

Que bom que vais comentar!!!! Só tena de seguir estas regras:

♥Podes pôr a url do teu blog, para o poder visitar.
♥Podes comentar com palavrões e xingar, mas não sairás vencedor
♥Dá-me a tua opinião para melhorar o blog- Podes fazer a diferença!

✖Pedidos de Parceria na própria página
✖Aviso de Tags aqui.
✖Pedidos na Ask