• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

25 de outubro de 2014

Modelo de data Hover - Exclusivo

Hey maçãs
Como vão? Eu estou mais ou menos, mas esse é um problema bem pessoal que infelizmente não posso compartilhar por aqui. Estou cheia de trabalhos para fazer também, quarto bimestre é sempre cheio de trabalhos não acham? D; cansa só de pensar em fazê-los...o único trabalho que estou animada é o de geografia que terei de apresentar na frente da turma, gosto pacas disso, dá um frio na barriga pra carambiski.Vi que algumas pessoas pediram afiliação, peço desculpas mas estamos sem vagas por enquanto, irei aumentar a elite depois, daí eu aceito as afiliações, pode ser? :3 Ah queria falar sobre o livro que estou postando no WattPad, descobri essa rede social de leitores a algum tempo, mas só agora criei uma conta lá, estou postando um livro que estou escrevendo recentemente, o título é Diesel, se quiser dar uma olhada, aqui (www) está o link.

Hoje irei fazer um post ensinando a fazer uma data que eu mesma fiz, então se repostarem, peço que deem os créditos ao A.N beleza? valeu. ♡(•ི̛ᴗ•̛)ྀ
Antes de colocar a data, vá em layout ≧ clique em EDITAR as postagens do blog ≧ 'Opções da página de postagem' e troque o modelo de data para a segunda opção, como na imagem:

Para começar, procure por:
.main-inner h2.date-header {
font: $(date.font);
color: $(date.text.color);
}
Substitua por:
/* -----Post / Data------- */
.date-header {background: #ffe2e7; color: #fff;
font-family: calibri, arial; font-size:10px;margin: -26px 0 0 58px ; line-height: normal; text-align: center; padding: 5px 8px; float: left; width: 150px; height: 12px; position: absolute; text-transform: uppercase; font-weight: bold; outline:double 1px #fff; box-shadow: inset 0 0 15px #ffe2e7; outline-offset: -3px; -webkit-transition-duration: .50s; }
.date-header:hover {background: #ffcfd7; color: #fafafa;
font-family: calibri, arial; font-size:10px;margin: -29px 0 0 58px ; line-height: normal; text-align: center; padding: 5px 8px; float: left; width: 150px; height: 12px; position: absolute; text-transform: uppercase; font-weight: bold; outline:double 1px #fafafa; box-shadow: inset 0 0 15px #ffa8b6; outline-offset: -3px; -webkit-transition-duration: .50s; }
Pronto. Se não conseguiu fazer deixe nos comentários sua dúvida. É o que tem pra hoje UAHAU' espero que tenham gostado da data, depois trago um post com avatares fakes. Até mais guys ~ ♥(ˆ⌣ˆԅ)


23 comentários:

  1. Oi Megan, otimo tutorial, eu também estou cheio de trabalhos nesse 4 bimestre, não aguento mais, preciso de ferias, mas conseguir arrumar um tempinho pra dá uma reformulada no meu blog, mudei até de url, espero sua visita.

    hihi ><
    http://mid-nightt.blogspot.com/

    ResponderExcluir
    Respostas
    1. Que bom que conseguiu tempo para reformular o blog, me aguarde por lá ;D

      Excluir
  2. Oi Megan >u< adorei o tutorial ♥ talvez eu use o seu modelo de data no próximo layout do meu blog >w<. Ah, e eu adorei o novo layout do blog *u*.
    Kisses candy ♥ l http://candycherry-bynate.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Ain valeu flor, ficaria honrada se usasse *U* muito obrigada.

      Excluir
  3. ótimo tutorial, vai ajudar bastante nos meus próximos layoutssss ♥

    ○ prince modern ♣

    ResponderExcluir
  4. HEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEY, MEGAN \O/ Eu vou muuuuuito bem, obrigada! Fico triste em saber que está com problemas na sua vida pessoal :( Espero de tooodo o coração que tudo melhore, viu?? <33 Sim, sim, quarto bimestre é mesmo uma (desculpa o palavrão) merda -.- Como minha escola não presta, até que não tô tãoooo atolada de trabalhos, haha! Boooa sorte aí D: Meu Deuuuuus, tu tá escrevendo um livro??? Eu também!! Toca aqui o/\o *uu* Good luck for us, UHEUEHEUEHUEHEUE <33

    Jesuuuus, que data divaaaaa! Vou aplicar no meu blog pea ver como fica, ook? UHEUEHEUEHE, que divesa *--* <33

    BEIJOOOOOOS, COISA LINDA *u*

    Juu-Chan || Nescau com Nutella <3

    ResponderExcluir
    Respostas
    1. AUHUAHAU' merda não é um palavrão, pode falar a vontade: MERDA MERDA MERDA :v
      IHÇOHSDIOHI' Toco sim õ/ amo escrever livros, já escrevi vários mas esse estou tendo coragem de postar. Qual o nome do seu? qual o link? ain quero ler ;´3

      UHAUA' sério abor? fico grata *-----------*
      bjoones ~

      Excluir
  5. Oeee, como vai?
    Faz tempo que eu não vejo blog de tutoriais, alias na blogosfera o que mais tinha era blog de tutoriais e agora nem se vê mais nenhum, e eu fico muito feliz que o A.N tenha voltado (eu não tava sabendo que ele tinha voltado)! Essa data fica muito diva, linda. Talvez eu use, mas talvez fique na memoria haha.

    Beijos http://valentinices.blogspot.com.br

    ResponderExcluir
    Respostas
    1. UHAUA' estou mais ou menos e você? :3
      Que bom que ficou sabendo então flor, obrigada, fico feliz com sua visita e seu carinho <333'

      Excluir
    2. Este comentário foi removido pelo autor.

      Excluir
    3. Nada, mas eu estou bem (pelo menos acho isso) ^^

      Excluir
  6. Olá! ♥ Eu vou bem. Seja qual for o seu problema espero que resolva logo ^u^
    Também estou lotada de trabalhos D: parece que todos os professores deixam para dar os trabalhos na mesma semana de propósito, e ainda por cima uma semana antes das provas mensais T-T Ah, também tenho um trabalho de geografia, mas por sorte não terei que apresentar auhsuahs' Está escrevendo um livro? *o* certamente irei ler mais tarde!

    A data é supeer fofinha, amei o efeito <3 Vou adicionar a postagem aos favoritos para ver se uso ela em algum template ^^

    Até mais! || ♡ miki candy。

    ResponderExcluir
    Respostas
    1. AUHAU' né?! e depois ainda ficam P's da vida quando não conseguimos fazer.
      Se for ler, ficarei grata :3 leia e se arrependa, pois deve tá uma bagacera de ruim IHSÇHDI~

      Valeu, fico grata.

      Excluir
  7. Olá goiaba (não gosto de maçã -q)
    E estou bem, espero que logo você fique também.
    Hey, estude bastante, em que ano você está? Graças a Deus já terminei, aeuhaueh >o<
    Cara, você também posta no Wattpad? Eu adoro o Wattpad, vou começar a ler seu livro também ~o~
    But enfim, que tutorial bacana Megan, se eu me lembrar, vou usar ele no meu próximo lay, aeaueh, quero um diferente e acabei de encontrar \õ.

    Beijos da Jéss ♥.
    Brilliant Diamond | Fan Page

    ResponderExcluir
    Respostas
    1. UHAU' criei esses dias uma conta lá, nunca tive coragem de postar meus livros.
      Que bom cara, você escreve por lá tbm? se for, me passe o link.

      Valeu msm abor :v

      Excluir
  8. Sem dúvidas vou dar uma olhadinha no seu livro.Essa data é linda demais,talvez eu use no meu próximo lay.

    TIML ♡

    ResponderExcluir
    Respostas
    1. Ain fico feliz cara ;´3
      Obg, sério? fico honrada *---*

      Excluir
  9. Seja qual for o que te incomoda, eu espero que se resolva!
    O modelo ficou muito fofo!

    Att. Edwi {b-abyboo#}

    ResponderExcluir
  10. Muito lindo, haha

    http://madnesshoujo.blogspot.com.br/

    ResponderExcluir