Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

reidark

Tabela fixa igual ao "background fixed".

Recommended Posts

Fala galera, olha eu aqui denovo!

Bem, um cara criou um site, bem legal por sinal, e nele tem várias coisas que eu gostaria de aprender:

O site é: http://thekillerin.me

Repare que no canto esquerdo <- tem uma tabela, que fica fixa, se voce "scrollar" com o mouse ela fica no mesmo lugar (que nem o background attachament:fixed), e eu queria fazer isso!

 

Outra coisa interessante é que quando passamos o mouse em cima do ícone ("Jogos", "Perfil" ou "Lohout") aparece um Rollover Image, só que esse Rollover Image é lento e suave, não é que nem aquele Rollover do Dreamweaver onde voce coloca o mouse em cima e ja muda a imagem.

 

Bem, é mais ou menos isso que eu queria, se puderem me ajudar eu agradeço!

 

MUITO OBRIGADO!

Compartilhar este post


Link para o post
Compartilhar em outros sites

reidark, é uma tela de login. Não existe nada do que você citou :mellow:

Compartilhar este post


Link para o post
Compartilhar em outros sites

É porque vocÊ tem que se cadastrar pra entrar no site.

Ai quando voce entrar no site, voce vai ver do que estou falando!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Ou você nos mostra um print ou imagem ou vai ficar difícil ajudar.

É porque vocÊ tem que se cadastrar pra entrar no site.

Ai quando voce entrar no site, voce vai ver do que estou falando!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Imagem: rj2lnn.png

 

Só não vai ter como como mostrar o efeito de passar a mão em cima do ícone, mas é tipo um rollover suave.

 

Alguem me ajuda galera!

Preciso muito disso!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Duvida 1:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<style>

#wrapper {
height:2000px
}

#box {
background:#000;
height:150px;
left:0;
position:fixed; /* Fixa objeto */
top:50px;
width:50px;
}

</style>


</head>
<body>

<!-- Objeto a ser fixado -->
<div id="box"></div>

<div id="wrapper">

</div>

</body>
</html>

 

 

 

Duvida 2: http://www.queness.com/post/411/create-an-attractive-jquery-menu-with-fadein-and-fadeout-effect

 

ou

 

http://www.designchemical.com/lab/jquery-mega-drop-down-menu-plugin/examples/

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.