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;
}
Roh-Chan,você me salvou!!!!Estava precisando de um Footer assim (igual ao do 2) Arigato
ResponderExcluir~Kissus
Ah que bom minha linda >.<
ExcluirEstava procurando mesmo um tutorial desse para o próximo layout do meu blog, achei esse super bacana *-* Adorei o tutorial!
ResponderExcluirAbraços, Crazy Things
Ahh que bom que foi útil então amore >.< Beijocas =3
ExcluirAdorei os modelos, meu favorito foi o segundo >3<
ResponderExcluirAté logo, www.excepcionalmente.com ~
Ah obrigada amore :3
ExcluirVou ver se faço o proximo lay meu e usarei esse tutorial e vou até colocar nos favorito *---*
ResponderExcluirumacaixinhadeideias.blogspot.com.br Dá uma olhadinha no meu blog amr :3 Fica com Deus :)
Anww ok então >.< Passo sim linda ~
ExcluirSim está fazendo muito frio ultimamente da vontade de nem sair de casa,os modelinhos ficaram lindos >U<
ResponderExcluir{Winter Winds}
Né? Obrigada linda >.<
Excluirwaah, não vemos muitos modelos de post fotter por ai, é realmente um bom tutorial *---* os modelos são lindos Roh
ResponderExcluirVisita? ~(‾▿‾~) || kawaii things
Pois é, e isso que nem sou muito boa em criar esses tutos para os outros ^^ Obrigada amore >.<
ExcluirAdorei os modelos... São muito lindos e bem fáceis de fazer, exelente tuto. (estava sumida, mas estou voltando aos poucos) ~visit Mini Realeza~
ResponderExcluirAnww obrigada linda >.< que bom que gostou, Ah sim é um ótimo tuto mesmo ajuda muito né? beijocas =3
ExcluirOie! 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.
ResponderExcluirOs 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
obrigada por nada
ResponderExcluirNão entendi querido (a) ¬¬
ExcluirOi 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.
ResponderExcluirEstou 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
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 ~)
ExcluirOlá xuxu ~
ExcluirQue 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.
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
ResponderExcluirDesculpa dividir os comentários, lembrei disso agora kkk. E meu modelo é o travel, aquele feio com borda de papel amassado
Olá ~
ExcluirCerto, 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;
}