Tutorial: Data na Vertical

Hoje irei atualizar o Pics ^^
Ohayo, moranguitos ^^ Tudo bonzito? Hoje vim trazer um tutorial a pedido da Saku-chii, como pôr a data da vertical igual à que tenho agora! Vamos lá:
Aviso: Se não funcionar o primeiro passo, vejam o post até ao fim.


1 -  Ir ao HTML do blog e procurar por .main-inner h2.date-header{

2 - Apague esse código e substitua por:

.main-inner h2.date-header{
-webkit-transform:rotate(270deg);-o-transform:rotate(270deg);-moz-transform: rotate(270deg); /* imagem na vertical */ width:75px;  height:25px; margin-left:-45px; /* mova até o lugar que desejar */ float: left; /* posição */ text-align: center; font-size: 9px; padding: 5px; background: url(URL DA IMAGEM) no-repeat center; color: #FFFFFF; /* cor da fonte */ text-shadow:0px 1px 3px #7F8F79; /* sombra da fonte */ margin-top: 16px; /* mova até ela ficar ao topo do post */
  font: $(date.font);
  color: #fff;
}

Alterem como é pedido e salvem! Se não quiserem background, deixem como está ^^

OUTRA OPÇÃO: MAS NÃO ENCONTRO O PRIMEIRO CÓDIGO! COMO FAÇO?
É muito fácil! Só têm de colocar o código todo no Css do blog, vão a Modelo >>Personalizar>>Css

Espero que tenha sido útil! Kissus :3

11 comentários:

  1. Ârigato Nês-chan talvez irei fazer no meu próximo layout :3

    Kissus :3

    ResponderExcluir
  2. Nah, eu vou usar no próximo layout xD Já tinha visto o tutorial no Kawaii Yujo que eu pedi para a Marih me mostrar ^^ É um ótimo tutorial u.u

    ResponderExcluir
    Respostas
    1. Ki bom ^^ Este tutorial é muito fofo, Só que às vezes temos de virar a cabeça para ver que dia é u.u

      Excluir
  3. Nes,fizes-te um ask a perguntar que é que gostava dos THG.
    Olha,tu ja sabes que eu adoro,ne?
    Pk perguntas-te?....

    ResponderExcluir
    Respostas
    1. Perguntei por perguntar u.u
      Aishiteru Sophy <3 <3 <3 <3 <3

      Excluir
  4. A data fica super fofa assim^^
    ~~Kiss
    http://t-heend.blogspot.com.br/

    ResponderExcluir
  5. vc tem tutorais maneiros, gostei!!!

    beijinhos...

    http://hime-cosplaykawaii.blogspot.com/

    ResponderExcluir
  6. *abraça*
    Nani mo *-*
    Mim também >w<
    Nani mo *---*

    ResponderExcluir

Que bom que vais comentar!!!! Só tena de seguir estas regras:

♥Podes pôr a url do teu blog, para o poder visitar.
♥Podes comentar com palavrões e xingar, mas não sairás vencedor
♥Dá-me a tua opinião para melhorar o blog- Podes fazer a diferença!

✖Pedidos de Parceria na própria página
✖Aviso de Tags aqui.
✖Pedidos na Ask