23 abril, 2012

4 Estilos para Blockquote

562726_281889178566404_100002359710204_648266_490659088_n_large

Hoy meus Anjos!!!Hoje vou mostrar alguns estilos de blockquote e como aplica-los, bora lá ??

Para aplica-los é só pegar o código de algun dos 4 estilos e colar acima de :    ]]></b:skin>    Editando de acordo com seu gosto.

Créditos : Sweet Poison

Estilo 1 :  



Código :



.post blockquote {
background: #DDF7F7;
border-right: 3px solid #33CCCC;
color: #000;
font-family: tahoma;
font-weight: normal;
font-size: 11px;
text-align: right;
padding: 3px;
}


Onde está negritado de Verde é o background ( cor do fundo ) do blockquote. Onde está negritado de Vermelho é a cor da borda do blockquote. Onde está negritado de Rosa é a cor da fonte .Onde está negritado de Laranjado é a posição do texto.Right = Direita   Left = Esquerda  Center = Centro

Estilo 2 :



Código :



.post blockquote {
background: #f5f5f5;
border-bottom: 3px solid #DAA520;
color: #bebebe;
font-family: tahoma;
font-weight: normal;
font-size: 11px;
text-align: right;
padding: 3px;
border-radius: 25px;
}


Onde está negritado de Verde é o background ( cor do fundo ) do blockquote. Onde está negritado de Vermelho é a cor da borda do blockquote. Onde está negritado de Rosa é a cor da fonte .Onde está negritado de Laranjado é a posição do texto.Right = Direita   Left = Esquerda  Center = Centro

Estilo 3 :



Código :



.post blockquote {
background: #f5f5f5;
border: 1px solid #00688B;
color: #00688B;
font-family: century gothic;
font-weight: normal;
font-size: 11px;
text-align: right;
padding: 7px;
border-radius: 25px;
}


Onde está negritado de Verde é o background ( cor do fundo ) do blockquote. Onde está negritado de Vermelho é a cor da borda do blockquote. Onde está negritado de Rosa é a cor da fonte .Onde está negritado de Laranjado é a posição do texto.Right = Direita   Left = Esquerda  Center = Centro

Estilo 4 :



Código :



.post blockquote {
background: #fff;
border-left: 1px solid #00868B; /*Cor da Borda lado esquerdo*/
border-top: 1px solid #00868B; /* Cor da Borda topo*/
border-bottom: 1px solid #00868B; /* Cor da rodapé */
border-right: 3px double #00868B; /* Cor da Borda lado direito*/
color: #696969;
font-family: courier;
font-weight: normal;
font-size: 11px;
text-align: right;
padding: 7px;
}


Onde está negritado de Verde é o background ( cor do fundo ) do blockquote. Onde está negritado de Vermelho é a cor da borda do blockquote. Onde está negritado de Rosa é a cor da fonte .Onde está negritado de Laranjado é a posição do texto. Right = Direita   Left = Esquerda  Center = Centro


Bom por hoje é só, espero ter ajudado vocês meus anjinhos, Bjos e até + ‼




6 comentários:

  1. Amei o estilo 2 e 3 ;)
    Estou participando de um concurso.. se puder votar.. www.acessopermitidoblog..blogspot.com

    --Bejãão

    ResponderExcluir
  2. Amei o estilo 3, muito lindo c:

    http://princesswithallstar.blogspot.com.br/

    ResponderExcluir
  3. Gostei muito do segundo estilo flor,bem bonito.
    http://desconstruindoaspalavras.blogspot.com.br/

    ResponderExcluir
  4. Os estilos ficaram bem legais, gostei bastante do segundo!
    Abç

    adraftbox.blogspot.com

    ResponderExcluir
  5. Não sei fazer estas coisas (mesmo lendo um tuto),ms queria muito saber.

    http://depois-dos-sonhos.blogspot.com.br
    @paulafonseeca

    ResponderExcluir