27 de jul de 2013

Tutorial - Blockquote igual a minha

||

Boa noite, queridas pessoas que estão lendo essa postagem. Eu adoro enrolar pra postagem ficar mais longa, tenho que parar com isso heuhe. Enfim, eu esperava mesmo mais cometários na última postagem, mas vocês não deram as caras. Acho que gostam mesmo de tutoriais e utilitários, depois que eu parar de postar diversidades daí quero ver o que?.

Mas, indo ao assunto principal da postagem, eu trouxe um tutorial que me pediram em uma postagem anterior. É sobre o blockquote que eu uso aqui no meu blog, se vocês quiserem que eu traga mais alguns modelos, é só avisar que eu trago sim. Bom, vamos ver!


1. No seu HTML, pesquise por ]]></b:skin>, e logo acima coloque:
blockquote {
background: #f5f5f5;
border-radius: 2px;
padding: 2px;
border: 1px dotted #b7b7b7;
font-family: "silkscreen";
font-size: 8px;
text-align: center;
-webkit-transition-duration: .70s;
}
blockquote:hover {
letter-spacing: 2px;
word-spacing: 2px;
-webkit-transition-duration: .70s;
Pronto! Simplesmente isso. O tutorial original é do Modern html, mas eu editei, coloquei a fonte de pixel.

Era isso, beijos! Dúvidas aqui ou na ask. Até mais.

16 comentários:

  1. Ficou lindinho! *--* Adoro quando as letrinhas fazem isso em blockquotes! HAHA ~
    Beijinhos ♥

    Uma ovelha mais que negra

    ResponderExcluir
  2. Adorei esse tuto.
    primeira vez no blog e ja estou seguindo beijos.
    http://thelindysdiaries.blogspot.com.br/

    ResponderExcluir
  3. Acredite não é só você, não (rsrs)! Sempre que inicio o post tenho que ficar enrolando um pouco, se não acaba ficando um post muito pequeno. Sobre o blockquote eu simplesmente adorei este modelo! Super lindinho ele. Beijos.

    - Simply Thonn


    ResponderExcluir
  4. Anw, muito obrigada por postar o tuto que eu pedi! Ficou bem explicadinho, vou usar, com certeza :3

    Kiss~
    http://garotasatrevidas-s2.blogspot.com.br/

    ResponderExcluir
  5. Ah que pena que seu último post não teve muitos comentários, mais amei seu blog, e amo mesmo tutoriais *w*~

    É incrível esse blockquote, sério, amei mesmo poxa, esse efeito é super!
    Seguindo aqui.

    Adolescente Nerd // Oficial

    ResponderExcluir
    Respostas
    1. obrigada!
      é tão bom saber que vc gostou do meu blog, tipo, é que vc é de um blog grande né (:

      Excluir
  6. Ah, adorei o tuto ^^ muito bom! O blockquote daqui é bem lindo, e pra quem tem um blog mais discreto... fica muito bom! Ah, Bjs ^^

    ResponderExcluir
  7. Consegui ver ser comentário no dia,mas primeiro siga o blog (http://coisasdemeninasbffs.blogspot.com)
    Para eu saber se esta realmente interessada depois de seguir faço sua postagem de png's!
    Bjks Looh!

    ResponderExcluir
  8. Hahaha' enrolar nas postagens deixa a postagem mais chique, rsrs, amei seu blog demais, lindo, lindo, lindo, amei o blockquote, perfeito, deu até vontade de usar no próximo layout free que farei :3
    Amei a postagem e o tuto, não se preocupa se o número de comentários diminuiu, é que o povo voltou as aulas, normal isso. Bjoon e sucesso :*

    Adolescente Nerd

    ResponderExcluir
    Respostas
    1. é verdade haha :D obrigada! *-*. E tipo, seu blog é grande, eu to "me sentindo" com vc comentando aqui heueh. volte sempre! :D

      Excluir

- Eu sempre retribuo todos os comentários, SEMPRE;
- É permitido falar palavrão nos comentários, o que não pode é ser grosseiro com os outros;
- Aceito críticas construtivas, não ofensas;
- Sempre deixe o link do seu blog em baixo do comentários;
- Os comentários são moderados;
- Comentários do tipo "seguindo, segue de volta" ou algo do tipo não serão aceitos.

algumas carinhas para vocês usarem nos comentários:
(◕‿◕✿) ◕‿◕ (◡‿◡✿) ◑▂◐ ◑︿◐ ◑ω◐ ◑﹏◐