08/07/2015

Como colocar Fundo em Blockquote, Post Footer, etc.

Oi oi, bolos de morango com cobertura de caramelo! O bom das férias é isso, ficar blogando, ter bastante tempo para visitar outros blogs, e fazer outras coisas. O ruim da férias é que, nós (eu não sei vocês, mas eu sim) viramos empregadas da nossa mãe :3 Ah, fazer o que néh?! Mas, eu gosto muito de ajudar minha mãe (mentira).
Chega de ficar embromando, sendo que tem post novo :3 Uma pessoinha, muito fofa, me pediu que eu fizesse um tutorial ensinando como colocar fundos (backgrounds, wallpaper, etc.) em alguns elementos como, o blockquote, o post footer e outros. Bom claro que estarei ensinando a vocês e claro a pessoinha que se chama Isabelle Campos, mais conhecida como Izaberu Tokki, do blog Hi Tokkio.







Não tem segredo nenhum, basta prestar atenção por que eu não sei explicar :3
Vamos fazer primeiro com o blockquote que é mais fácil. Existe dois tipos de blockquote (eu acho), primeiro tem aquele que tem o fundo hover, ou seja, tem dois fundo, igual ao meu. E o outro é que é normal.

Blockquote com Fundo Hover

1º Clique em Editar HTML >> Ctrl + F, depois procure pela palavra Blockquote.
Quando encontrar substitua a palavra "background" por "background: url("URLDOBACKGROUND");"

No Blockquote hover é a mesma coisa, exemplo:


É só trocar "background: #SUACOR" por "background: url("URLDOBACKGROUND");", nada demais :3
A mesma coisa no post footer. Agora no meu ícone "Follow The Blog" é o blockquote junto com o link, exemplo:
NOMEZINHO
-
Beijos, e espero ter ajudado! Se ainda não intendeu me pergunte :3 Como já tinha dito no começo não sei explicar.
                                                                           

10 comentários:

  1. ai mds, que blog mega fofo (≧◡≦) vou casar com ele -qqq
    enfim, o post está ótimo e isso me ajudou muito no lay que estou fazendo :3 Obrigada (ノ◕ヮ◕)ノ
    bjs
    Extraterrestres no Mundo da Lua

    ResponderExcluir
    Respostas
    1. ^ ^ obrigado, doçura! Kkkk
      Fico feliz em que o post tenha te ajudado a fazer seu layout :3

      Excluir
  2. ótimo tutorial,super útil :D
    Beijos\ Meninas na Web <3

    ResponderExcluir
  3. Ótimo tutorial, amei ele e provavelmente irei usar em meu próximo lay, falando em layout amei o seu lay atual, acho que combinou bastante com o blog >w< bem kawaii :3
    Beijos :3 | Sweet Purple Bunny

    ResponderExcluir
    Respostas
    1. Obrigadinho, chocolate! Aaaawwwnnnn <33 thank you, choco :3

      Excluir
  4. Que blog diferente, ameeeeeei ^^
    Adorei o tutorial, muito bem explicado <3
    Beijos
    Visita? http://olivroemquehabito.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. ^ ^ Obrigado, pudim <33
      Ai, que bom que está bem explicado :3

      Excluir