12 de dezembro de 2013

Data personalizada - II

||



Olá amores, tudo bem com vocês? Bom, hoje foi uma manhã corrida, cansativa e quente. Pior do que o Saara. Eu só queria ir na minha escola, dar um oi para o pessoal de prova final (passei direto, yeah!) e fazer a minha linda matrícula. Mas foi assim? Para você foi assim? Para mim não foi. Eu tive que ir no centro, esperar por duas horas, duas horas, a minha tia chegar na loja dela, minha mãe pegar o cheque, depois andar para caramba até o banco, pegar a grana, pagar o tecido do sofá, e, por fim, ir comprar pé para sofá. Depois eu finalmente fui a minha escola (que é na minha rua) e me matriculei.

Bom, eu sei que você ignoraram o parágrafo acima, e estão indo direto ao parágrafo do post. Eu só quero dizer antes que, mil desculpas por não postar ontem, eu tava sem criatividade. Porém que já me arrumei, fiz a minha lista de postagens e agora eu tenho postagens até a quarta, ebaaaaaaaa. Ok, ninguém tá ligando. Hoje eu estou trazendo o meu segundo modelo de data para você, e, um spoiler: ele vai estar no novo layout daqui. Bom, ele é bem legal, é bem bonitinho e "fofo". Ele deverá ser ajustado conforme o seu modelo, irei explicar direitinho, eu só tô enrolando para dar seis linhas. Enfim, quer ver ele? Continue lendo.

O modelo é este aqui. Bom, gostaram? Para usá-lo é bem simples. Vá no painel do seu blog do blogger, modelo, editar HTML e procure por ''.main-inner h2.date-header {'' e substitua tudo referente a ele (ou seja, desde ele até a última "}" desde código) substituindo pelo código a seguir:
.main-inner h2.date-header {
font: 8px Trebuchet MS;
text-transform: uppercase;
text-decoration: none;
color: #cordadata;
letter-spacing: 2px;
font-weight: lighter;
margin-right: -2px;
float: right;
margin-top: 10px;
border:none;
}
.main-inner h2.date-header:hover {
color: #cordadata;
}
Bom, a única coisa que você tem que substituir nesse código é a cor da sua data e o margin-top (que é a elevação da sua data) até que fique direitinho no seu layout. O float é onde sua data fica posicionada, eu coloquei em right, que no caso é direito, porém você pode colocar em left (esquerdo) e center (centro). Se mudar o float irá ter que mudar o margin-right por tipo, você colocou o float assim: float: left; então você irá ter que colocar o margin-right assim: margin-left. A mesma coisa com center, só que substituindo o right por center. Bem simples né?

Bom amores, foi só isso. Espero que tenham gostado, quando instalar, não esqueça de salvar o modelo, e antes, lógico, visualizar. Tomara que eu tenha explicado bem. Enfim, gostaram? PS.: Você pode deixar sua data como quiser, tipo, eu deixei ela como "9 de dezembro de 2013", porém você pode deixar como quiser.

27 comentários:

  1. Aieen que fofinho *u* não curto muito modelos para data mas esse está perfeito *3*

    htmlandresources.blogspot.com

    ResponderExcluir
    Respostas
    1. Obrigada :3 Eu não curto personalizar, pois eu sou horrível.

      Excluir
  2. Nossa, você deve ter ficado muito cansada.
    E pensar que você só queria dizer "oi" e se matricular -rs.
    O modelo da data está muito lindinho, gostei.
    Abraços!

    Segui meu novo blog? ~> sevendays-official.blogspot.com.br

    ResponderExcluir
  3. A minha manhã foi quase igual, porém eu fiquei andando na rua por 2 horas, com a minha mãe até ela decidi o que iria fazer primeiro .. Fico feliz que tenha passo direto c: O modelo é realmente fofo *u* Kiss, Radioactive

    ResponderExcluir
  4. adorei, fica bem fofa ♥

    my dear adventures ~

    ResponderExcluir
  5. Acho que este estilo simples de data fica fofo também, ansioso para ver o novo Layout, beijos <3

    We Heart HTML - wehearthtml.blogspot.com

    ResponderExcluir
  6. Esse modelo ficou muito lindo! Amei *-*

    Counting Feelings | counting-feelings.blogspot.com.br

    ResponderExcluir
  7. Acredite, já tive manhãs piores que as suas, mas mesmo assim desejo que descanse e se recupere desse cansaço todo. Adorei o modelo *u*

    www.whatnae.com

    ResponderExcluir
    Respostas
    1. Ah, eu sei bem que teve. O problema era minha saúde, eu tava muito mal. Enfim, muito obrigada <3

      Excluir
  8. Adorei, muito fofinho :3
    Estou seguindo seu blog, espero que possa seguir o meu também! Criei ele hoje :)

    Sweeting ♥

    ResponderExcluir
  9. Tão simples, mas tão fofo e bonito, Karla!
    Amei o tutorial ^^

    Ei, obrigada por visitar o Milky Way!

    ResponderExcluir
  10. Que manhã agitada ein? Nem vou reclamar mais de estar cansada o.o Tudo bem não postar é melhor ficar sem postar do que fazer qualquer coisa, ne? Achei lindo os modelinhos de data. Simples e lindo. <3

    ResponderExcluir
    Respostas
    1. Foi exatamente isso que eu posei, se for para postar algo ruim, nem vou postar. Muito obrigada :3

      Excluir
  11. amei o tutorial :D no próximo lay é capaz de ctz usar e já até salvei nos meus favoritos uahsuash

    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/

    ResponderExcluir
  12. Não eu nuca ignora o 1° paragrafo adoro ler sobre a vida das blogueiras ...nossa ta reformando o sofa é ><..kk OMG este modeloinho é muito 10 ,bem fofo ^^

    kissus ~* || louca-por-html.blogspot.com

    ResponderExcluir
    Respostas
    1. Eu também, haha. Eu não tô reformando o sofá não, meu pai é dono de uma fábrica de sofás, haha. Enfim, muito obrigada :3

      Excluir
  13. legal, gostei ^^

    http://stroke-of-insanity.blogspot.com.br/

    ResponderExcluir
  14. Nunca mais vi modelos de datas, esse ficou lindo!

    Beijos - Ammy, Fairy Floss

    ResponderExcluir
  15. Modelo lindo! Coloquei nos favoritos para usar ele no próximo layout ^^

    Beijoos
    http://mundoencantadodabarbie.blogspot.com ~~

    ResponderExcluir

Vai comentar? Obrigada Mas antes, leia por favor:

Os comentários são moderados para eu saber quem comentou, assim posso retribuir, somente por isso ok? Pode comentar o que quiser, até criticas e ofensas, mas mantenha o respeito.
Leia o post todo antes de comentar, não comente apenas para divulgar o seu blog.
Se for colocar o link do seu blog, coloque sem o "https://", pois o blogger considera spam.
Não precisa comentar "Seguindo, segue de volta?" Se eu gostar, eu sigo.
O resto pode fazer :3 Mas tenha respeito.

Obrigada novamente