• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

1 de abril de 2013

Blockquote Modelo Tumblr

Tumblr_mkdx8tijm61qeqipuo1_500_large
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!

15 comentários:

  1. Mt legal o tuto vou experimentar e voltar p falr se deu certo
    Amei seu cantinho e voltarei sempre que tiver post novo
    ME VISITA? | Canal no Youtube | Blog | Instagram | Fan Page - Facebbok | Encomende um template | Layout a partir de 15,00 | Twitter | Projeto SER GENTE (seja uma blogueira que faz a diferença)
    Retribuo em todos!

    ResponderExcluir
  2. HAUSH' Já passei por isso !
    Mais enfim, esse blockquote era o que eu precisava *ooo* vou usar no próximo layout.

    The Moon Reverse

    ResponderExcluir
  3. Acho bem fofo esse blockquote, mas tento não utilizar coisas meio inspiradas lá, já que o povo do tumblr é meio esquentado asuhashuhs
    Mas o tuto tá ótimo, Megan! E desculpa por não passar aqui direito, não ando tendo tempo para o TK ):

    Beijos
    Too Kawaii

    ResponderExcluir
    Respostas
    1. Ah flor, fico feliz com sua visita no blog, e sei que você está ausente mesmo em alguns blogs, pois entendo né, temos nossa vida para conciliar também, e ainda mais que você tem o Cherry Bomb pra postar, poxa, responsabilidade dobrada >0<

      Excluir
  4. Este comentário foi removido pelo autor.

    ResponderExcluir
    Respostas
    1. Nossa Moon parabéns, escreve e delta o comentário sem querer ¬¬""""
      ----
      Vamos ficar gordas-qq
      Parabéns *u*

      Adorei o tuto, o blockquote fica muito fofo, acho que vou usar no próximo lay :3

      Wanted Dream

      Excluir
    2. auhsuhus' moon, não fez mal, bom que assim ficamos com mais comentários X) KKK'

      Eu gorda? acho impossível, rsrs, não engordo de ruim

      Excluir
  5. alguem falou em tumblr ? rsrs

    QUASEPRINCIPA|BLOG

    ResponderExcluir
  6. Ownt!Que fofo o blockquote...já vi ele em outros blogs,mas não gosto muito...Talvez use~~

    Bad&Black Apples Visita?

    ResponderExcluir
  7. awn que blockquote fofinho meooooo *w*

    ResponderExcluir