Ir para conteúdo

POWERED BY:

Arquivado

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

legustas

Menu com Camadas.

Recommended Posts

Ha Duvida é um seguinte: Eu nao consigo fazer outro, pois peguei pronto e com nao manjo muito, eu nao sei fazer outro.

Eu gostaria de criar varios outros botoes parecidos.

 

;) :D :)

Muito Obrigado deis de Já

O meu ICQ é : 106674821

 

 

O exemplo esta abaixo, em código html.!

 

 

Inicio

[ Código em HTML ]

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Documento sem título</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script language="JavaScript" type="text/JavaScript">

<!--

function MM_findObj(n, d) { //v4.01

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);

if(!x && d.getElementById) x=d.getElementById(n); return x;

}

 

function MM_showHideLayers() { //v6.0

var i,p,v,obj,args=MM_showHideLayers.arguments;

for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args))!=null) { v=args[i+2];

if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }

obj.visibility=v; }

}

//-->

</script>

<script language="JavaScript" type="text/JavaScript">

<!--

function MM_reloadPage(init) { //reloads the window if Nav4 resized

if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {

document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

}

MM_reloadPage(true);

//-->

</script>

</head>

 

<body>

<table width="128" height="9%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td width="128" height="39" valign="top" bgcolor="#DCE7F8">

<script language="JavaScript" type="text/JavaScript">

<!--

function MM_reloadPage(init) { //reloads the window if Nav4 resized

if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {

document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

}

MM_reloadPage(true);

//-->

</script> <script language="JavaScript" type="text/JavaScript">

<!--

function MM_findObj(n, d) { //v4.01

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);

if(!x && d.getElementById) x=d.getElementById(n); return x;

}

 

function MM_showHideLayers() { //v6.0

var i,p,v,obj,args=MM_showHideLayers.arguments;

for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args))!=null) { v=args[i+2];

if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }

obj.visibility=v; }

}

//-->

</script> <table width="125" border="0" cellspacing="0" cellpadding="0">

<tr>

<td height="19" onMouseOut="MM_showHideLayers('empresa2','','hide')" onMouseOver="MM_showHideLayers('empresa2','','show')">

<div id="empresa2" style="position:absolute; width:110px; z-index:1; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px #000000; visibility: hidden; left: 82px; top: 28px;" onMouseOut="MM_showHideLayers('empresa2','','hide')" onMouseOver="MM_showHideLayers('empresa2','','show')">

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="box">

<tr>

<td height="19" bgcolor="#DCE7F8"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#29166F"> .:<a href="_empresa.asp-mdmn=emp.htm" tppabs="http://www.bbcomp.com.br/_empresa.asp?mdmn=emp" class="menu">Principal</a></font></td>

</tr>

<tr>

<td width="19" height="19" bgcolor="#DCE7F8"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#29166F"> .:<a href="_empresa_clientes.asp-mdmn=emp.htm" tppabs="http://www.bbcomp.com.br/_empresa_clientes.asp?mdmn=emp" class="menu">Clientes</a></font></td>

</tr>

<tr>

<td height="19" bgcolor="#DCE7F8"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#29166F"> .:<a href="_empresa_atendimento.asp-mdmn=emp.htm" tppabs="http://www.bbcomp.com.br/_empresa_atendimento.asp?mdmn=emp" class="menu">Atendimento</a></font></td>

</tr>

<tr>

<td height="19" bgcolor="#DCE7F8"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#29166F"> .:<a href="_empresa_estrutura.asp-mdmn=emp.htm" tppabs="http://www.bbcomp.com.br/_empresa_estrutura.asp?mdmn=emp" class="menu">Estrutura</a></font></td>

</tr>

</table>

</div>

<font face="Verdana, Arial, Helvetica, sans-serif" size="1"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#29166F"> .:</font><font color="#29166F"><a href="_empresa.asp-mdmn=emp.htm" tppabs="http://www.bbcomp.com.br/_empresa.asp?mdmn=emp" class="menu">Empresa</a></font></font>

</td>

</tr>

<tr>

<td><img src="REGUA1X1.GIF" tppabs="http://www.bbcomp.com.br/estrutura/REGUA1X1.GIF" width="1" height="1"></td>

</tr>

</table></td>

</tr>

</table>

<p> </p>

</body>

</html>

 

 

[ Código em HTML ]

Fim

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olha velho, se você usa o dreamweaver é bem façil de fazer.Primeiro com a ajuda de um programa gráfico (recomendo o Fireworks MX) he he tem que puxar a sardinha para macromedia né? voltando usando o fireworks faça um botão simples ou seja sem mais detalhes bevel , efeitos ou etc... só o fundo lizo e só. eu geralmente fsso dois em cores diferente e uso o evento hover (quando passa o mouse em sima do botão ele substitui pelo outro botão) ai bote a imagem do botão na tabela que você o quer. selecione a imagem, na lateral direita do dreamweaver tem algumas guias a 1ª e design dentro dessa guia tem 3 subguias a terceira é "comportamentos" nessa guia pressione o botão de + que tem a esquerda e escolha "inserir popup" ai é só ir criando os menus.lendo ta meio complicado mas na pratica vai ser molinho...Precisando to ai.

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.