11 de set de 2012

Blockquote simples


Ooi gente! Desculpem não postar ontem, esse mês eu acho que vou ter que postar um dia sim outro não, pois está bem corrido... O novo layout e o concurso provavelmente deverão esperar. 
Hoje eu trouxe um blockquote mais simples, ele tem bordas arredondadas, uma borda em volta, e o fundo fica branco no hover, a ideia é dar uma sensação de transparência.








Código:
.post blockquote {
background: #FFB6C1; /*---COR DO FUNDO--*/
border:2px solid #FF1493; /*---COR E ESTILO DA BORDA--*/
text-align: left; /*---ALINHAMENTO DO TEXTO--*/
padding: 5px;
margin:10px 20px 10px 20px;
cursor: crosshair; /*---ESTILO DE CURSOR--*/
transition-duration: 2s;
-moz-transition-duration: 2s;
-webkit-transition-duration: 2s;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.post blockquote:hover {
background: #FFFFFF; /*---COR DO FUNDO NO HOVER--*/
border:2px solid #FFB6C1; /*---COR E ESTILO DA BORDA NO HOVER--*/
text-align: left; /*---ALINHAMENTO DO TEXTO NO HOVER--*/
padding: 5px;
margin:10px 20px 10px 20px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}

Cole o código acima de ]]></b:skin>, e regule a cor e o que quiser conforme seu gosto, uma paleta de cores que eu indico é essa.

Se usarem creditem, e por favor não repassem.

Espero que tenham gostado do blockquote, é bem simples, mas fica fofinho dependendo do seu layout.

Beijos, boa noite!

2 comentários:

  1. Ficou lindo !!
    Bem simples e fofinho, Já vou enviar o lay e o banner.
    Beijinhos Emilia.

    ResponderExcluir
  2. Que bonitinho xD
    Qualquer dia desses vou estar no meu blog :D
    Beijinhos ♥
    http://mydreamsofasummernight.blogspot.com.br/

    ResponderExcluir

Obrigada por ler e comentar!
Deixe o link do seu blog (ou seu perfil aberto) para que eu possa retribuir. Não gosto muito de responder dúvidas via comentários, então prefiro que você mande na ask ali ao lado ->
Comentários de divulgação sem nada sobre o post não serão retribuidos. Fale pelo menos um pouquinho sobre o post, por favor.
Faça aos outros aquilo que você quer que façam para você.