22 outubro 2012

Tutorial

Olá gente! Me pergutaram como que eu personalizava a data, esse tutorial eu aprendi no UB. Também queria avisar que não abro muito minha ask.fm por isso não os recados de 5 dias atrás, então quem quiser afiliação é só pedir pelos comentários. Vamos aprender?


Para começar, você deve fazer isso aqui (www).
Agora vá em Modelo>>Editar HTML.
Aperte F3 ou Ctrl F e pesquise por:
.main-inner h2.date-header {
Então, embaixo desse código cole:
                                                                         font: Tahoma;
                                                                         color: #333;
margin-left: -80px;
background: #f49cca;
float: left;
font-size: 11px;
padding: 4px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.main-inner h2.date-header:hover {
background: #87cefa;
}
Feito isso, vamos personalizar e entender?
color: #333; é a cor da data. Mude para a cor que quiser.
margin-left-80px; : margin-left deixa na esquerda, troque left por risght se quiser na direita. 80px; é a distância entre a data e os posts. Quanto menor, mais próximo.
background: #f49cca; é a cor do fundo da data. Coloque a cor que quiser.
float: left; Muda a localização da data. Troque por right se quiser que fique na direita.
font-size: 11px; Este será o tamanho da fonte.
padding: 4px; Esta é a margem do quadrado
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;   Isso equivale as bordas arredondadas. Caso queira que sua data fique quadrada apague essa parte.
background: #87cefa Equivale a cor do fundo quando você passa o mouse.
Recomendo essa tabela de cores: (www)

3 comentários:

  1. ooi linda quer que eu faça um cabeçalho pra você:

    ResponderExcluir
    Respostas
    1. Talvez para o próximo desgine, se quiser fazer, pode fazer!

      Excluir
  2. oi Kaka o magicamente inesplicavel recebeu uma tang do teens--crazy(.blogspot.com)

    ResponderExcluir