21 de nov de 2012

Tutorial: Data com Faixinhas

Olááá pessoas!!
Tudo bom???

Faz tempo que não posto um tutorial né?? Resolvi que chegou o dia de acabar com essa dieta. Mas tem um problema: eu não acho nenhum tutorial bom, e interessante, que todos possam usar. Aí, resolvi colocar um bem simplesinho:
Colocar Data com Faixinha
Vamos lá??

primeiro, vá em Configurações> Idioma e Formatação
(clique para ver maior)


Agora, vá ao seu HTML  e procure por:

 .main-inner h2.date-header{

Assim que achar cole o próximo código abaixo dele:

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

Eu recomendo deixar assim mesmo. Mas normalmente, o básico para mudar é o que está em negrito.

*margin-left: distância da faixinha pra postagem
*margin-top: Altura que quer que faixinha fique

Visualize e se estiver tudo certo, salve.

Agora, umas imagens de faixinhas do KW:

Por enquanto(talvez) é só!!
~~Beijos~~

2 comentários:

  1. Gostei do tutorial. Vi no KW o efeito, mas não achei o tutorial.
    Vou usar ^^

    ResponderExcluir

Informações Básicas de Comentários(IBC):
-Ler não mata, então leia o post antes de comentar
- Não serão aceitos comentários ofensivos.
- Aceito pedidos para seguir, se estiver seguindo o blog...
- Respondo e retribuo todos os comentários.


Obrigada por Comentar!!