sábado, 12 de janeiro de 2013

Data do blog com faixinha


Olá lindas e lindos!

Eu estou com muita raiva daquela Aline do Big Brother. Ridículaaa!! wtf e eu comprei uma capinha pro iPhone muito linda com a bandeira do Reino Unido awn ok, but who cares?

Vamos ao assunto.Fica muito Lindinho. Fica tipo um Ribbon acima do título do post. É bem fácil mas fica chatinho editar tudo. Peguei no Kawaii World.

Vá no seu HTML e procure por .main-inner h2.date-header{ e depois que achou cole após essa tag o seguinte código:

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;

Agora vou copiar e colar a explicação da Kaorii desculpe, mas a preguiça é muita

width:65px; - Troque pela largura da sua faixinha.

height:22px; - Troque pela 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; - Exatamente o que diz.

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. 

Você terá que procurar por faixinhas. Acho que a Nen já postou aqui algumas. Vou checar e se ainda não postou, vou postar

Gostaram?
/Hyun