Blockquotes

Boa tarde, leitores.

Desculpe não ter entrado ontem, estava dando uns retoques no meu trabalho e por incrível que pareça ainda não consegui terminá-lo. Enfim, mudando drasticamente de assunto, alguém assistiu o jogo ontem? Que momento foi aquele na hora do hino? Uma coisa sem comparação, parece que de repente o povo do nosso país resolveu resgatar algo muito comum nos grandes países e principalmente na Europa, uma coisa chamada de patriotismo que estava desaparecida do Brasil há algum tempo.

Hoje resolvi trazer alguns modelos de blockquote montados por mim, não são muitos, pois como sabem ainda sou iniciante, mas como prometi teremos algumas semanas antes, não sei ao certo, teremos menos coisas reblogadas aqui e de preferência passaremos a apresentar um conteúdo original. Para quem não sabe, blockquote é como uma caixinha de citação, onde colocamos códigos, avisos etc. Para usar os códigos basta colá-los em cima de ]]></b:skin>.  Espero que gostem.

Modelo 1, código:

blockquote {

background: #F3ECD7;/* Cor de fundo */

border: 2px solid #E5BA9D;/* Cor e tamanho da borda */ 

font-family: 'arial'; /* Fonte */ 

font-size: 10px; /* Tamanho da fonte */ 

padding: 8px;

text-transform:none;

box-shadow: inset 0 0 20px #eec1c8, 0 0 4px #eec1c8;

}

blockquote:hover {

border: 2px solid #F3ECD7;/* Cor e tamanho da borda */  

text-transform:none;

box-shadow: inset 0 0 20px #eec1c8, 0 0 4px #eec1c8;

}

 Modelo 2, código:

blockquote {

background: #fff;/* Cor de fundo */

border-bottom: 2px solid #E5BA9D;/* Cor e tamanho da borda */

padding: 8px;

font-family: 'arial'; /* Fonte */

font-size: 10px; /* Tamanho da fonte */

text-transform:none;

box-shadow: inset 0 0 20px #eee, 0 0 4px #eee;

}

blockquote:hover {

background: #d1f0f5;

border-bottom: 2px solid #e5c9b3;/* Cor e tamanho da borda */

text-transform:none;

box-shadow: inset 5 0 20px #9ec5cc, 0 0 4px #9ec5cc;

}

 Modelo 3, código:

blockquote {

background: #000;/* Cor de fundo */

border: 2px solid #fff;/* Cor e tamanho da borda */ 

padding: 8px;

font-family: 'arial'; /* Fonte */ 

font-size: 10px; /* Tamanho da fonte */ 

text-transform:none;

color:#fff;

box-shadow: inset 0 0 20px #eee, 0 0 4px #eee;

}

blockquote:hover {

background: #fff;

border: 2px solid #000;/* Cor e tamanho da borda */  

text-transform:none;

box-shadow: inset 5 0 20px #000, 0 0 4px #000;

color:#000;}