Blockquote Modelo Tumblr

Olá gente, como vão? espero que a páscoa de vocês tenha sido ótima, eu ainda tenho muitos chocolates aqui hehehe.

Eu estou muito feliz pois hoje me dei bem no teste de português, não sabia que iria ter teste, e aí quando a professora distribuiu as folhas, eu levei um susto, o teste valia 3,0 e graças à Deus eu ganhei 2,0 sendo que estava super difícil pois estava com muitas dúvidas pois não tinha estudado.

Mais hoje trouxe um tutorial de um blockquote super bonito que usei em um layout esses dias, ele é favorável para quem gosta de layout's inspirados em tumblr.

abaixo temos um preview de como o blockquote é, é claro que poderemos colocar a borda de outra cor e o fundo do blockquote, sendo que prefiro o fundo sempre branco para caso o texto tive algum fundo, venha camuflar com o blockquote.

Vamos iniciar o tutorial?

 créditos (♣)

Vá em modelo > editar html > prosseguir e cole o código seguinte antes de ]]></b:skin>:

/* --- Blockquote simples por camilasdesigns --- */

 .post blockquote {

  margin:1.6em 10px;

  padding:5px;

  background:#EEEEEE; /* cor de fundo, coloque a cor que quiser */

  border:1px solid #CDCDCD; /* cor, tipo e espessura da borda */

  font:12px 'Courier', sans-serif; /* tamanho e tipo da fonte */

  font-weight:normal;

  line-height:1.6em;

  text-align:left;

  overflow:scroll; /* não mexa */

  }

Sugiro que altere apenas os trechos identificados de acordo com essa {www}  tabela se preferível. Depois de fazer as alterações, visualize o modelo e se estiver tudo correto, salve.

Super simples, não? Espero que tenham gostado; fiquem com Deus!