exemplo do menu :
http://www.opticalhost.com.br/
Edição feita por: RUN, 03/03/2009, 17:45.
Como Fazer Esse Menu ?
Started By RUN, 03/03/2009, 17:43
2 replies to this topic
#1
RUN
-
- Usuários
-
- 199 posts
12 Horas
- Sexo:Não informado
Posted 03/03/2009, 17:43
tem algum programa que faz isso automático ou é na unha mesmo ?? alguém tem idéia de como fazer ? no flash eu faço mas em htm sem jeito
exemplo do menu :
http://www.opticalhost.com.br/
exemplo do menu :
http://www.opticalhost.com.br/
#2
Kahor
-
- Usuários
-
- 230 posts
12 Horas
- Sexo:Masculino
Posted 03/03/2009, 17:53
Pelo que eu entedi ele usou CSS e JS..
Procure poelos arquivos e modifique o que for necessario:
Procure poelos arquivos e modifique o que for necessario:
<head>
<link href="tableless.css" rel="stylesheet" type="text/css">
<LINK href="menu/transmenu.css" type=text/css rel=stylesheet>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-779192-3");
pageTracker._trackPageview();
</script>
<script language=javascript src="menu/transmenu.js"></SCRIPT>
<script language=javascript>
function init() {
if (TransMenu.isSupported()) {
TransMenu.initialize();
menu1.onactivate = function() { document.getElementById("hospedagem").className = "hover"; };
menu1.ondeactivate = function() { document.getElementById("hospedagem").className = ""; };
menu2.onactivate = function() { document.getElementById("revenda").className = "hover"; };
menu2.ondeactivate = function() { document.getElementById("revenda").className = ""; };
menu3.onactivate = function() { document.getElementById("dedicados").className = "hover"; };
menu3.ondeactivate = function() { document.getElementById("dedicados").className = ""; };
menu4.onactivate = function() { document.getElementById("servicos").className = "hover"; };
menu4.ondeactivate = function() { document.getElementById("servicos").className = ""; };
menu5.onactivate = function() { document.getElementById("atendimento").className = "hover"; };
menu5.ondeactivate = function() { document.getElementById("atendimento").className = ""; };
menu6.onactivate = function() { document.getElementById("empresa").className = "hover"; };
menu6.ondeactivate = function() { document.getElementById("empresa").className = ""; };
document.getElementById("inicio").onmouseover = function() {
ms.hideCurrent();
this.className = "hover";
}
document.getElementById("inicio").onmouseout = function() { this.className = ""; }
}
}
</SCRIPT>
</head>
<body class="background" onload=init()>
#3
BGGMB
-
- Usuários
-
- 156 posts
12 Horas
- Sexo:Masculino
- Localidade:Vinhedo SP
- Interesses:CSS, XHTML, SEO, Photoshop, Illustrator, After Effects, InDesign, Fireworks, Dreamweaver...
Posted 03/03/2009, 18:27
Você pode usar o SuperFish que é feito com jQuery, possui os mesmos efeitos e várias outras opções
http://users.tpg.com...rfish/#examples
Se você quiser algo mais simples pode fazer até mesmo com puro css, mais pra dropdown eu sempre indico o spry do DW por ser fácil criar, customizar, manipular, rápido e 100% crossbrowser.
http://users.tpg.com...rfish/#examples
Se você quiser algo mais simples pode fazer até mesmo com puro css, mais pra dropdown eu sempre indico o spry do DW por ser fácil criar, customizar, manipular, rápido e 100% crossbrowser.
front-end engineer <tags: css/xhtml/javascript/seo/usability/semantic>
www.brunobincoletto.com - twitter @brunobincoletto
www.brunobincoletto.com - twitter @brunobincoletto
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)
