30/09/12

Tutorial - Blockquote personalizado



Olá, trouxe uns blockquotes personalizados, caso usem creditem --' 

Para colocar, basta ir ao html e colar acima de ]]></b:skin>



/* Blockquote By Cat Girl*/
blockquote {
background:  #FFFFFF; /* Cor do fundo */
padding: 10px;
border: 1px solid #FF69B4; /* espessura, tipo e cor da borda*/
color:  #000000; /* Cor do texto */
text-align: center; /* alinhamento do texto */
-webkit-border-radius: 10px;
-webkit-border-bottom-left-radius: 100px;
-moz-border-radius: 10px;
-moz-border-radius-bottomleft: 100px;
border-radius: 10px;
border-bottom-left-radius: 100px;
/* Fim do Blockquote By Cat Girl */
}



/* Blockquote By Cat Girl*/
blockquote {
background: #000000; /* Cor do fundo */
padding: 10px;
border: 2px dashed #FF1493; /* espessura, tipo e cor da borda*/
font-size: 12px; /* Tamanho da fonte */
text-align: center; /* alinhamento do texto */
-webkit-border-radius: 70px;
-moz-border-radius: 70px;
border-radius: 70px;
/* Fim do Blockquote By Cat Girl*/
}

 (este já esteve aqui no CG).

 /* Blockquote By Cat Girl */
blockquote {
border: 1px solid #c9c9c9; /*espessura, tipo e cor da borda */
background-color: #efefef; /* cor de fundo */
padding: 10px;
font-size: 11px; /* tamanho da fonte */
text-align: center; /* alinhamento do texto */
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
/* Fim do Blockquote By Cat Girl */
}


/* Blockquote By Cat Girl*/
blockquote {
border: 1px solid #c9c9c9; /*espessura, tipo e cor da borda */
background:  #CD96CD; /* Cor do fundo */
padding: 10px;
font-size: 12px; /* Tamanho da fonte */
text-align: center; /* alinhamento do texto */
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
/* Fim do Blockquote By Cat Girl */
}



/* Blockquote By Cat Girl*/
blockquote {
background: #7FFFD4; /* Cor do fundo */
padding: 10px;
border: 2px solid  #9B30FF; /* Espessura, tipo e cor da borda */
font-size: 12px; /* Tamanho da fonte */
text-align: center; /* alinhamento do texto */
-webkit-border-top-left-radius: 30px;
-webkit-border-top-right-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-topright: 30px;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
/* Fim do Blockquote By Cat Girl*/
}

4 comentários:

  1. Lindooos né?
    E fica tão fofo... dá uma diferença(:
    Parabéns,seu blog é um MÁXIMO, seguindo !

    http://nosnopc.(blogspot.com)

    ResponderEliminar
  2. Nossa, primeira visita no seu blog e eu amei querida!
    Segue meu blogger porfavor, eu imploro !


    imaginandoparis

    Bju.

    ResponderEliminar

-Não coloques o link do teu blog para ele não ser excluído. Retribuo mesmo que deixes só "Cat Girl".

-Comentários do género "Seguindo, segue de volta", "Adoro seu blog", "Novo concurso..." não serão respondidos.

-Fala alguma coisa sobre o post, senão não retribuo.

-Aceito críticas construtivas, nada de palavrões ou coisas do género.

Beatriz


Layout by Beatriz D. ~ Cat Girl | Proibido cópias