Apenas Uma Noiva Apaixonada: Tutorial ♥ Data do Post com Faixinha
                                                                            
           

02/08/2013

3

Tutorial ♥ Data do Post com Faixinha

|| || ||




Vou postar alguns tutoriais pra quem quer personalizar o blog, não sou profissional, estou aprendendo, pesquisei muito para personalizar o meu e ainda estou rsrs

vamos lá!
1. Vá em Modelo> Editar HTML e clique em "Prosseguir" no aviso que surgir. Depois, prima CTRL+F e pesquise pela tag .main-inner h2.date-header {. Apague tudo que estiver entre as chaves e cole o seguinte código:
BACKGROUND: URL(URL DA SUA FAIXINHA AQUI);
HEIGHT: 45PX;
WIDTH: 90PX;
MARGIN-TOP: 5PX;
MARGIN-LEFT: -29PX;
FLOAT:LEFT;
LINE-HEIGHT: 50PX;
PADDING-LEFT: 15PX;
COLOR: #BA55D3;
FONT-SIZE: 12PX;

Entenda o código: Margin-top e Margin-left são responsáveis pelas coordenadas de sua faixinha. Então mexendo em "Margin-top" você verá que ela poderá subir ou descer, de acordo com o número colocado. E, alterando "Margin-left" sua movimentação será para esquerda ou para a direita. Ajuste tudo até que fique proporcional a área de posts. Visualize e se estiver do seu agrado, salve.

Para o post não ficar muito inútil, trouxe para vocês algumas faixinhas para usarem, confere:



créditos:ill help You

Para pegar o URL da imagem, é só clicar com o mouse do lado direito e estará escrito: Copiar URL DA IMAGEM

3 comentários:

  1. não consigo achar este tab ".main-inner h2.date-header {" tem outro que eu possa usar?

    ResponderExcluir
    Respostas
    1. Flor procura por /* Main
      ACIMA DELE vc vai ver - h2.date-heade na frente dele vc coloca
      BACKGROUND: URL(URL DA SUA FAIXINHA AQUI);
      HEIGHT: 45PX;
      WIDTH: 90PX;
      MARGIN-TOP: 5PX;
      MARGIN-LEFT: -29PX;
      FLOAT:LEFT;
      LINE-HEIGHT: 50PX;
      PADDING-LEFT: 15PX;
      COLOR: #BA55D3;
      FONT-SIZE: 12PX;

      ai vc modifica com a URL DA FAIXINHA QUE VC QUER

      Excluir
    2. obrigada bruna,agora funcionou ótimo tutorial bjs.

      Excluir

Deixe um comentário!! Sua opinião é muito importante *-*
E não se esqueça de deixar o link do seu blog para que eu possa retribuir hein?! *-*

beijinhooos, Gaaby ♥

Related Posts Plugin for WordPress, Blogger...
2012-201 ♥ Design feito por Bruna Gabriely | © Exclusivo para Apenas uma Noiva Apaixonada | Todos os direitos reservados