13/12/2013

Welcome to New York City

| |

   Sejam bem-vindos à cidade dos meus sonhos.
   Gostaram do layout?Demorei três dias a fase-lo, bem, o post de hoje vai ser só uma simples apresentação ao novo layout, mentira, para estrear este layout, eu vou postar um tutorial para vocês.
   O tutorial de hoje vai ser... ... ... como ... ... ... ... fazer uma data igual à do blogue, encontrei o tutorial no Black Cherry.
   O tutorial é simples, se calhar vai ter de alterar algumas coisas no código, já que está ajustado à minha área de posts.
Procure por .main-inner h2.date-header {, apague tudo e substitua por:


.main-inner h2.date-header {
font: $(date.font);
color: $(date.text.color);
float: right;
-webkit-transform: rotate(90deg); /* Rotação */
-moz-transform: rotate(90deg); /* Rotação */
-o-transform: rotate(90deg); /* Rotação */
background: #suacor; /* Background */
padding: 5px;
font-size: 15px; /* tamanho da fonte */
margin-top: 124px;
width: 83px; /* largura */
height: 20px; /* altura */
margin-right: -70px;
}



   Espero que tenham gostado do post,
   um beijo,
  Bruna

10 comentários :

  1. adoreeeeeeeeeeeeeeeeeeeeeeeeeeeeeei o lay, principalmente o bg hehe . Ótimo tuto se meu lay n fosse encomendado já teria pego essa data p por aushas

    Gente amei esse blog haha e sério, parabéns pelo seu blog, amei aqui e amei o design e amei ainda mais sua criatividade e o modo com que fala com a gente. De verdade, está de parabéns e claro, com certeza já estou seguindo e voltarei inúmeras vezes : D Parabéns novamente rs.

    http://www.1001julietas.blogspot.com.br/

    ResponderEliminar
  2. é pena que a imagem de fundo não encaixe de maneira perfeita.
    És portuguesa? Nunca se encontram muitas blogueiras portuguesas
    querosabertudo-k.blogspot.pt

    ResponderEliminar
  3. Awn a data nesse estilo fica muito bacana, já usei em alguns layouts por aí hahaha. Awwn e esse seu layout está demais! Gostei porque está criativo e diferente do que vemos pela blogosfera, eu realmente gostei! Beijos! ^^

    Rediscovering Dreams

    ResponderEliminar
  4. Ah o layout ficou mega criativo!
    Amei o estilo de data :33

    Beijos | PM

    ResponderEliminar
  5. muito legal esse modelo de data, e lay daqui NY ADOOOROO! muito original
    :)
    agradeço a sua vista lá no blog
    wakeup-alone.blogspot.com.br

    ResponderEliminar
  6. Três dias para fazer o lay? Oau foi rápido. Geralmente demoro mais ~mas isso é porque eu sou uma lerda em HTML~ Adoro o lay. Talvez um dia use esse tutorial, adoro ver a data de lado. Fica mais bonito
    Bem, Feliz Natal *--*

    My Diary

    ResponderEliminar
  7. Nossa que lindo seu blog e esse tutorial é o máximo, amei.

    Sweet of Cherry

    ResponderEliminar
  8. Ai meu deus! Que layout mais lindo, como tu fez? Gzuis, estou in love. Sério, que bg divo, cores lindas, tudo lindo! Gostei muito principalmente por ser diferente de todos, nunca tinha visto lay assim, nem parecido. Enfim, amei o tuto também, fica muito legal *-*
    Beijos e estou seguindo <3
    coff-cake.blogspot.com

    ResponderEliminar
  9. O layout está muito fofo e criativo x3 adorei o tutorial ~

    Beijos | Pocky Tutorials

    ResponderEliminar