8.9.12

Colocando faixazinha na data do post

Tumblr_m9ucbpfygj1qeqquto1_500_large
Oii lindas ! Perdoem -me pela falta de posts estava  ocupada com o meu novo blog Teen Candy
Fazendo o lay ! Emfim vim ensinar vcs a personalizarem a data do post colocando faixinhas

Vamos ao tuto


Vá em --> Design --> Editar HTML -->Procure por -->  .main-inner h2.date-header{


Se achou cole abaixo da tag




width:65px;height:22px;margin-left:-75px;float: left;text-align: center;font-size: 10px;padding: 5px;background: url(LINK DA SUA FAIXA) no-repeat center;color: #FFFFFF;text-shadow:0 1px #ccc;margin-top: -20px;



Onde esta de rosa vc vai colocar :


width:65px;   A largura da sua faixinha


height:22px;     A altura da sua faixinha



margin-left:-75px;  Aumente e mova ele para a esquerda, diminua e mova para a direita. 

(observe a presença do menos)

float: left; Troque por right se quiser a data na direita.

text-align: center;  - Alinha o que fica dentro da faixa (nesse caso é a data). Pode ser 

trocado por left ou right.

font-size: 10px;  Tamanho da letra. Quanto maior o número, maior a letra. E vice-versa.

padding: 5px;  Espaço entre a data e o fim da faixa.

background: url(LINK DA SUA FAIXA) no-repeat center;    O url da sua faixa

color: #FFFFFF;   Cor da fonte.

text-shadow:0 1px #ccc;   Sombra. Troque pela cor.

margin-top: -20px;   Usado para subir e descer a data, juntamente com a faixa.


Visualize se estiver tudo certo , Salve !!



Espero que gostem !!





Créditos : Kawaii Word

3 comentários:

  1. Oi Day <3 Eu não recebi seu e-mail =[ Vê se voce mandou para o endereço certo ok? É gi.seixas15@gmail.com

    Beijos!
    Candy Blast

    ResponderExcluir
    Respostas
    1. Ah, e gostei muito do tutorial, deve ficar super fofo essa faixazinha ^^

      Excluir
  2. Fica muuuito legal,só tenho muita preguiça de fazer tutus,vc repara nisso só vendo o meu blog..kk
    Seguindo,beijos~~
    http://www.cotidianodeumabarbie.blogspot.com.br/

    ResponderExcluir

Que bom que vai comentar !!
Mais para fazer isso leia as regrinhas:
- Aceito criticas ,sugestões e opiniões.
- Seguindo segue de volta,se comentar sobre o post.
- Não retribuirei a visita se não comentar sobre a postagem.
- Deixe o link do blog para eu retribuir a visita.
Eu e o DW agradecemos ! Fique com Deus .