Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 D'Leandro™

avatar
Fundador
  [Tutorial] Fade Out Bottom

Descrição
Este código faz com que o final da página só apareça quando rolar a página.

Funcionalidade: PunBB, PhpBB2, PhpBB3, Invision, Blog e Site

--> WidGet <--
Painel de Controle Seta Módulos Seta Portal & Widgets Seta Gestão dos widgets do fórum Mover
WP
Nome do widget : Fade Out Bottom
Utilizar um table type : Não
Título do widget : Opcional
Fonte do widget * : Cole o código!
Código:
<img id="Fade-Out-Bottom" src="http://i83.servimg.com/u/f83/17/71/75/73/bottom10.png" />
Clique em Salvar

--> Código CSS <--
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Mover Folha de estilo CSS
Código:
#Fade-Out-Bottom {
    border: medium none;
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100px;
    z-index: 999;
}
Clique em Validar

--> Resultado Final<--

Clique na imagem para visualizar ▲


Desenvolvido por D'Leandro™ | SGBR™
Editado e Postado por Copyright® 2012 Staffer Group BR™
Ver perfil do usuário

#2
 fascicularia

avatar
Membro
obrigado
Ver perfil do usuário

#3
 fascicularia

avatar
Membro
muito bom
Ver perfil do usuário

#4
 fascicularia

avatar
Membro
para ver
Ver perfil do usuário

#5
 Conteúdo patrocinado