The Moon Reverse ミ✩: Título da postagem personalizada com imagem + h2 da sidebar

15 de novembro de 2013

Título da postagem personalizada com imagem + h2 da sidebar

Olá, meus amores. Tudo certo? Hoje eu conheci vários blogs legais quando fui visitar alguns afiliados, isso é tão bom! Conhecer blogs novos, e tal. Falo isso porque não só gosto de conhecer, mas também de acompanhar, muitos seguem e acabam esquecendo a parte principal, que é dar apoio ao autor :( Enfim, estou uns dias sem dormir direito, sabe o que é se deitar, se virar e quando se dá conta de já é dia? Terrível. Bom, meus amores, chega de papo furado e vamos ao tutorial que me pediram a um tempinho atrás. Espero que consigam entender, por que é super fácil mesmo. Aproveitem a postagem e qualquer dúvida, já sabem, não é? Até mais! ^u^

Personalizando o título da postagem com imagem.
01. Primeiramente o código responsável pela personalização do h3 é o h3.post-title { A partir daí você vai dar uma pesquisada por isso através do f2. Achou? Então após isso irá substituir todo o código existente por isso:
background: url(IMAGEM) no-repeat;
padding: 9px;
margin-top: 2px; margin-bottom: 8px;
text-align: center; }
OBS.: Com o padding você movimenta e acerta tudo o que tiver internamente na caixa (background) e com o margin você movimenta e acerta sua imagem para os lados ou para cima e para baixo exteriormente.



Personalizando o título da sidebar com texto.
01. Primeiramente você tem duas opções, pode optar por ir personalizando pelo h2 { já existente. Ou pode ir personalizando também pelo .sidebar .widget h2{ Não tenho muito o que explicar, se você conhece o básico desse tipo de personalização, vai por esses códigos criando seu próprio modelo de texto na side. Caso não tenha entendido, um exemplo/base:
.sidebar .widget h2{
padding: 5px;
background: #000;
font: normal normal 8px "pf arma five";
color: #fff;
margin: 4px;
}

textsms      35 comentários

  1. Amei o tutorial, super bem explicado e eu estava precisando disso! Achei muito divo, obrigadão *0*
    Aceita afiliação, Mack? :3
    É o meu blog, Checkmate, está sendo reconstruído.
    Beijos, Wendy-K (checkm-ate)

    ResponderExcluir
    Respostas
    1. Nhaw, obrigaada >33<
      Aceito sim :D Mas quando reconstruir ele avisa ? Aí eu coloco <3

      Excluir
    2. Acabei algumas horas atrás, o layout não é grandes coisas como o seu, mas espero que goste do blog >3<
      checkm-ate.blogspot.com
      Até, Wendy-K.

      Excluir
  2. Sei como é mal vou deitar já tenho que acordar,te entendo :/ Adorei o tutorial bem explicado e parece que o resultado e legal^^

    Counting Feelings | counting-feelings.blogspot.com.br

    ResponderExcluir
  3. Sei bem como é mal vou deitar já tenho que acordar,te entendo :/
    Adorei o tutorial,bem explicado e parece que o resultado e bom ^^

    Counting Feelings | counting-feelings.blogspot.com.br

    ResponderExcluir
  4. Adorei o tuto <3
    Cate-land.blogspot.com

    ResponderExcluir
  5. Tinham me pedido pra postar esse tuto de novo, mas acho que agora vou recomendar o tutorial daqui pra quem me pedir <3 muito bem feito *u*'
    Boa sorte com o seu sono flor, eu também ando assim, mas é culpa do meu remédio, ele causa insônia :/ espero que consiga dormir bem nesse feriadão <33
    Ah, pode trocar o link do meu blog ali nos afiliados? O domínio novo chegou *u*'
    Beijos~

    www.blogblackcherry.com

    ResponderExcluir
  6. Adoro esses tutos, mudam totalmente o Blog, sério.

    htmlandresources.blogspot.com

    ResponderExcluir
  7. Adorei o tutorial. Sempre tive curiosidades em personalizar assim aushaus

    www.princedreamer.com

    ResponderExcluir
  8. Cara esse negócio de não conseguir dormir é horrível, mas já tentou tomar um suquinho de maracujá? rs Sério, pode te relaxar e para ajudar é bom se alongar para deixar todos os seus músculos aliviados, e tirar os problemas da cabeça. O tutorial eu amei, super bem explicado, e vai me ajudar muito no meu próximo layout *O*. Ei eu vi uma vaguinha pra afiliados, pode dar uma chance pro meu blog? Seria um sonho ter seu blog como meu afiliado ♥

    estrellando.com

    ResponderExcluir
    Respostas
    1. Pois é, já tentei várias coisas. Mas não sei se é por causa de muita frustração AHSUAHS' Nhaw obrigada *-* Já coloquei seu blog Tainá >3<

      Excluir
  9. Espero que você consiga dormir :/. Nunca passei por isso, mas imagino que é horrível.
    Adorei o tuto, você explicou muito bem. Talvez eu use no meu próximo layout, acho isso de colocar uma imagem no titulo do post algo tão fofo.

    Perfect Kpoppers ~

    ResponderExcluir
  10. Gente, já conhecia o primeiro tuto, mas o segundo me ajudou muito! Eu fazia de outra forma, mas esta é bem mais fácil ♥

    Um grande beijo,

    Juu-Chan || Nescau com Nutella

    ResponderExcluir
  11. Muito bom o tutorial,deve ficar lindo depois.As vezes tbm naum consigo dormir direito...Espero que sua preguiça passe logo,ninguém merece,com preguiça naum dá pra fazer nada!rsrssr

    tvgweender.blogspot.com.br - //Visita lá,troquei o lay

    ResponderExcluir
  12. ótimo tutorial, já tinha feito isso antes no próximo layout do meu blog, mas agora estou fazendo um de natal rçrç

    Tutorial super fácil. Amei o novo layout, super organizado, perfeição mil :3

    Teria como colocar o A.N de volta na lista de afiliados por favor? é que o seu está lá...mas o A.N não está aqui :l isso se ainda quiseres :D

    Adolescente Nerd

    ResponderExcluir
    Respostas
    1. Obrigada Megan <33
      Ah, isso é por que eu renovei as vagas :D Mas como o TMR ainda está lá eu coloco o AN de novo >33<

      Excluir
  13. Gostei do tuto, mas prefiro algo mais simples ;3
    Beijos ♥ www.f-airywings.blogspot.com

    ResponderExcluir
  14. Ótimo tutorial! Adorei seu blog, realmente muito incrível, tem tudo para fazer o maior sucesso; Já estou seguindo, segue o meu também?
    www.espacegirl.com

    ResponderExcluir
  15. O resultado deve ser lindo, é tudo bem explicadinho aqui, acho que vou usar no próximo layout :3

    Beijos, Having Cherry

    ResponderExcluir
  16. Mack quando eu coloco o background-image não pega... só quando poe o background: url ai pega....

    ResponderExcluir
  17. Amei o tuto ♥ Perfeito! Vou usar, bjs

    ResponderExcluir

O blog não é mais atualizado com novas postagens. Mas fique à vontade para perguntar algo do seu interesse, seja relacionado às postagens ou dúvidas que lhe inquietam, estou algumas vezes entrando no blog e certamente verei se tiver comentários pendentes. Obrigada pela visita, leitor!

Este blog não é mais atualizado com novas postagens!
Ps.: Que saudade, cara... Alguém ainda vivo por aqui em 2020?