Jump to content

[Resolvido] Duvida com links de navegação


passado
 Share

Recommended Posts

Boas eu, neste site, www.ctdesag.no.sapo.pt, queria no botao que diz intercambio em vez de abrir uma pagina mostar uns sub-menus e depois entao conforme o sub-menu escolhido assim ele abrir a pagina, fizme entender? O codgio que a Navbar tem é este

<div  id="menu">  
	  <ul>
		<li><a href="index.html">Home</a></li>
		<li><a href="Quem Somos.html">Quem Somos</a></li><li><a href="intercambio.html">Intercambio</a></li>
		<li><a href="triatlo.html">Triatlo</a></li><li><a href="vi-ue-challenge.html">VI UE Challenge</a></li>
		<li><a href="fotos.html">Fotos</a></li><li><a href="forum.html">Forum</a></li>
		<li><a href="contactos.html">Contactos</a></li>	
	  </ul>
    </div>

Como faço para adicionar sem mudar os restantes botoes?

Uma outra questao é, eu tenho um ficheiro em SWF e queria que o user ao carregar nesse ficheiro fosse redireccionado para uma outra pagina, ou seija o ficheiro SWF servir de botao, como e que faço? eu tou a introduzir os ficheiros no Dreamweave como ficheiro flash, mas depois nao sei como por o rediccionamento

Link to comment
Share on other sites

Uma outra questao é, eu tenho um ficheiro em SWF e queria que o user ao carregar nesse ficheiro fosse redireccionado para uma outra pagina, ou seija o ficheiro SWF servir de botao, como e que faço? eu tou a introduzir os ficheiros no Dreamweave como ficheiro flash, mas depois nao sei como por o rediccionamento

Alguem me pode ajudar

Link to comment
Share on other sites

Se entendi a primeira questão tens de utilizar script para isso (javascript por exemplo). Dá uma vista de olhos neste exemplo: http://www.dhtmlgoodies.com/index.html?page=menuScripts

A questão do botão em Flash:

Eu desta tecnologia pouco entendo, mas no IDE de Flash não será possível adicionares um evento de Click ao botão, e este abre um url?

Penso que outra opção é fazer o seguinte:

<a href="(url)">
    <object width="..." height="...">
        <param name="..." value="*.swf">
        <embed src="*.swf" width="..." height="...">
        </embed>
    </object>
</a>

Daniel Amorim

VP for xRTML

http://www.xrtml.org http://www.realtime.co

Link to comment
Share on other sites

No link que deste para os codigos do menu, nao percebi muito bem como fazer, eu realemnte mesmo aquilo que quero mas nao consigo implementar aquilo no estilo que tenho montado e nos botoes que ja tenho feitos

Sim eu quando constrou o botao á la essa opçao mas depois quando meto na pagina, ele reconhece o reencaminhamento mas nao faz nada, e a meneira que me deste nao funciona :S o swf nao aparece, obrigado na mesma

Link to comment
Share on other sites

Pois esses conhecimento so tenho mesmo o que vou aprendendo em tuturiais e vou aprendendo com o que vou vende que cada code faz 😁 ou seija nao tenho nenhuma 😉

Ja tive a tentar fazer, e consegui +/- , o problema agora é mesmo adaptar o codigo para o meu CSS ou seija, o codigo que tenho no menu no ficheiro CSS és te:

/* Menu */
#menu{
clear: both;	
margin: 0 auto; padding: 0;
background: url(menu.jpg) repeat-x 0 0;	
font: bold 12px/37px Verdana, Arial, Tahoma, Sans-serif;
height: 37px;
width: 780px;	
}
#menu ul {
float:right;
list-style: none;
margin:0; padding: 0;
}
#menu ul li {
display: inline;
}
#menu ul li a {
display: block;
float: left;
padding: 0 12px;
color: #FFF;	
text-decoration: none;
}
#menu ul li.last a {
padding-right: 20px;	
}
#menu ul li a:hover {
color: #D4E59F;	
}
#menu ul li#current a {	
color: #D4E59F;
}

penso ser so adicionar a parte dos submenus que o outro codigo tem, esta:

}
.dhtmlgoodies_subMenu{
visibility:hidden;
position:absolute;
overflow:hidden;
border:1px solid #000;
background-color:#FAFAFA;
font-family:arial;
text-align:left;

}
.dhtmlgoodies_subMenu ul{
margin:0px;
padding:0px;
}
.dhtmlgoodies_subMenu ul li{
list-style-type:none;
margin:0px;
padding:1px;	/* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/
}
.dhtmlgoodies_subMenu ul li a{	/* Sub menu items */
white-space:nowrap;	/* No line break */
text-decoration:none;	/* No underline */
color:#000;	/* Black text color */

height:16px;	/* 16 pixels height */
line-height:16px;	/* 16 pixels height */
padding:1px;	/* 1px of "air" inside */

display:block;	/* Display as block - you shouldn't change this */
}
.dhtmlgoodies_subMenu ul li a:hover{	/* Sub menu items - mouse over effects */
color:#FFF;	/* White text */
background-color:#317082;	/* Blue background */
}

eu ja la meti esta parte e alterei a parte que dizia dhtmlgoodies para menu depois fui ao ficheiro de javascript e alterei os seguintes valores:

var MENUDIV_ID = "menu";
var SUBMENU_CLASS = 'menu_subMenu';

os valores originais sao:

var MENUDIV_ID = "dhtmlgoodies_menu";
var SUBMENU_CLASS = 'dhtmlgoodies_subMenu';

Fiz isto e nao funcionou, o que e que fiz de mal?

Tenho de alterar mais alguma coisa, tenho de fazer o que?

Eu ja consegui por a trabalhar mas é com a barra de lado e sem o estilo do meu site ou seija copiei o codigo todo para a pagina html e ficou tudo fino, agora quero adaptar esse codigo ao meu estilo de CSS sem ter que andar pagina por pagina a adicionar os menus outra vez e por isso a funcionar sem ser de lado e com o estilo do site, que tenho de fazer?

Link to comment
Share on other sites

O CSS é só para a formatação da página. Quando tu em cima dizes que tentaste aplicar o exemplo ao teu menu e não deu deve ser problema da lógica definida na página e no javascript...

Eu desconfio que estas a fazer mal o registo de eventos ou a associar mal os ID's dos menu's... mas para verificar teria de ver mesmo o código todo da página.

Bem, podes também fazer uma coisa. Instala no Firefox a extensão Firebug, dá uma grande ajuda no desenvolvimento de aplicações WEB.

Daniel Amorim

VP for xRTML

http://www.xrtml.org http://www.realtime.co

Link to comment
Share on other sites

O ficheiro CSS a única coisa que te faz é mudar a apresentação do documento.

Tu tens o HTML onde defines o Menu que queres. Agora tens de integrar o javascript para fazer com que parte do menu seja dinâmico.

Uma coisa... tu mudaste esta estrutura?

    <div  id="menu">  
	  <ul>
		<li><a href="index.html">Home</a></li>
		<li><a href="Quem Somos.html">Quem Somos</a></li><li><a href="intercambio.html">Intercambio</a></li>
		<li><a href="triatlo.html">Triatlo</a></li><li><a href="vi-ue-challenge.html">VI UE Challenge</a></li>
		<li><a href="fotos.html">Fotos</a></li><li><a href="forum.html">Forum</a></li>
		<li><a href="contactos.html">Contactos</a></li>	
	  </ul>
    </div>

se não mudaste é capaz de não correr muito bem, pois para o JavaScript fornecido parte-se do pressuposto que o menu tem a seguinte estrutura:

<div id="dhtmlgoodies_menu">
<ul>
  <li><a href="#">New scripts</a>
    <ul>
      <li><a href="#">Slide out menu</a></li>
      <li><a href="#">Content organizer</a></li>
      <li><a href="#">Slide in pane</a></li>
      <li><a href="#">Chess widget</a></li>
      <li><a href="#">Color picker</a></li>
    </ul>
  </li>
  <li><a href="#">Updated scripts</a>
    <ul>
      <li><a href="#">Calendar script</a></li>
      <li><a href="#">Tab menu</a></li>
      <li><a href="#">DHTML menu</a></li>
      <li><a href="#">Slide in pane</a></li>
    </ul>
  </li>
  ...
</ul>
</div>

Daniel Amorim

VP for xRTML

http://www.xrtml.org http://www.realtime.co

Link to comment
Share on other sites

Sim eu mudei essa estrutura e consegui por o menu a funcionar a unica coisa que me falta mesmo e por os sub-menus iguais aos menus...

Eu consegui por tudo a trabalhar mas foi com o "estilo" que eles tem criado entendes?

Link to comment
Share on other sites

Ah ok, quando disseste que não funcionava pensei que o sub-menu não aparecia, afinal é o aspecto que não é o que pretendes. ok!

Disses que alteraste as variáveis MENUDIV_ID e SUBMENU_CLASS e no CSS mudaste dhtmlgoodies para menu . Também fizeste a correcta correspondência entre o valor de SUBMENU_CLASS e o selectors das CSS?

Outra coisa, pelo que vi estavas a usar selectors para ID e no exemplo são aplicados às classes.

Daniel Amorim

VP for xRTML

http://www.xrtml.org http://www.realtime.co

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.