quarta-feira, 2 de novembro de 2011

Tutorial - Blockquote

Tumblr_lalirghgrj1qaobbko1_1280_large
Hooy Cuties, tudo bem?
Hoje não é dia de tutorial, eu sei. Mas uma leitora pediu, e seu pedido, é uma ordem kk..
Bom, o tutorial de hoje é blockquote que é uma "caixinha" que serve para destacar texto. Uso muito em tutoriais e citações. Exemplo:
Blá blá blá, texto teste teste teste teste.. mais blá blá blá.. teste teste teste.
Bom, vá até seu blog, Design, Designer do modelo, Avançado, Adicionar CSS e cole isso:
.post blockquote {
background:url(Url_da_imagem_de_fundo) ;
border:2px dashed #Cor_da_borda;
padding: 5px;
margin:10px 20px 10px 20px;
}
Agora é só trocar url da imagem pelo url da sua imagem obvio, #cor_da_borda por uma cor de sua preferencia (use essa tabela). Depois é só salvar.
Para usar, basta clicar nas "aspas" que ficam ali em cima na barra dos posts como mostra na imagem:

Como eu estou com preguiça de printar, eu copiei uma imagem que eu tirei de um post meu aí. Mas dá pra ver as aspas ali no canto né?
Enfim, espero ter ajudado! Beijos

Um comentário:

  1. Nossa! Aqui é perfeito! Você escreve muito bem, simplesmente amei esse layout, adoro suas dicas, tutoriais, enfim, amei tudo aqui! Simplesmente lindo! Aceitaria afiliação? TENHO que ter seu blog nos meus afiliados! rs *-*

    Beijos,

    www.supermercadob.blogspot.com
    (Hey, esse tutorial eu usei no meu blog com minhas palavras, porém como aprendi no seu blog, creditei, ok? :D)

    ResponderExcluir

Obrigada pelo comentário! Mas ó,
- Leia as Regras do blog.
- Não se esqueça de deixar o link do seu blog para eu visitar. <3
- Retribuo quase todos os comentários.
- Se tiver dúvidas,visite a Faq.
- Eu não aceito selinhos nem tags :@