17/02/2015

Layout Novo Açucarado + Modelos para Caixinhas de Texto

Hellow frutinhas! É como podem ver eu mudei de novo o layout :3 É que eu enjoou rapidinho :3 Mas ainda preciso dar alguns retoques nele. Eu não quis dar um nome pra ele  preguiça ~
Eu não escolhi outras cores por que estou sem criatividade, então decidi fazer com as minhas cores favoritas rosa e lilás ou roxo néh?! Eu estava fazendo ele alguns dias atrás, daí eu consegui termina-lo ontem. Não sei se ficou muito bom, pois ainda tenho que colocar as coisas dos blogs que eu estou participando de melhor blog etc...
Bom, eu vim falar sobre meu layout, mas também vim trazendo um tutorial bem bacana que achei no blog Garota no Mundo HTML. E eu nem acredito que o novo layout de lá é da diva Dara (2NE1) *-*
São umas caixinhas de texto, onde colocamos no gadget, tipo o blockquote (caixa de códigos). Vamos ao preview?  Veja as caixinhas aqui



Para usá-las vá até o modelo e acima de ]]skin; cole os códigos abaixo:

Caixinha Verde
.desc{width:226px; height: 90px; font-family: 'georgia'; font-size: 11px; margin-left:px; margin-bottom:2px; display: inline-block; background:#D5DAC2; outline: 1px dashed #fff;outline-offset: -3px; padding: 5px 7px 5px 7px;  text-align: justify; color: #fff;text-shadow: 1px 1px 1px #CAD0AF;letter-spacing: 0px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; -webkit-transition-duration: .90s; }
-

                                                                     Caixinha Azul
                                                                                 .desc1{width:226px; height: 90px; font-family: 'georgia'; font-size: 11px; margin-left:px; margin-bottom:2px;display: inline-block; background:#D2E1DF; outline: 1px dashed #fff;outline-offset: -3px; padding: 5px 7px 5px 7px;  text-align: justify; color: #fff;text-shadow: 1px 1px 1px #B6C9C7;letter-spacing: 0px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; -webkit-transition-duration: .90s; }
-

                                                                   Caixinha Lilás
                                                                              .desc2{width:226px; height: 90px; font-family: 'georgia'; font-size: 11px; margin-left:px; margin-bottom:2px;display: inline-block; background:#DECEE4; outline: 1px dashed #fff;outline-offset: -3px; padding: 5px 7px 5px 7px;  text-align: justify; color: #fff;text-shadow: 1px 1px 1px #C1B5C5;letter-spacing: 0px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; -webkit-transition-duration: .90s; }
-

                           Para funcionar os textos, adicione a div dentro da sidebar ou gadget:
                                                                                  <div class="desc">Olá descreva o que quiser aqui nesta caixinha de texto certo? Olá descreva o que quiser aqui nesta caixinha de texto certo? Olá descreva o que quiser aqui nesta caixinha de texto certo? descreva somente coisas lindas certo? beijocas =3</div>

17 comentários:

  1. Oi c:
    O layout ficou muito lindinho, já que você enjoa rápido você poderia tentar usar outras cores, o seus lays são sempre roxas e roxos, tente outras cores, assim você não enjoa tão rápido c:
    Gostei das caixinhas, beijos!
    ||Crazy Cake ||

    ResponderExcluir
    Respostas
    1. Ai, obrigado pela dica! Talvez no próximo layout eu faça de uma cor bem diferente de rosa e lilás ^ ^

      Excluir
  2. Olá Thereza :)
    O layout ficou uma graça parabéns ^-^
    Gosto de tutoriais mas dificilmente uso algum :p
    Beijos

    The Book of Stars

    Spooky Wookie

    ResponderExcluir
    Respostas
    1. ^ ^ Obrigadinho, monstrinha! Também gosto, mas só de alguns.

      Excluir
  3. Ai minha nossa! Mais um layout divo! Cara, você tem muito talento com layouts! A cada novo layout é um mais divo que o outro!
    Kisses candy ♥

    ResponderExcluir
    Respostas
    1. ^ ^ Agradeço muito pelo seu comentário fabuloso!

      Excluir
  4. Amei de paixão o novo layout do blog, de verdade mesmo, seu lay ta muito lindo e fofo :3 e também gostei do tutorial, ta tudo muito perfeito mesmo <3
    Beijos :3

    ResponderExcluir
  5. OMG que caixinhas fofinhas ^u^! Acho que vou usar no meu próximo layout.
    Amei o blog e já estou seguindo.

    Visita? | isasthings.blogspot.com

    ResponderExcluir
    Respostas
    1. Obrigadinho, chocolate! Seja bem vinda ao meu mundo!

      Excluir
  6. Seu layout tá tão lindinho <3 Parece marshmallow *¬* (eu e minhas comparações doidas shashuah) Adorei <3

    ResponderExcluir
    Respostas
    1. ^ ^ Agradeço muitissímo seu perfeito comentário!

      Excluir
  7. Vou usar a caixinha verde no meu próximo layout, já uso essa caixinha nos meus posts :3

    YuukaMori.blogspot.com || Xoxo♥

    ResponderExcluir