29.8.14

tres modelos para post footer


Buenas meus gatinhos e gatinhas =^● 3 ●^= Tudo as mils maravilhas? Então, estava enrolando para fazer este post por mera preguiça aguda mesmo, sem contar do frio né, que deixa os dedos duros para digitar rsrs. Bem aquilo que eu imaginava mesmo aconteceu, só foi a Clara voltar a blogosfera que apareceu blogueiros de todos os cantos, o que na real é bom por um lado e muito ruim por outro né? Também gosto muito da presença dela aqui entre nós mas vocês blogueiros não precisam da presença de uma única pessoa para fazerem o que gostam né? Acho isso até meio ridículo e até sem nexo, não acho legal porque até parece que só postam e tem criatividade quando ela estar por perto. Eu sou mega apaixonada pelos posts dela e ela sabe muito bem disso mas essa é a visão que eu vejo entre nosso meio. Me desculpem não digo todos mas uma boa maioria faz isso sim! T-T

O pedido que trago hoje é de uma leitora que me pediu modelos para post footer, ela me pediu muitos mas acredito que não tem necessidade e também porque não sou muito boa em criar isto para os outros. Agora falando em modelos, gente quero que prestem muita atenção na hora que forem editar os modelos certo? Eu editei conforme a área de post que estava no blog de teste, mas como eu disse tem que prestar atenção pois nenhuma área de post é igual a outra e os tamanhos é claro são todos diferentes. Mudem os valores onde se pedem bem certinho ok? É isso mesmo nekos até o próximo pedido e até mais ლ(●ↀωↀ●)ლ

OBS:  O tamanho total da área de post em que testei os posts footers é de 970 de largura, como eu disse vocês terão que ir arrumando conforme o tamanho da área de post de vocês.

CLIQUEM NAS IMAGENS PARA VEREM MELHOR.

Modelo 1


.post-footer-line-1{
background: #E9DFEC;
border: 1px solid #D2B7D8;
box-shadow: inset 0px 0px 3px #E0EBEF;
width: 508px;padding: 3px;
margin-left: -6px;margin-bottom: -6px;
font-family: 'calibri',sans-serif;
text-transform: uppercase;
letter-spacing: 2;
font-size: 10px;
color:#C0BAC1;
text-align: center;
text-shadow: 1px 1px 0 #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

Modelo 2


.post-footer-line-1{
background: #ffffff;
outline: dashed 1px #D9C5DE;
border: 1px solid #D9C5DE;
outline-offset: -4px;
width: 504px;padding: 5px;
margin-left: -6px;margin-bottom: -6px;
font-family: 'calibri',sans-serif;
text-transform: uppercase;
letter-spacing: 2;
font-size: 10px;
color:#C0BAC1;
text-align: center;
text-shadow: 1px 1px 0 #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

Modelo 3


.post-footer-line-1{
background: #F0E6F2;
border: 1px solid #C0A7C6;
outline: dashed 1px #C9BBCC;
outline-offset: 2px;
width: 502px;padding: 3px;
margin-left: -3px;margin-bottom: -2px;
font-family: 'calibri',sans-serif;
text-transform: uppercase;
letter-spacing: 2;
font-size: 10px;
color:#C0BAC1;
text-align: center;
text-shadow: 1px 1px 0 #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

22 comentários:

  1. Roh-Chan,você me salvou!!!!Estava precisando de um Footer assim (igual ao do 2) Arigato

    ~Kissus

    ResponderExcluir
  2. Estava procurando mesmo um tutorial desse para o próximo layout do meu blog, achei esse super bacana *-* Adorei o tutorial!

    Abraços, Crazy Things

    ResponderExcluir
    Respostas
    1. Ahh que bom que foi útil então amore >.< Beijocas =3

      Excluir
  3. Adorei os modelos, meu favorito foi o segundo >3<

    Até logo, www.excepcionalmente.com ~

    ResponderExcluir
  4. Vou ver se faço o proximo lay meu e usarei esse tutorial e vou até colocar nos favorito *---*

    umacaixinhadeideias.blogspot.com.br Dá uma olhadinha no meu blog amr :3 Fica com Deus :)

    ResponderExcluir
  5. Sim está fazendo muito frio ultimamente da vontade de nem sair de casa,os modelinhos ficaram lindos >U<
    {Winter Winds}

    ResponderExcluir
  6. waah, não vemos muitos modelos de post fotter por ai, é realmente um bom tutorial *---* os modelos são lindos Roh

    Visita? ~(‾▿‾~) || kawaii things

    ResponderExcluir
    Respostas
    1. Pois é, e isso que nem sou muito boa em criar esses tutos para os outros ^^ Obrigada amore >.<

      Excluir
  7. Adorei os modelos... São muito lindos e bem fáceis de fazer, exelente tuto. (estava sumida, mas estou voltando aos poucos) ~visit Mini Realeza~

    ResponderExcluir
    Respostas
    1. Anww obrigada linda >.< que bom que gostou, Ah sim é um ótimo tuto mesmo ajuda muito né? beijocas =3

      Excluir
  8. Oie! Tudo bem, sim. >.< Sei lá, a Clarinha sempre foi uma grande (senão a maior) influência por aqui, mas sério, eu "blogo" porque gosto, não por qualquer outra coisa... As pessoas deveriam pensar assim também.

    Os modelinhos estão amor, como sempre, né? Não é puxa-saquismo, mas tudo o que você faz fica assim, lindinho. *w* O meu favorito é o último. <3

    Chu ~ || Empire Kawaii

    ResponderExcluir
  9. obrigada por nada

    ResponderExcluir
  10. Oi Roh, tudo bem? Estou reformando meu blog depois de anoos, sinto saudades da blogosfera. O seu blog sempre me ajudou com códigos anos atrás e ainda está me ajudando, sou muito grata a você, de verdade. Um dos poucos blogs públicos até hoje e um dos meus favoritos de html.
    Estou tendo alguns problemas com o footer do meu layout, será que você poderia me ajudar com isso, se não for pedir demais? O meu problema é: quero deixar meu post footer em uma linha só, igual ao do seu layout. Autor, marcadores e comentários na mesma linha. Mas não consigo de jeito nenhum. Estava tentando usar o tutorial do The Moon Reverse, mas comigo não deu certo :(
    Me desculpe o incomodo, agradeço desde já <3
    Inclusive, amei os modelos, quero usar o primeiro se eu conseguir fazer essa alteração no footer

    Florescendo Sonhos

    ResponderExcluir
    Respostas
    1. Opa, vi que você fez a moderação dos comentários, só queria dizer que consegui resolver os dois problemas kk mil perdões, só avisando mesmo, pode apagar os comentários se quiser, mas a primeira parte do comentário pode ser importante ainda ♥ (inclusive apagar esse comentário aqui, é só um aviso mesmo ~)

      Excluir
    2. Olá xuxu ~
      Que bom que meu blog lhe ajude, fico bem feliz em saber que ele ainda seja útil para as pessoas, mesmo eu demorando para postar..
      Sobre o que você quer, eu teria que estar com você te auxiliando pois para o meu blog eu usei códigos que são ideais para ele ficar alinhado desse jeito e no seu teria que ser ajustado conforme o seu gosto.. Tenta por o código que tem aqui e caso não fique do jeito que queira me chama nas redes sociais.

      Excluir
  11. Ah, e também pode me ajudar em como posso fixar a sidebar? Tentei o tutorial do Bunny Crazy, mas também sem sucesso ahhh
    Desculpa dividir os comentários, lembrei disso agora kkk. E meu modelo é o travel, aquele feio com borda de papel amassado

    ResponderExcluir
    Respostas
    1. Olá ~

      Certo, se a sua sidebar é na direita, procure o código abaixo e use o código em negrito:

      .main-inner .column-right-inner {
      position:fixed;
      }

      Se for na esquerda, procure esse código:

      .main-inner .column-left-inner {
      position:fixed;
      }

      Excluir

Olá! Se chegou até aqui é porque leu toda a postagem certo? Não? Poxa, comenta antes de sair e por favor, tente ler todo o conteúdo do post pois, por mais que a maioria do que eu escrevo seja sobre css e html, eu também comento sobre vários assuntos no mesmo post.

E abaixo, algumas regrinhas para seguir e fazer um comentário bem maroto:

1 - Comente apenas se sentir a vontade e queira.

2 - Seja educado, não use palavras inapropriadas, respeite os outros comentários e opiniões alheias.

3 - Se eu fico feliz quando comentam algo? Ô se fico, na verdade adoro!

4 - Antes de sair além de comentar deixe o link do seu bloguinho caso queira pois assim conseguirei lhe visitar e deixar um recadinho.

5 - Quer ser afiliado ao blog? Só pedir nos comentários ou na própria página direcionada a isto, estou precisando de afiliados mesmo rsrs.

Obrigada por tanto e obrigada por me acompanhar até aqui, fico muito feliz e grata pela sua companhia!

Roh ~

GNMH - LAYOUT E DESIGN POR RDS / CRIADOS EXCLUSIVAMENTE PARA ESTE BLOGUINHO ❤