10 replies to this topic

[Cyrus]

tenho quase certeza que é feito com CSS, eu já fiz algo semelhante uma vez mas não me lembro como..
Podem me ajudar? www.rpg2knet.com
na barra horizontal logo abaixo do logo.. tem links como o "Camportal" e quando você passa o mouse sobre eles parece uma tabela.. quem souber fazer ou souber um tutorial que ensina.. obrigado!

[Cyrus]

Eu sei que aqui não é CSS mas não axei forum de CSS nem de javascript..
imagem de fundo??? axo q vc viu na parte errada.. saca quando vc passa o mouse sobre "camportal" aparece uma tabela em cima.. saco? vlw ae.

Edição feita por: Cyrus, 28/03/2004, 19:58.

[Cyrus]

Move então.. eu fiz algo dakele tipo em css.. mas move pra java entaum.. valeu!

[Cyrus]

Ajuda ae pessoal.. por favor.. o.O

[Polacco]

bom, eu dei uma analizada, más digo uma coisa.. sou newba em JS, então vou falar o que eu ví..

bom tudo não passa de um comando básico de

onmouseover e onmouseout

pois assim..
tu faz um link..ae quando passar o mouse em cima, ele pega e uma LAYER e abre se posicionando nos devidos lugares determinados por você e com as figuras que você quer..
vou por aqui como foi feita a div desse site que tu pois ae...

<div id=forums name=forums><table cellpadding=0 cellspacing=0 width=280 border=0>
<tr>
<td width=3 height=1 colspan=2><img src="/images/standard/blank.gif" width=3 height=1>
</td>
<td width=99% bgcolor=#000000><img src="/images/standard/blank.gif" height=1>
</td>
<td width=3 height=1 colspan=2><img src="/images/standard/blank.gif" width=3 height=1>
</td>
</tr>
<tr>
<td width=1><img src="/images/standard/blank.gif" height=1 width=1>
</td>
<td width=3><img src="/images/standard/curveleft.gif" height=2 width=3>
</td>
<td width=99% bgcolor=#113C5F><img src="/images/standard/blank.gif" height=2>
</td>
<td width=3><img src="/images/standard/curveright.gif" height=2 width=3>
</td>
<td width=1><img src="/images/standard/blank.gif" height=1 width=1>
</td>
</tr>
<tr>
<td width=1 bgcolor=#000000><img src="/images/standard/blank.gif" height=1 width=1>
</td>
<td width=3 bgcolor=#113C5F><img src="/images/standard/blank.gif" width=3>
</td>
<td width=99% bgcolor=#000000 style="background-position: top left; background-image:url(/images/standard/logobannerfaded.png); background-repeat: no-repeat; background-attachment: fixed;">
<table cellpadding=2 cellspacing=0>
<tr>
<td><img src="/images/standard/blank.gif" width=3 height=16><img src="/images/standard/hoverforums.gif" width=16 height=16><img src="/images/standard/blank.gif" width=3 height=16></td><td><font class=white>forums:</font>&nbsp; join in rpgmaker and misc discussions...
</td>
</tr>
</table>
</td>
<td width=3 bgcolor=#113C5F><img src="/images/standard/blank.gif" width=3></td><td width=1 bgcolor=#000000><img src="/images/standard/blank.gif" height=1 width=1>
</td>
</tr>
</table>
</div>

essa é a div.. que quando o cara passa o mouse em cima do link abre ela.. com as figuras e tals.. entendeu mais ou menos?
esse é o exemplo do link do fórum dele...
espero ter ajudado em alguma coisa..


[]´s Polacco

[Urian]

Em dreamweaver isso mais fácil de fazer.

[Urian]

Fiz isso no dreamweaver e copiei aqui.

<div align="center"><img src="foto1.jpg" width="122" height="91" onMouseMove="MM_showHideLayers('Layer1','','show')" onMouseOut="MM_showHideLayers('Layer1','','hide')"> </div>

não sei se ajudou muito...

[Klaus]

Fiz isso no dreamweaver e copiei aqui.

<div align="center"><img src="foto1.jpg" width="122" height="91" onMouseMove="MM_showHideLayers('Layer1','','show')" onMouseOut="MM_showHideLayers('Layer1','','hide')"> </div>

não sei se ajudou muito...

Até ajudaria... Se a função que você chamou no código... Você tivesse postado também...