Seja bem vindo(a) ao Sugoi tutoriais =)
Temos temas para blogger, wordpress e outros!
Acompanhe nosso blog pela FANPAGE!
Peça o seu tutorial aqui!

2/17/2013

Background no titulo do post


Irei ensinar um tutorial bem simples, mais muito útil para quem está preparando ou pretende preparar um código base no estilo fansite. O tutorial é de como colocar um background de imagem ou cor no titulo do post. Vamos começar?
1. Entre no painel do seu blog
2. No menu lateral clique em "Modelo" e depois "Editar HTML"
3. Aperte a tecla "F3" e procure por "h3.post-title {"
4. Depois de achar "h3.post-title {" cole depois dele o código abaixo

color: #404040;
margin: -6px -6px .65em -6px;
padding-bottom: 13px;
padding-top: 10px;
padding-left: 5px;
padding-right: 5px;
background:transparent url(substitua pelo link de sua imagem) no-repeat bottom;
  margin-top: -25px;

Caso queira deixar apenas uma cor em vez de uma imagem como background. Troque a linha destacada em vermelho, por está...
background-color: #codigodesuacor;

Veja abaixo os resultados...

Imagem como background:
(clique na imagem para amplia-la)

Cor como background: 
(clique na imagem para amplia-la)

Bom é só isso. Espero que tenham gostado e comentem.

Tutorial feito exclusivamente ao Sugoi Tutorias, se reblogar coloque os devidos créditos.

Um comentário:

Seja educado , nossa educação depende da sua.
Criticas e sugestões são bem vindos.
Se reblogar por favor nos avise.