• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

28 de janeiro de 2013

Olá! + Tutorial


Oie pessoas lindas!

Olá, eu sou a Laura, e sou a nova postadora desse blog! Eu quase surtei quando vi que
a Hannah disse escreveu que gostou das minhas postagens! Sério! Eu gritei pela janela da minha 
casa e todo mundo olhou para cá! Vou falar um pouco de mim: tenho 11 anos,  todo mundo diz 
que sou meio louco e sou obrigada a concordar. Bem, essa sou eu! E para começar, vou postar 
um tutorial que achei muito legal e muito lindo! É um tutorial em que a data fica assim:




Vá no seu HTML → Procure por (Ctrl + F): .main-inner h2.date-header { 
Abaixo dessa tag, cole o seguinte código:
font:Arial;
color: #COR DA FONTE;
margin-left: -75px; /*distância entre a data e a área do post, troque os valores até dar*/
background: #COR DE FUNDO;
float: left;
font-size: 11px; /* Tamanho da fonte */
padding: 4px;
-webkit-border-top-left-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-bottomleft: 50px;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
-webkit-transition-duration: .80s;
}
.main-inner h2.date-header:hover {
background: #COR DO FUNDO HOVER;
color: #COR DA FONTE HOVER;
padding-center: 10px;
margin-left: -90px; /*distância da data hover, quando ela 'desliza'*/
text-align: center;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}
Edite as coisas em negrito. As partes em itálico são as distâncias entre o post e a data!
Gostaram? Vou pedir para vocês visitarem o meu blog, e se gostar, segue: Kawaii Dreams.
Beijinhos de caramelo ainda sem assinatura! SMACK!

11 comentários:

  1. Amei demais sua postagem, seja bem-vinda amore :D

    ResponderExcluir
  2. Ohayo, nova postadora!!!
    Amei, sua primeira postagem ♥
    Vou usa o tutu no meu blog!

    ResponderExcluir
  3. Hey Laura, seja bem-vinda amora! O estilo da data é muito fofa, espero que usem bastanteeeee (-:

    Um beijo, Anna
    http://www.world-cutest.blogspot.com.br/

    ResponderExcluir
  4. Bem vinda linda, é muito bom saber que temos mais uma choco postadora aqui no blog, ainda mais com seu post, muito bonitinho, perfeito ^0^

    ResponderExcluir
  5. eu não consigo achar o Cod
    .main-inner h2.date-header {
    Porque? Nunca acho ele mow saco :(

    ResponderExcluir
  6. Este comentário foi removido pelo autor.

    ResponderExcluir