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


9 comentários:

  1. *O* Eu também comprei uma capinha pro meu celular do Reino Unido :3

    ResponderExcluir
  2. Queeero muito um Iphone, vou comprar altas capinhas hehhe ótimo tuto mais já uso data com faixinha

    UpKawaii.tk

    ResponderExcluir
    Respostas
    1. :3 é muito perfeito ter um iPhone :3

      é lindo mesmo! vou ver seu blog

      Excluir
  3. Awn, como eu quero um iPhone, ou um Tablet, mesmo que eu tenha um Samsung Galaxy II SHAUASH'
    Cake Of Tutorials

    ResponderExcluir
  4. Achei ótimo o tutorial... Mas não achei .main-inner h2.date-header no meu html ;/

    ResponderExcluir
  5. eu também não achei.main-inner h2.date-header{

    ResponderExcluir