Sejam bem vindos meu ao bloguinho, ele foi criado com o intuito de ensinar a quem necessita de ajuda em html e css, temos diversos tutoriais e materiais. Fiquem bem a vontade e qualquer dúvida que tiverem entrem em contato comigo ou peçam pela ask. Beijinhos caramelados e inté mais ♡
Search here
All that you want is here, css and html
Welcome to garota no mundo html.
- efeito legenda nas imagens de posts
- backgrounds grandes em aquarela
- Avatar do autor no post footer
- Leia mais na mesma linha do header
- Efeito Dragqueen e efeito Swing
- Três modelos de menus agenda
- Usando temas de tumblr no blog
- Criando seu próprio modelo de data
O tema atual do layout é: the fall of leafs
A meta dos posts do blog é de: 300 posts
A meta de comentários do blog é de: 3500
O blog foi inaugurado no dia: 27/12/2012
os Seguidores do blog atualmente são: 865
A versão atual do layout está na: 41ª vers.
folhinhas que estão no blog online agora:
folhinhas que já passaram por aqui:

Rodapé fixo no fim da página

Buenas monamus tudo bem? Lá vem a chatonilda com a mesma ladainha de sempre e as mesmas desculpas de sempe hahaha. Faculdade, provas, trabalhos e mais trabalhos e por ai vai.. Não muito diferente de vocês eu acredito né? O que me alegra é que em julho entrarei de FÉRIAS e ficarei um mês coçando a pexereca, sim, porque eu também mereço! ˇεˇ Num guento mais essa vida de universitária e não me canso de dizer isso, até porque só quando vocês estiverem vivendo isso é que irão ver como é froids!

Já viram né que a cada comeback desses kengos liendos é uma trocada de layout né? (*̩̩̩ᵋ *̩̩̩ ) Troco mesmo, e para mim é até bom pois sempre me dá altas inspirações esses comebacks loucos que eles fazem. Mas mudando o foco do post de hoje, uma leitora me pediu para ensinar como por o rodapé fixo no fim da página, algo que para mim é bem simples e sem complicação. Irei ensinar a gambiarra que eu mesmo uso nos meus layouts tá? Eu mesma montei um código que é bem parecido com o footer wrapper que o povo costuma usar, mas fiz de um jeito bem mais fácil certo?

Vá até o seu modelo clique em editar html e dentro dele procure por: ]]skin; e acima dele cole o seguinte código:

#rodape {
text-align: center;
font-family: Muli, sans-serif;
font-size:10px;
color: #COR DA FONTE;
background: url(IMAGEM)repeat-x;
background-position:bottom center;
background-attachment: fixed;
background-size: auto;
z-index: 1000;
width: LARGURApx;
height: ALTURApx;
line-height:ALTURA DA LINHA DO TEXTO TEM QUE TER O MESMO VALOR DO HEIGHTpx;
position: fixed;
bottom: 0px;
left: 0px;
}
#rodape img:hover {
color: #COR DA FONTE EM HOVER;
text-shadow: 1px 1px 1px #COR DA SOMBRA DE TEXTO EM HOVER;
}

Se quiser por texto no seu rodapé pegue o código abaixo e cole ele acima de </body>

<div id='rodape'>ESCREVA O QUE QUISER AQUI</div>

E se quiser apenas a imagem no rodape use o código abaixo:

<div id='rodape'/>

8 comentários:

  1. Oie~
    Ahsuahsa que desculpa nada^^ Ahsuahha férias, vem cá <333
    Gente, amei esse lay, chega até a ser humilhante trocar o meu esse fim de semana Q_Q Suga <3333 ~esse layout está sugarado ahauashahsha~
    Acho que vou colocar esse tuto no meu layout ~se tudo der certo~
    Adios moça~ [click me]

    ResponderExcluir
    Respostas
    1. Olá, hahahah pois é, eu necessito de férias cara. Obrigada amore, UAHSUAHSuahsuahs que nada deve ser bem fofo também hihi. Coloque irá ficar muito fofo >.< beijos!

      Excluir
  2. ~Anneyong~
    Opa Férias;
    Okay, um minuto de silêncio para esse layout [.......] também porque tem o Yoongi ali, tem um deus grego agora, é o ultimate ~ilusor de biased's também~ chega dá uns coiso no coração. Enfim ~vários enfim~ Gostei do tutorial, não é uma coisa muito difícil, é bem prático, então; é
    Saindo ~bomba de fumaça
    Au revoir~ [baepsae]

    ResponderExcluir
    Respostas
    1. Annyeong amore =3

      Férias vem nim mim hahahaha.
      Obrigada amore, fico muito feliz quando alguém gosta dos layouts que faço ^^

      É bem fácil né? E o layout fica tão divoso >.<

      Beijos!

      Excluir
  3. *olá*
    Férias, férias, férias... já quero também. Nem precisa de desculpas que eu te entendo plenamente, mesmo estando no Ensino Fundamental, então se joga nas férias e "coce a pexereca" o quanto quiser.

    O Rodapé Fixo fica muito bacana e funcional, deixa tudo mais prático, talvez eu use em um futuro layout. *-*

    MEODEOS QUE LAYOUT É ESSE?! O Yoongi ali me matando! *num importa a regra, ele e o kookie são meus ultimate da vida*
    E essa quote de "Fire" me deixou no chão. As cores usadas são um amor. Se eu fosse esse layout por um dia, seria um dia muito feliz.
    - Acho que já falei demais.

    { www }bye~

    ResponderExcluir
    Respostas
    1. Olá amore >.<
      Férias sua linda pode vir UAHSUAHSUAHSUSH. Irei coçar sim AUSHUAHSUAHsuahsuahs

      Sim, e é tão simples pena que o povo não explica isso direito nos posts né?

      Gostou? Eu amei também, o Suga é um amorzinho né?

      Excluir
  4. Tu blog es simplemente perfecto.. me encanta ^u^
    Saludos :D
    http://mundo-sparky.blogspot.com/

    ResponderExcluir
    Respostas
    1. Gracias! Obrigada por gostar dele, fico muito feliz ;) Beijos!

      Excluir

Olá meus amores, os comentários devem ser direcionados somente ao blog e não a vida pessoal de ninguém! Qualquer dúvida peça pela Ask que responderei o mais rápido possível. Anônimo não adianta vir xingar pelos comentários que antes de mesmo de pensar em me ofender eles serão excluídos! Não gosto de tags, se quiser fazer fique a vontade mas não irei retribuir, não curto seguindo segue de volta =/ mas posso seguir se gostar realmente do blog, não julgo por layout ou por seguidores, avalio o blog e como disse se eu curtir é claro que sigo, afiliações? Peça nos comentários pois se pedir em outro lugar no caso páginas é bem provável que eu não veja! Então meus lindos espero que curtam cada cantinho do meu bloguinho e voltem sempre! kissus (*^3^)