Casinhas \o/

21.5.15

Tutorial-Data Personalizada igual a Minha= 100ºpostagem

Hello Victorius!
Tudo Bem Com Vocês?
Há alguns dias, a S. me pediu um Tutorial de como fazer essa Data que eu uso, em quadrado.
(No PC fica em quadrado, mas em dispositivos móveis fica redonda)
Preview:
Leia Mais:
1-Vá em Cnfigurações> Idioma e Formatação>Formato de Data
e coloque assim:
dia,mês,ano

2-Vá no HTML  e pesquise por:

.main-inner h2.date-header {
  font: $(date.font);
  color: $(date.text.color);
}

E substitua por:
.main-inner h2.date-header {
float: left; /** data no lado esquerdo, pode mudar para right **/
width:55px;/** largura **/
height:55px;/** altura **/
overflow:hidden;
font-size:15px;/** tamanho da fonte **/
color: #fff !important;/** cor da fonte **/
text-align:center;/** alinha o texto **/
margin-bottom: -65px; /** desce **/
margin-left: -80px; /** margem pra esquerda **/
padding: 8px 2px 0px 2px; /** espaço interno: topo, direito, embaixo, esquerdo **/
-webkit-border-radius: 5em; -moz-border-radius: 5em; /** borda redonda **/
background: #FF6C91; /** cor do fundo **/
}
.main-inner h2.date-header:hover {
background: #E9B4BB; /** cor do fundo hover **/
}

Para deixar mais próximo ao título do post, como a minha,troque:
 margin-left: -80px; /** margem pra esquerda **/
por:
margin-left: -45px; /** margem pra esquerda **/

ATENÇÃO: Funciona apenas no Modelo Travel e Simples! 
Créditos:Go Imagine 
 E esse é o 100ºpost!!!
BeijosVii

15 comentários:

  1. Eu adorei este modelo de data! No próximo layout que eu fizer, ele vai estar lá!
    Beijos ♥

    ResponderExcluir
    Respostas
    1. Obrigada Túlio! Fico Feliz que gostou!
      Espero que use!
      Beijos

      Excluir
  2. Ótimo Tutorial,vou usa-lo com certeza ^^
    Beijos

    ResponderExcluir
    Respostas
    1. Obrigada Amiga! Fico feliz que gostou!
      Fico feliz que irá usar!
      Beijos

      Excluir
  3. COMASSIM fica quadrado no Pc(computer)? No meu fica redondinho a data kkkk meu pc é bugado né, só pode. Bem, acho esse formato de data muito legal, mas normalmente eu não coloco data ou hora nos posts por motivo de (1°) muitas poucas opções para formato de data e (2°) por que normalmente preciso mexer nas horas se não fica como se eu tivesse postado no meio da noite, quando na verdade postei algo as 7 da manhã.
    Besos hermosa ~ Vaga para postadores (Participe/Divulgue)

    ResponderExcluir
    Respostas
    1. Isso no computador, Ai!! COMO CONSEGUIU?
      Não, eu quero muito a minha redonda!
      È, troca para o fuco horário de Brasília (caso esteja no BR) que é o que eu uso, aí se eu postei ás duas horas da tarde, fica certinho" 02:00 PM.
      Beijos!

      Excluir
  4. Adorei o post vih! Concerteza no proximo layout do meu blog vou colocar essa data diwa!

    ResponderExcluir
    Respostas
    1. Obrigada! fico Feliz que gostou!
      Espero que coloque!
      Beijos

      Excluir
  5. Já estou te seguindo flor! :)
    Muito fofo seu blog, muitoo sucesso viu <33
    Beijoos

    http://misteriodobrilho.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obrigada Flor! Fico grata^^
      Obrigada Novamente! Igualmente para seu blog! <33
      Beijoos Too!

      Excluir
  6. Oii, no meu chrome ficava redondo, mas no Firefox fica quadrado :/
    Claro que aceito sua afiliação, já te coloquei a minha elite!
    Beijos :*
    Cute Universe e Universo Lollipop

    ResponderExcluir
    Respostas
    1. Oi! A tá, no Chrome fica redondo, e no Firefox quadrado! Obrigada pela informação! E`que no meu computador fica quadrado e é Firefox!
      Obrigada! Já irei te colocar!
      Bjs

      Excluir
    2. O meu também é!! De nada :D já te coloquei :) Beijos

      Excluir
  7. amei amor ta guardadinho pro meu proximo lay thanks
    Obrigada pela visitinha estou te seguindo tem como retribuir me seguindo de nova?
    http://papodegir-l.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obrigada! Espero que use!!
      De nada^^ Claro que sigo!
      Mas, espera só eu ir para a a outra conta que eu sigo okay? Eu não gosto de seguir blogs com essa conta, mas prometo assim que entrar com a outra(no computador) irei seguir l
      Beijos

      Excluir

✗Não fale palavrões, deixe sua opinião mas com educação
✗Aceito Tags
✗Deixe o link do seu blog, irei visitá-lo
✗Troco comentários
✗ Antes de pedir algo, fale sobre o post.
✗Aceito: ¨Segue de volta" e caso parar se seguir o VV também paro de seguir seu blog.
✗Enfeite seu comentário:웃 ღ ♡ ❤ ❥ ❦ ∴ △ ∞ ☆ ★ ✖  。◕‿◕。 ® ™ ☏ ℡゚✤ ❝ ❞ ✥ ✦ ✧ ✩ ✫ ✬ ✭ ✮ ✯ ✰ ✱ ✲ ✳ ❃ ❂ ❁ ❀ ✿ ✾ ✽ ✼ ✻ ✺ ✹ ✸ ✷ ₪ ❃ ❂ ❁ ❀ ✿ ✾ ✽ ✼ ✶ ✵ ✴ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ❖ ▲ ▼ △ ▽ ⊿ ◤ ◥ ◣ ◥ ● ❣ ✐ ✎ ✏ ✍ ✆ ☎ ✄ † ✞ ✝ ⌚۩  ๑ ۩ ۞ ๑  & ☗ ☖ ☑ ☒ ☓☟ ☠ ☡ ☢ ☣ ☤ ☥ ☦ ☧ ☨ ☩ ☪ ☫ ☬ ☭ ☮ ☯ ➹◎ ☁ ☀ ☃ ☂ ♣ ♥ ☼ ✗ ✘ ✚ ✪ ✣ ✤ ✥ ☠ ♢ ♤ ♡ ♧ ☽ ☾ ◯ ☚ ☛ ☜ ☝ ☞ ☟ ✌ ☼ ☀ ❂ ☁ ☂ ☃ ☄ ☾ ☽ ❄ ☇ ☈ ⊙ ☉ ℃ ℉ ° ❅ ✺ ϟ ⓘ ⓛ ⓞ ⓥ ⓔ ⓨ ⓞ ⓤ ∞ ♪ ♫ ♩ ♭ ♯ ♬ ♔ ♕ ♖ ♗ ♘ ♙ ♚ ♛ ♜ ♝ ♞