- Fórum WMO
- → kaka_22's Content
kaka_22's Content
There have been 11 items by kaka_22 (Search limited from 24/04/2023)
#827420 Drop-down Vertical
Posted by kaka_22 on 16/02/2007, 08:39 in CSS & Semântica (Tableless)
se alguem puder ajudar.. agradeço desde já.
kaka
#830901 Retirando Audio De Arquivo .flv
Posted by kaka_22 on 06/03/2007, 09:22 in Edição de Áudio
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
#831311 Retirando Audio De Arquivo .flv
Posted by kaka_22 on 07/03/2007, 10:16 in Edição de Áudio
#831790 Problemas Com Menu No Ie
Posted by kaka_22 on 08/03/2007, 12:02 in CSS & Semântica (Tableless)
www.sicadi.com.br/ens
soh ver o codigo fonte, num sei o que fazer pro menu funcionar direito no ie =/
obrigado
#825845 Posicionamento Tableless
Posted by kaka_22 on 12/02/2007, 09:00 in CSS & Semântica (Tableless)
pode fechar o topico jah que eu dou uma olhada no que vc me passou
obrigado andreia
#823771 Posicionamento Tableless
Posted by kaka_22 on 05/02/2007, 13:52 in CSS & Semântica (Tableless)
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" /> 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="#"> Historia do Movimento</a> <ul> <li><a href="#"> O que são as ENS</a></li> <li><a href="#"> Objetivos</a></li> <li><a href="#"> Criação na França e Introdução no Brasil</a></li> <li><a href="#"> Criação das Equipes em São Carlos</a></li> <li><a href="#"> Lançamento das Primeiras Equipes</a></li> <li><a href="#"> Criação do primeiro Setor</a></li> <li><a href="#"> Criação do segundo Setor</a></li> <li><a href="#"> Ens em São Carlos nos dias de hoje</a></li> </ul> </li> <li> <a href="#"> 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é 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="#"> Momentos de Formação</a> <ul> <li><a href="#"> Retiros</a></li> <li><a href="#"> Mutirões</a></li> <li><a href="#"> Sessões de Formação</a></li> </ul> </li> <li> <a href="#"> Equipes em Pilotagem</a> <ul> <li><a href="#"> Definiçõe e Objetivos</a></li> <li><a href="#"> Em andamento</a></li> </ul> </li> <li> <a href="#"> Experiência Comunitária</a> <ul> <li><a href="#"> Definiçõ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="#"> Grupo de Noivos</a> <ul> <li><a href="#"> Reponsáveis(idéias)</a></li> <li><a href="#"> Definiçõ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ário de avaliação pelos noivos</a></li> </ul> </li> <li> <a href="#"> Pastoral Recém-casados</a> <ul> <li><a href="#"> Responsáveis(idéias)</a></li> <li><a href="#"> Definições e objetivos</a></li> <li><a href="#"> Apostolado assumido pelas ENS</a></li> </ul> </li> <li> <a href="#"> Downloads</a> <ul> <li><a href="#"> Calendá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ários</a></li> <li><a href="#"> Organograma Funcional</a></li> </ul> </li> <li> <a href="#"> 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="#"> Links</a> <ul> <li><a href="#"> Site Oficial ENS</a></li> </ul> </li> </ul> <p> </p> </div> </div> </body> </html>
#825834 Posicionamento Tableless
Posted by kaka_22 on 12/02/2007, 08:43 in CSS & Semântica (Tableless)
#885515 Duvida Em Menu
Posted by kaka_22 on 05/12/2007, 10:15 in Javascript / DOM / AJAX / ECMAScript
<head><title>ENS - São Carlos</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><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="#"> O Movimento</a> <ul> <li><a href="index.php?nav=o_que_sao"> O que sã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="#"> 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é 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
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
#830879 Problema Com Drop Down
Posted by kaka_22 on 06/03/2007, 07:56 in Dreamweaver
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>
<script type="text/javascript" language="JavaScript1.2" src="apymenu.js"></script>
<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
- javascript.rar 14.25KB 0 downloads
#830619 Problema Com Drop Down
Posted by kaka_22 on 05/03/2007, 10:25 in Dreamweaver
obrigado
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><title>ENS - Sã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>
- Fórum WMO
- → kaka_22's Content
- Privacy Policy
- Regras ·