Jump to content


kaka_22's Content

There have been 11 items by kaka_22 (Search limited from 29/03/2023)


Ordernar por                Order  

#885515 Duvida Em Menu

Posted by kaka_22 on 05/12/2007, 10:15 in Javascript / DOM / AJAX / ECMAScript

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>
-----------------------------------------



#885072 Duvida Em Menu

Posted by kaka_22 on 03/12/2007, 10:07 in Javascript / DOM / AJAX / ECMAScript

Olá!!

Estou desenvolvendo um site mas tenho uma dúvida que não estou conseguindo resolver. Eis o site: www.enssaocarlos.com.br
A duvida é a seguinte: ali no menu onde tem 'Vida equipista 2007' precisaria virar só 'Vida equipista' e no próximo menu abrir as opções 2007, 2008 e assim por diante. O problema é que esteticamente não fica muito bom, pois não consigo deixar o tamanho do sub-menu diferente do sub-sub-menu (o seguinte). Ficariam três expanões de tamanhos iguais ocupando quase a metade da tela. Só que me disseram que com javascript dava pra mexer apenas com o menu intermediario e deixar ele no tamanho proporcional ao escrito ('2007', '2008').
Se alguém puder ajudar... é porque é meio urgente e eu num entendo mesmo de javascript pra fazer isso!

Obrigado



#831790 Problemas Com Menu No Ie

Posted by kaka_22 on 08/03/2007, 12:02 in CSS & Semântica (Tableless)

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



#831311 Retirando Audio De Arquivo .flv

Posted by kaka_22 on 07/03/2007, 10:16 in Edição de Áudio

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



#830901 Retirando Audio De Arquivo .flv

Posted by kaka_22 on 06/03/2007, 09:22 in Edição de Áudio

alguem sabe algum programa que eu possa usar pra retirar o audio de algum video que eu tenha pego do youtube?
eh que tem uns lives legais que eu num acho nem a pau, ai a solução seria tirar do video do youtube msm
obrigado :lol:



#830879 Problema Com Drop Down

Posted by kaka_22 on 06/03/2007, 07:56 in Dreamweaver

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 =/

Attached Files




#830619 Problema Com Drop Down

Posted by kaka_22 on 05/03/2007, 10:25 in Dreamweaver

e ae pessoal, blz? sei que parece banal meu problema mas eu num to conseguindo achar onde esta o erro no meu código... =/ se alguem puder ajudar,
obrigado

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><title>ENS - S&atilde;o Carlos</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><script type="text/javascript" src="drop_down.js"></script><style type="text/css"><!--.style1 { font-size: 18px; color: #FFFFFF; }.style9 {font-size: 12px}.style10 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }.style12 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }.style13 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;	font-weight: bold; }.style14 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;	font-weight: bold; }.style77 { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px; }.style222 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }.style333 { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9px;	font-weight: bold; }.style16 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px;	font-weight: bold; }--></style><script type="text/javascript" src="drop_down.js"></script><style type="text/css">body {	padding:0;	background-color:#fff;	font: 14px/1.5em 	Verdana, Arial, Serif;}#topo{	width:100%;	height:150px;	background-color:#fff;	border-top:0px;	border-bottom:1px groove #2B44A1;	color:#0f0;	text-align:center;	background-image: url(imagens/bkg%20header.jpg);}#conteudoEsq {	position:absolute;	width:180px;	top:145px;	left:-14px;	color:#99f;	padding-bottom:1px;	margin-left: 15px;}#conteudoDir {	position:absolute;	width:210px;	top:139px;	right:0px;	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: -25px;	font-family:Verdana, Arial, Helvetica, sans-serif;}</style></head><body> <div id="topo">      <a href="index.htm"><img src="imagens/logo_all_v2.jpg" border="0"></a></div>    <div id="conteudoEsq">     	  <style type='text/css' title="mystyles" media="all"><!-- 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; }	 li ul { position: absolute; left: 181px; top: 0; display: none; }	 ul li a{ display:block; text-decoration:none; color:#416FA8;	 		  background:#fff ; padding: 2px; border: 1px solid #ccc;			  			  border-bottom: 0; font-weight:bold;  }	ul li a:hover  { color:#FFF ; background: #416FA8; font-weight:bold; } /*Hover Styles */	 	 	 li:hover ul, li.over ul {display:block; } 	 <ul id="nav">	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; /* Fix IE. Hide from IE Mac \*/* html ul li { float:left; height: 1%; }* html ul li a { height: 1%; }/* End */-->  </style>



#827420 Drop-down Vertical

Posted by kaka_22 on 16/02/2007, 08:39 in CSS & Semântica (Tableless)

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



#825845 Posicionamento Tableless

Posted by kaka_22 on 12/02/2007, 09:00 in CSS & Semântica (Tableless)

eh foi desnecessario msm.
pode fechar o topico jah que eu dou uma olhada no que vc me passou
obrigado andreia (y)



#825834 Posicionamento Tableless

Posted by kaka_22 on 12/02/2007, 08:43 in CSS & Semântica (Tableless)

up, topico editado



#823771 Posicionamento Tableless

Posted by kaka_22 on 05/02/2007, 13:52 in CSS & Semântica (Tableless)

to com problema de posicionamento numa pagina que eu to fazendo que se resume ao seguinte: abaixo do header as colunas nao se alinham no topo. estou tentando achar o erro faz tempo mas nao consegui, por isso peço ajuda pra alguem que saiba aqui, por favor.
desde jah, obrigado
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="Mauricio Samy Silva" />
<title>Layout CSS com duas colunas - Exemplo 4</title>
<style type="text/css">
body{
	margin:5px 10px;
	font: 12px Arial, Helvetica, sans-serif;
	background:#e8eae8;
	
	}
#tudo {
	width:100%;
	}
#topo {	
	height:80px;
	background-color:#e8eae8;
	}
#principal {
	width: 50%;
	background-color: #e8eae8;
	border: 2px groove #FFFFFF;
	margin-top: 60px;
	float:right;
	margin-right: 250px;
	margin-left: 250px;
	text-align: justify;
	line-height: 180%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	}
#navegacao {
	background-color:#e8eae8;
	float:left;
	margin-top: 0px;
	margin-left: 0px;
	}
#direita { 
	background-color: #e8eae8;
	float: right;
	margin-right: 0px;
	margin-left: 500px;
	border: 2px groove #fff;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	margin-top: 50px;
	}
</style>
</head>
<body>
<div id="tudo">
<div id="topo">
  <div align="center"><img src="imagens/logo.jpg" /></div>
</div>
<div id="principal">
<img src="imagens/small%20logo.jpg" width="50" height="26" />&nbsp;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi eleifend, purus quis laoreet faucibus, ante augue malesuada mi, id rhoncus augue lorem eget elit. Ut sollicitudin sodales purus. Phasellus libero felis, blandit nec, commodo ut, imperdiet ut, nibh. Suspendisse potenti. Donec ullamcorper cursus dolor. Duis vitae ipsum. Maecenas dapibus hendrerit diam. Morbi varius, massa id pretium accumsan, nunc lorem congue libero, ut euismod metus libero id nulla. Duis posuere odio sed velit vulputate venenatis. Suspendisse et dui ac metus auctor fringilla. Curabitur interdum augue a pede.</div>
<div id="direita">Scorpions: Wind of Change</div>
<div id="navegacao">
<p>
  <style type='text/css' title="mystyles" media="all">
<!-- navegação {background-color: #e8eae8; color: #416FA8;
		   
		   margin-left: 15px;
		   margin-right: 100px;
		   margin-bottom: 10px;
		   margin-top: 60px;
		   font-family: Verdana, Arial, sans-serif; 
		   font-size: 70%;
		   line-height: 130%;}
	 p { text-indent: 3em; }
	 ul { margin= 0; padding: 0; list-style: none; width: 160px; border-bottom: 1px solid #ccc;
		 }
	 ul li { position: relative; }
	 li ul { position: absolute; left: 159px; top: 0; display: none; }
	 ul li a{ display:block; text-decoration: none; color:#fff;
	 		  background: #416FA8; padding: 2px; border: 1px solid #ccc;
							border-bottom: 0;  }
	ul li a:hover  { color:#416FA8; background: #FFF; font-weight:bold; } /*Hover Styles */
	 	  /* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */
	 li:hover ul, li.over ul {display: block; } { display: block; }
	 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;
<ul id="nav">
-->
  </style>
</p>
<ul>
  <li> <a href="#"> &nbsp; Historia do Movimento</a>
	  <ul>
		<li><a href="#"> O que s&atilde;o as ENS</a></li>
		<li><a href="#"> Objetivos</a></li>
		<li><a href="#"> Cria&ccedil;&atilde;o na Fran&ccedil;a e Introdu&ccedil;&atilde;o no Brasil</a></li>
		<li><a href="#"> Cria&ccedil;&atilde;o das Equipes em S&atilde;o Carlos</a></li>
		<li><a href="#"> Lan&ccedil;amento das Primeiras Equipes</a></li>
		<li><a href="#"> Cria&ccedil;&atilde;o do primeiro Setor</a></li>
		<li><a href="#"> Cria&ccedil;&atilde;o do segundo Setor</a></li>
		<li><a href="#"> Ens em S&atilde;o Carlos nos dias de hoje</a></li>
	  </ul>
  </li>
  <li> <a href="#"> &nbsp; Vida Equipista 2007</a>
	  <ul>
		<li><a href="#"> Lema e Tema</a></li>
		<li><a href="#"> Tema de Estudo</a></li>
		<li><a href="#"> Pr&eacute; Eacre</a></li>
		<li><a href="#"> EACRE</a></li>
		<li><a href="#"> Retiro Aberto</a></li>
		<li><a href="#"> ...outros a medida em que forem ocorrendo</a></li>
	  </ul>
  </li>
  <li> <a href="#"> &nbsp; Momentos de Forma&ccedil;&atilde;o</a>
	  <ul>
		<li><a href="#"> Retiros</a></li>
		<li><a href="#"> Mutir&otilde;es</a></li>
		<li><a href="#"> Sess&otilde;es de Forma&ccedil;&atilde;o</a></li>
	  </ul>
  </li>
  <li> <a href="#"> &nbsp; Equipes em Pilotagem</a>
	  <ul>
		<li><a href="#"> Defini&ccedil;&otilde;e e Objetivos</a></li>
		<li><a href="#"> Em andamento</a></li>
	  </ul>
  </li>
  <li> <a href="#"> &nbsp; Experi&ecirc;ncia Comunit&aacute;ria</a>
	  <ul>
		<li><a href="#"> Defini&ccedil;&otilde;es e Objetivos</a></li>
		<li><a href="#"> Grupo em andamento</a></li>
		<li><a href="#"> Equipe de Trabalho</a></li>
	  </ul>
  </li>
  <li> <a href="#"> &nbsp; Grupo de Noivos</a>
	  <ul>
		<li><a href="#"> Repons&aacute;veis(id&eacute;ias)</a></li>
		<li><a href="#"> Defini&ccedil;&otilde;es e objetivos</a></li>
		<li><a href="#"> Apostolado assumido pelas ENS</a></li>
		<li><a href="#"> Agenda de Trabalho</a></li>
		<li><a href="#"> Question&aacute;rio de avalia&ccedil;&atilde;o pelos noivos</a></li>
	  </ul>
  </li>
  <li> <a href="#"> &nbsp; Pastoral Rec&eacute;m-casados</a>
	  <ul>
		<li><a href="#"> Respons&aacute;veis(id&eacute;ias)</a></li>
		<li><a href="#"> Defini&ccedil;&otilde;es e objetivos</a></li>
		<li><a href="#"> Apostolado assumido pelas ENS</a></li>
	  </ul>
  </li>
  <li> <a href="#"> &nbsp; Downloads</a>
	  <ul>
		<li><a href="#"> Calend&aacute;rio de Eventos</a></li>
		<li><a href="#"> Agenda Completa</a></li>
		<li><a href="#"> Agenda Simplificada</a></li>
		<li><a href="#"> Agenda SCE's</a></li>
		<li><a href="#"> Agenda de Anivers&aacute;rios</a></li>
		<li><a href="#"> Organograma Funcional</a></li>
	  </ul>
  </li>
  <li> <a href="#"> &nbsp; Contato</a>
	  <ul>
		<li><a href="#"> Casal Responsável Regional</a></li>
		<li><a href="#"> Casal Responsável Setor A</a></li>
		<li><a href="#"> Casal Responsável Setor B</a></li>
		<li><a href="#"> Casal Responsável Curso de Noivos</a></li>
		<li><a href="#"> Conselheiros Espirituais</a></li>
		<li><a href="#"> Atualize seu cadastro</a></li>
	  </ul>
  </li>
  <li> <a href="#"> &nbsp; Links</a>
	  <ul>
		<li><a href="#"> Site Oficial ENS</a></li>
	  </ul>
  </li>
</ul>
<p>&nbsp;</p>
</div>
</div>

</body>
</html>




IPB Skin By Virteq