Jump to content


kaka_22

Member Since 02/02/2007
Offline Last Active 05/12/2007, 10:30
-----

Posts I've Made

In Topic: Duvida Em Menu

05/12/2007, 10:15

Dividi em duas partes. A primeira é o index e a segunda o menu até a parte da duvida. :)

<head><title>ENS - S&atilde;o Carlos</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">&lt;script language="javascript" type="text/javascript">over = function() {	var sfEls = document.getElementById("nav").getElementsByTagName("LI");	for (var i=0; i<sfEls.length; i++) {		sfEls[i].onmouseover=function() {			this.className+=" over";		}		sfEls[i].onmouseout=function() {			this.className=this.className.replace(new RegExp(" over\\b"), "");		}	}}if (window.attachEvent) window.attachEvent("onload", over);</script><style type="text/css">.style1 { font-size: 18px; color: #FFFFFF; }.style2 { font-size: 10px; font-weight: bold; }	.style3 { font-size: 9px; font-weight: bold; }		/* Fix IE. Hide from IE Mac \*/ *html ul li { float: left; height: 1%; } *html ul li a { height: 1%; }body {	padding:0;	background-color:#fff;	font: 14px/1.5em 	Verdana, Arial, Serif;}#topo{	width:99%;	height:150px;	background-color:#fff;	border-top:0px;	border-bottom:1px groove #2B44A1;	color:#0f0;	text-align:center;	margin-left: -10px;}#conteudoEsq {	position:absolute;	width:180px;	top:145px;	left:-14px;	color:#99f;	padding-bottom:0px;	margin-left: 15px;}#conteudoDir {	position:absolute;	width:210px;	top:139px;	left:795px;	color:#000;	padding-bottom:0px;	border-bottom: 1px #000;	border-right: 1px #000;	border-top: 1px #000;	border-left: 1px #000;	margin-right: -1px;	margin-top: 5px;	border-style:groove;	background-color:#fff;	text-align:center;	text-decoration:underline;}#colEsq {	background:#fff;	}#sepEsqcolCentral {	margin-left:240px;	padding-left:2px;	background:#fff;}#colDir {	background:#fff;	margin: 0px;	}#sepcolCentralDir {	margin-right:230px;	padding-right:2px;	background:#fff;}#colCentral {    	background:#fff;	color:#000;	padding:20px 20px;	text-align:justify;	border-bottom:1px solid #000;	border-left: 1px solid #000;	border-right: 1px solid #000;	border-top: 1px solid #000;	margin-top: 0px;	width: 530px;	margin-left: -45px;	font-family:Verdana, Arial, Helvetica, sans-serif; 	font-size:12px;}#subCentral {	background:#fff;	color:#000;	padding: 20px 20px;	text-align:justify;	width: 530px;	margin-left: -45px;	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:12px;}#meuselect { widht: 160px; background:#fff; color:#416fa8; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; }#meuselect option.stit { width: 160px; background:#FFF; color:#416fa8; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; }/* Fix IE. Hide from IE Mac \*/* html ul li { float: left; height: 1%; }* html ul li a { height: 1%; }/* End */startList = function() {if (document.all&&document.getElementById) {navRoot = document.getElementById("nav");for (i=0; i<navRoot.childNodes.length; i++) {node = navRoot.childNodes[i];if (node.nodeName=="LI") {node.onmouseover=function() {this.className+=" over";  }  node.onmouseout=function() {  this.className=this.className.replace	(" over", "");   }   }  } }}window.onload=startList;a: visited { color:#0000FF; }</style></head>

------------------------------------------
<!-- body {					   color: #416FA8		   margin-left: -10px;		   margin-right: 10px;		   margin-bottom: 10px;		   margin-top: -7px;		   font-family: Verdana, Geneva, Arial, sans-serif; 		   font-size: 70%;		   line-height: 150%;}	 p { text-indent: 2em; }	 ul { margin: 0px; padding: 0; list-style: none; width: 180px; border-bottom: 1px solid #ccc;	     border-left: 5px groove #fff;}	 ul li { position:relative; height: 1%; }	 li ul { position: absolute; left: 179px; top: 0; display: none; }	 ul li a{ display:block; text-decoration:none; color:#416FA8;	 		  background:#fff /* IE 6 Bug*/ ; padding: 2px; border: 1px solid #ccc;			  			  border-bottom: 0; font-weight:bold; height: 1%;}	ul li a:hover  { color:#FFF ; background: #416FA8; font-weight:bold; } /*Hover Styles */li:hover ul ul, li.over ul ul { display:none; }li:hover ul, li li:hover ul, li.over ul, li li.over ul { display: block; } /* Aqui a magica */-->  </style><ul id="nav">  <li> <a href="#"> &nbsp; O Movimento</a>    <ul>      &nbsp;<li><a href="index.php?nav=o_que_sao"> O que s&atilde;o as ENS</a></li>      <li><a href="index.php?nav=o_mov_objetivos"> Objetivos</a></li>	  <li><a href="index.php?nav=o_mov_organizacao"> Organização</a></li>      <li><a href="index.php?nav=ens_em_sc"> ENS em São Carlos</a></li>    </ul>  </li>  <li> <a href="#"> &nbsp; Vida Equipista</a> 	<ul>	  <li><a href="#">2007</a>	      <ul>      <li><a href="index.php?nav=tema_de_estudo_2007"> Tema de Estudo</a></li>      <li><a href="index.php?nav=pre_eacre_2007"> Pr&eacute; Eacre</a></li>      <li><a href="index.php?nav=eacre_2007"> Eacre</a></li>	  <li><a href="index.php?nav=formacao_pilotos"> Formação Pilotos</a></li>	  <li><a href="index.php?nav=abertura_mes_de_maria"> Abertura do Mês de Maria</a></li>	  <li><a href="index.php?nav=dia_das_maes"> Confrat. Dia das Mães</a></li>      <li><a href="index.php?nav=retiro_aberto"> Retiro Aberto - CDP</a></li>	  <li><a href="#"> Bingo</a></li>	  <li><a href="index.php?nav=retiro_fechado"> Retiro Fechado</a></li>	  <li><a href="index.php?nav=encontro_provincial"> Encontro Provincial</a></li>          </ul>	  <li><a href="#">2008</a>	  		<ul>
-----------------------------------------

In Topic: Problemas Com Menu No Ie

08/03/2007, 12:02

to com o msm problema (dois anos dps ¬¬) soh que dessa vez com o ie 7

www.sicadi.com.br/ens
soh ver o codigo fonte, num sei o que fazer pro menu funcionar direito no ie =/

obrigado

In Topic: Retirando Audio De Arquivo .flv

07/03/2007, 10:16

uhm... valeu bruno, vou ver se faço isso e dando certo eu posto aqui (y)

In Topic: Problema Com Drop Down

06/03/2007, 07:56

eu fiz um menu de lista como os do maujor... soh que eu arranjei uma outra soluçao agora, preciso colocar em prática só pq num manjo de javascript
BOm a situação agora eh a seguinte: tenho a pagina index: www.sicadi.com.br/ens
e tem aquele menu ali na esquerda... soh que agora eu preciso substituir ele por esse aqui:

[codebox]<HTML>
<head>
<title>Vertical DHTML Menu Ex.#2 - absolute menu position, movable - you can drag-n-drop it</title>

<!-- Apycom DHTML Menu -->
<noscript><a href=http://dhtml-menu.com/>DHTML Menu, ©2004 Apycom</a></noscript>
&lt;script type="text/javascript" language="JavaScript1.2" src="apymenu.js"></script>
&lt;script type="text/javascript" language="JavaScript1.2" src="data2.js"></script>
<!-- Apycom DHTML Menu, dhtml-menu.com -->

</head>
<body bgcolor=#FFFFFF>
</body>
</html>
[/codebox]

e tem as duas paginas java q ele chama, so nao sei como colocar lah agora na index menu novo lah, que eh a pagina sendo feita =/

In Topic: Drop-down Vertical

16/02/2007, 08:39

aproveitando esse topico aqui, tb criei um menu drop down mas queria que ele abrisse pra baixo empurrando o resto do menu e voltasse ao tirar o mouse, nao mostrando o submenu em cima do resto do menu. andei procurando alguns tutoriais sobre isso mas soh achei para abrir do lado msm, nao sei o comando que tenho que modificar.
se alguem puder ajudar.. agradeço desde já.

kaka

IPB Skin By Virteq