Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Yo!
Não sou bom com códigos, e sei que tem gente que lê isso tão bem quanto lê textos normais... http://forum.imasters.com.br/public/style_emoticons/default/grin.gif
Enfim, eu preciso colocar um código de menu drop-down abaixo de um swf (do código) do meu html, mas não sei como fazer isso sem "danificar o design" da página... :wacko: Pois sei que não é só colocar em qualquer lugar...
Código do html SEM o menu:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>ZNORT! ILUSTRADORES</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="A ZnorT! ilustradores é uma empresa especializada em ilustrações, criada para resolver com toda a eficiência os pedidos dos seus clientes nas mais variadas técnicas.">
<meta name="keywords" content="ZnorT, ZnorT!, ilistradores, ilustrações, story boards, cartilhas, histórias em quadrinho, personagens, logomarcas, mascotes, stop motion, animação em massinha, 3D, flash, ilustração vetorial, hiper realismo, comics, fumetti, banda desenhada, HQ, comic streeps">
<meta name="author" content="Movie & Magic Produtora Digital">
<meta http-equiv="imagetoolbar" content="no" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<LINK REL="STYLESHEET" HREF="styles/ff.css" TYPE="text/css">
<style type="text/css">.style34 { font-size: 18px;
font-weight: bold;
}.style19 { font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}.style46 {
color: #3541F7;
font-size: 18px;
}</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" bordercolor="#000000" bgcolor="#000000">
<tr>
<td align="center" valign="middle"><table width="750" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="797" class="bordas_left_right"><table width="748" height="96%" border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td colspan="2" valign="top"><div align="center">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="[http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"](http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0) width="748" height="130" align="top">
<param name="movie" value="swf/painel_TESTE_1.swf">
<param name="quality" value="high">
<embed src="swf/painel_TESTE_1.swf" width="748" height="130" align="top" quality="high" pluginspage="[http://www.macromedia.com/go/getflashplayer"](http://www.macromedia.com/go/getflashplayer) type="application/x-shockwave-flash"></embed>
</object>
</div></td>
</tr>
<tr>
<td width="421" colspan="2" align="center" valign="top" bgcolor="#FFFFFF"><table width="96%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top"><p> </p>
<table width="100%" height="127" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="70%" align="center" valign="top"><table width="428" height="125" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="349" align="center"><h3 align="left"><strong>ZnorT! ilustradores e Fundação Cultural de Curitiba </strong><span class="style47">trazem</span> Joe Bennett <span class="style47">a</span> Curitiba<span class="style47"> em comemoração aos</span> 25 anos <span class="style47">da</span> Gibiteca</h3>
<p align="left"><strong>OFICINA:</strong><BR>
<BR>
Dias 10 e 11/10 – Workshop com Joe Bennett<BR>
Centro Cultural Solar do Barão (Gibiteca de Curitiba - Sala de Cursos)<BR>
Das 15h às 17h (20 vagas - gratuito)</p>
<p align="left"><strong>PALESTRA: </strong><BR>
<BR>
Dia 11/10 – Palestra com o desenhista da DC Comics Joe Bennett<BR>
Centro Cultural Solar do Barão (Sala Scabi), às 19h</p>
<p align="left">A Gibiteca de Curitiba, primeira biblioteca brasileira especializada em história em quadrinhos e importante centro nacional formador de profissionais nessa área, está completando 25 anos de existência. Para comemorar o aniversário desse espaço democrático, que reúne ilustradores, designers, artistas plásticos, pesquisadores, professores, estudantes e simples amantes dos quadrinhos, a Fundação Cultural de Curitiba preparou uma festa aberta ao público, durante o mês de outubro. A programação tem início às 19h da próxima terça-feira (9), no Centro Cultural Solar do Barão. <BR>
Unidade da Prefeitura Municipal, a Gibiteca foi inaugurada em 15 de outubro de 1982, a partir de projeto idealizado pelos arquitetos Key Imaguire Júnior e Abrão Assad. Seu primeiro endereço foi uma das salas da Galeria Schaffer. Depois, em 1988, transferiu-se para o Centro Cultural Solar do Barão, onde permanece até hoje. Os 25 anos dedicados à divulgação e valorização da História em Quadrinhos consolidam a Gibiteca como referência nacional na formação de leitores e profissionais da área. O espaço não se limita a ser um centro de leitura de gibis, ainda que disponha de mais de 25 mil títulos de todos os gêneros, e abrange outras iniciativas, entre elas cursos, oficinas de criação, exposições, palestras, lançamentos e encontros de RPG (Role Playing Game), envolvendo o que há de melhor na produção brasileira e internacional. <BR>
<span class="style47"><br>
<strong><a href="joe.htm" target="_self">Confira toda a programação de aniversário de 25 anos da Gibiteca de Curitiba clicando aqui.</a></strong></span></p>
<p align="left"><BR>
</p></td>
</tr>
</table>
<div align="center"></div>
<div align="center"></div></td>
<td width="30%"><a href="joe.htm" target="_self"><img src="imagens/batfabrizio01.jpg" width="300" height="461" border="0"><br>
Cartaz - Joe bennett - "Batman em Curitiba" </a></td>
</tr>
</table>
<p> </p>
<table width="100%" height="57" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC">
<tr>
<td width="400"><h3 class="style34"><a href="oficina_video1.html"><span class="style15"><strong>_ _ _</strong></span>ZnorT! ilustradores e Cinevídeo Promovem... </a></h3>
<h3 class="style19"><a href="oficina_video1.html"><span class="style34"><span class="style15"><strong>_ _ _ __</strong></span>1ª Oficina de Stop Motion</span><br>
<br>
<strong><span class="style15"> _ _ _ _ _ _ _ </span></strong><span class="style43">"Seu próprio filme em Stop Motion"</span></a><span class="style43"></span><br>
<strong><span class="style35"><br>
<span class="style15">_____</span></span><span class="style15"> _ __ _</span><span class="style35"><span class="style15">____</span></span><span class="style15"> _ _</span><span class="style35"><span class="style15">_______</span></span><span class="style15"> _ _</span><span class="style35"><span class="style15">__</span></span></strong><a href="oficina_video1.html" target="_self">CLIQUE AQUI</a> </h3></td>
<td width="214" align="right"><div align="right"><a href="oficina_video1.html" target="_self"><img src="02massa.jpg" width="230" height="153" border="0"></a></div></td>
</tr>
</table>
<h3 align="center"><strong><span class="style35"><a href="[http://www.fabrizioandriani.com.br"](http://www.fabrizioandriani.com.br) target="_blank"></a><br>
<br>
<br>
___</span><span class="style34"><span class="style35"> ___</span>Não temos nem um ano e já estamos no anuário!</span></strong></h3>
<p align="center"><strong>Anuário 2007 do Clube de Criação do Paraná | </strong>Campanha: <strong>"IRRITANTEMENTE PERFECCIONISTAS" <br>
<span class="style35">__________________________________________ _ _ _ _ _ _ _ _ </span></strong>Uma criação de<strong> HEADS </strong>e<strong> ZnorT! ilustradores. </strong><br>
<br>
<img src="imagens/anuario.jpg" width="742" height="475" border="2"><br>
<br>
</p>
</td>
</tr>
</table> </td>
</tr>
<tr>
<td height="12" colspan="2" valign="bottom" background="f1.gif" bgcolor="#000000"><div align="center"><span class="style18"><font size="1">Co</font></span><span class="style18"><font size="1">pyright © 2006
- ZNORT ILUSTRADORES- Todos os direitos reservados</font></span><br>
<a href="[http://www.moviemagic.com.br"](http://www.moviemagic.com.br) target="_blank" class="copyright style15"><font size="1">Desenvolvido
por Movie & Magic</font></a></div></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="[http://www.w3.org/1999/xhtml">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Testando o menu drop-down</title>
<style type="text/css">ul.menubar{
margin: 0px;
padding: 0px;
background-color: #FFFFFF; /* IE6 Bug */
font-size: 100%;
}ul.menubar .submenu{
margin: 0px;
padding: 0px;
list-style: none;
background-color: #FFFFFF;
border: 1px solid #ccc;
float:left;
}ul.menubar ul.menu{
display: none;
position: absolute;
margin: 0px;
}ul.menubar a{
padding: 5px;
display:block;
text-decoration: none;
color: #777;
padding: 5px;
}ul.menu, ul.menu ul{
margin: 0;
padding: 0;
border-bottom: 1px solid #ccc;
width: 150px; /* Width of Menu Items */
background-color: #FFFFFF; /* IE6 Bug */
}ul.menu li{
position: relative;
list-style: none;
border: 0px;
}ul.menu li a{
display: block;
text-decoration: none;
border: 1px solid #ccc;
border-bottom: 0px;
color: #777;
padding: 5px 10px 5px 5px;
}ul.menu li sup{
font-weight:bold;
font-size:7px;
color: red;
}/ Fix IE. Hide from IE Mac \/
* html ul.menu li { float: left; height: 1%; }
* html ul.menu li a { height: 1%; }
/ End /
ul.menu ul{
position: absolute;
display: none;
left: 149px; /* Set 1px less than menu width */
top: 0px;
}ul.menu li.submenu ul { display: none; } / Hide sub-menus initially /
ul.menu li.submenu { background: transparent url(arrow.gif) right center no-repeat; }
ul.menu li a:hover { color: #E2144A; }
</style>
<script type="text/javascript">
function horizontal() {
var navItems = document.getElementById("menu_dropdown").getElementsByTagName("li");
for (var i=0; i< navItems.length; i++) {
if(navItems[i].className == "submenu")
{
if(navItems[i].getElementsByTagName('ul')[0] != null)
{
navItems[i].onmouseover=function() {this.getElementsByTagName('ul')[0].style.display="block";this.style.backgroundColor = "#f9f9f9";}
navItems[i].onmouseout=function() {this.getElementsByTagName('ul')[0].style.display="none";this.style.backgroundColor = "#FFFFFF";}
}
}
}
}
</script>
</head>
<body onload="horizontal();">
<ul id="menu_dropdown" class="menubar">
<li class="submenu"><a href="#">Notícias</a></li>
<li class="submenu"><a href="#">Institucional</a>
<ul class="menu">
<li><a href="#">Fotos da Frota</a></li>
<li><a href="#">História</a></li>
<li><a href="#">Missão</a></li>
<li><a href="#">Visão</a></li>
<li><a href="#">Instalações</a></li>
</ul>
</li>
<li class="submenu"><a href="#">Qualidade</a>
<ul class="menu">
<li><a href="#">Resultado dos indicadores</a></li>
<li><a href="#">Informativos da Qualidade</a></li>
<li><a href="#">Política de Qualidade</a></li>
<li><a href="#">Projetos Sociais</a></li>
<li><a href="#">Resultado da pesquisa de satisfação</a></li>
</ul>
</li>
<li class="submenu"><a href="#">Serviços</a>
<ul class="menu">
<li><a href="#">Links Úteis</a></li>
<li><a href="#">Itinerário</a></li>
<li><a href="#">Mapa das Rotas<sup>novo</sup></a></li>
</ul>
</li>
<li class="submenu"><a href="#">Contato</a>
<ul class="menu">
<li><a href="#">Colabore Conosco</a></li>
<li><a href="#">Enquetes finalizadas</a></li>
<li><a href="#">Fale Conosco</a></li>
<li><a href="#">Trabalhe Conosco</a></li>
</ul>
</li>
<li class="submenu"><a href="#">Localize seu ônibus</a></li>
</ul>
</body>
</html>Novamente agradeço a ajuda que vocês do fórum vêm me dando. Estão ajudando e muito! http://forum.imasters.com.br/public/style_emoticons/default/clap.gif
Thanks
Abrasss
P.S. desculpem-me pelo mega código, mas é que eu não sei como colocar barras de rolagem na parada onde visualiza o código, pra facilicar visualmente.
Carregando comentários...