Português
Você precisa usar código CSS para simular a navegação no site techweb? O efeito é quase igual ao real!
<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style type="text/css" > <!-- #siteNav { clear: ambos; font-weight:750px; line-height:normal; -bottom:2px sólido #84B0C7;família de voz: ""}"";estilo de lista:none; #siteNav li { display:inline margin:0; :none; } #siteNav a span { float:left; display:block; background:url() no-repeat right top:5px 11px 4px 5px color:#036; -Mac */ #siteNav a span { float:none } /* Fim do hack do IE5-Mac */ #siteNav a:hover span { color:#036 } #siteNav a:hover { background-position:0% -42px; ; } #siteNav a:hover span { background-position:100% -42px } #siteNav #sel a { background-position:0% -42px } #siteNav #sel a span { background-position:100% -42px; ; } --> </style> <title>Demonstração</title> </head> <body> <div id="siteNav"> <ul> <li id="sel"><a href="#" ><span>Página inicial</span></a></li> <li><a href="#"><span>Informações</span></a></li> <li><a href ="#"><span>Personagens</span></a></li> <li><a href="#"><span>Gerenciamento</span></a></li> <li ><a href="#"><span>Operação</span></a></li> <li><a href="#"><span>Finanças</span></a></ li> <li><a href="#"><span>Tecnologia</span></a></li> <li><a href="#"><span>Produtos</span></ a></li> <li><a href="#"><span>Rede</span></a></li> <li><a href="#"><span>Telecomunicações</ li> span></a></li> <li><a href="#"><span>Comentários</span></a></li> <li><a href="#"> <span >Blog</span></a></li> <li><a href="#"><span>Amigos</span></a></li> <li><a href= "# "><span>Rolar</span></a></li> <li><a href="#"><span>Pesquisar</span></a></li> <li> <a href="#"><span>WAP</span></a></li> </ul> </div> </body> </html>
