26 de mai de 2012

Como personalizar a data.

                      
Então, sabe aqueles tutoriais de personalizar a data, que são gigantes, e as vezes não funcionam? Pois é. No meu NÃO funcionou. Então, eu decidi ensinar como eu fiz essa data que eu uso.
PS: Créditos ao blog Kawaii World, pois eu só vi esse tuto nesse blog.
Vamos começar? Clique em leia mais

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)

Espero que gostem, e que isso tenha facilitado você a colocar uma data personalizada.





8 comentários:

  1. Oi! É, o efeito é muito lindo mesmo *w*

    Bjs, Bella.
    bellasblogofficial.blogspot.com
    sweetandprettyrevenge.blogspot.com

    ResponderExcluir
  2. muito legal seu blog d uma passadinha no meu
    http://diversidades-deumaadolescente.blogspot.com

    ResponderExcluir
  3. Amore seus totu são muitos bons a ta rolando um concurso lá no blogger participa ae http://docecerejabruninha84.blogspot.com.br/
    obrigada

    ResponderExcluir
  4. Oi flor o tutu me ajudou muito obrigada.

    ResponderExcluir

Mini FAQ:
-Não aceito selinhos nem Tags.
-Comentários que não falem nem um pouco sobre a postagem não serão publicados.
-Afiliação apenas para blogs acima de 100 seguidores ou convidados. NÃO INSISTA.
----------------
♥❤∞ ☆ ★ ✖ 。◕‿◕。® ™ ☏✿゚✤
❝❞✥ ✦ ✧ ✩ ✫ ✬ ✭ ✮ ✯ ✰ ✱ ✲ ✳ ❃ ❂ ❁ ❀ ✿✼ ✻ ✺ ✹ ✸ ✷ ₪ ❃ ❂ ❁ ❀ ✿ ✾ ✽ ✼ ✻ ✺ ✹ ✸ ✷
✶ ✵ ✴ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ❖(◕‿◕✿) 。◕‿◕。 ⊱✿◕‿◕✿⊰(◡‿◡✿)(◕〝◕)◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●
⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙
≡(▔﹏▔)≡