<style> /--- Mega menu Drop Down para Blogger - Mult-focos ---/ ul.oe_menu { font-family:Arial, Helvetica, sans-serif; border:1px solid #fff; margin:0; padding:0; background:url(http://i1316.photobucket.com/albums/t609/Multfocos/bg_zpsf6269499.png) repeat-x; } } .clear { clear: both; } a { color: #3299bb; text-decoration: none; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } ul.oe_menu { list-style:none; width:960px; float:left; clear:both; margin:0; padding:0; position:relative; top:-5px; } ul.oe_menu li { float:left; position:relative; background:url(http://i1316.photobucket.com/albums/t609/Multfocos/rosiec-tab_zps2182f5ea.png) no-repeat 100% 100%; margin:0; padding:0; } ul.oe_menu li a .home { background:url(http://i1316.photobucket.com/albums/t609/Multfocos/home-icon_zps6b298acc.png) scroll 20px 0px no-repeat; width:59px; margin:0; padding:10px 0; *padding:0; display:block; float:left; position:relative; } ul.oe_menu li a .home:hover { background:url(http://i1316.photobucket.com/albums/t609/Multfocos/home-icon_zps6b298acc.png) scroll 20px -44px no-repeat; padding:10px 0; *padding:0; display:block; float:left; position:relative; } ul.oe_menu li .no-p-m { margin:0; padding:0; height:41px; } ul.oe_menu li .all_categries_link { color:#006699; } ul.oe_menu li .menu { display:block; color:#666666; text-decoration:none; font-size:15px; padding:13px 17px; margin:1px; display:block; float:left; } ul.oe_menu li .menu:hover, ul.oe_menu li.selected .menu { background:url(http://i1316.photobucket.com/albums/t609/Multfocos/bg-tabs_zps52d6cd5b.png) bottom repeat-x; color:#fff; background-position:-2px 0px; } ul.oe_menu div { position:absolute; border:1px solid #1b63ab; top:46px; *top:44px; left:1px; background:#fff; display:none; zoom:1; } ul.oe_menu div ul.oe_full { width:100%; } li.oe_heading { color:#333; font-size:16px; margin-bottom:10px; padding-bottom:6px; border-bottom:1px solid #ddd; clear:both; } span.reference { position:fixed; left:0px; bottom:0px; width:100%; font-size:10px; line-height:20px; text-align:right; height:20px; } span.reference a { color:#aaa; text-transform:uppercase; text-decoration:none; margin-right:10px; } span.reference a:hover { color:#ddd; } .bg_img img { width:100%; position:fixed; top:0px; left:0px; } ul.oe_menu li div.one-clm { width:172px; padding:0 15px 0 0; } ul.oe_menu li div.two-clm { width:370px; padding:0 15px 0 0; position:absolute; } ul.oe_menu li div.three-clm { width:555px; float:left; padding:0 15px 0 0; } ul.oe_menu li div dl { width:170px; float:left; font:Arial, Helvetica, sans-serif; margin:15px 0 15px 15px; *margin:0px 0 15px 10px; *position:relative; *top:10px; } ul.oe_menu li div dl dt { display:block; width:92%; padding:0 0 5px 0; margin:0 0 5px 0; border-bottom:1px dashed #f1f1f1; float:left; font:bold 14px Arial, Helvetica, sans-serif; color:#999; } ul.oe_menu li div dl dd a { background:none; color:#999; font:12px Arial, Helvetica, sans-serif; padding:3px 0; width:92%; display:block; } ul.oe_menu li div dl dd a:hover { text-decoration:none; color:#003399; } /--- Mega menu Drop Down para Blogger - Mult-focos ---/ </style> <!-- Início JavaScript Drop Down --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> <script type="text/javascript"> $(function() { var $oe_menu = $('#oe_menu'); var $oe_menu_items = $oe_menu.children('li'); var $oe_overlay = $('#oe_overlay'); $oe_menu_items.bind('mouseenter',function(){ var $this = $(this); $this.addClass('slided selected'); $this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){ $oe_menu_items.not('.slided').children('div').hide(); $this.removeClass('slided'); }); }).bind('mouseleave',function(){ var $this = $(this); $this.removeClass('selected').children('div').css('z-index','1'); }); $oe_menu.bind('mouseenter',function(){ var $this = $(this); $oe_overlay.stop(true,true).fadeTo(200, 0.6); $this.addClass('hovered'); }).bind('mouseleave',function(){ var $this = $(this); $this.removeClass('hovered'); $oe_overlay.stop(true,true).fadeTo(200, 0); $oe_menu_items.children('div').hide(); }) }); </script> <!-- roteiro de navegação java termina aqui --> <ul id="oe_menu" class="oe_menu" style="position:relative;"> <li><a class="menu" href="http://mult-focos.blogspot.com.br/"><span class="home"></span></a> </li> <li><a class="menu" href="#">Blogging</a> <div class="two-clm"> <dl> <dt>Categorias</dt> <dd><a href="#">Widgets</a></dd> <dd><a href="#">Tutorials</a></dd> <dd><a href="#">JavaScript</a></dd> <dd><a href="#">Geradores</a></dd> <dd><a href="#">CSS Widgets</a></dd> </dl> <dl> <dt>Marcas</dt> <dd><a href="#">Blogger</a></dd> <dd><a href="#">Wordpress</a></dd> <dd><a href="#">Tumbler</a></dd> <dd><a href="#">Joomla</a></dd> <dd><a href="#">Square Space</a></dd> <dd><a href="#">LiveJournal</a></dd> </dl> </div> </li> <li><a class="menu" href="#">Dinheiro Online</a> <div class="one-clm"> <dl> <dt>Marcas</dt> <dd><a href="#">Adsense</a></dd> <dd><a href="#">Citika</a></dd> <dd><a href="#">Ad Brid</a></dd> <dd><a href="#">Yahoo</a></dd> <dd><a href="#">Bing</a></dd> <dd><a href="#">...Ver mais</a></dd> </dl> </div> </li> <li><a class="menu" href="#">Social mídia</a> <div class="three-clm"> <dl> <dt>Online mídia</dt> <dd><a href="#">eNews</a></dd> <dd><a href="#">ePaper</a></dd> <dd><a href="#">eBusiness</a></dd> <dd><a href="#">eGold</a></dd> <dd><a href="#">eSilver</a></dd> <dd><a href="#">eSports</a></dd> <dd><a href="#">Ver mais...</a></dd> </dl> <dl> <dt>Multi mídia </dt> <dd><a href="#">TV News</a></dd> <dd><a href="#">News Paper</a></dd> <dd><a href="#">TV Anchor</a></dd> <dd><a href="#">Ver mais...</a></dd> </dl> <dl> <dt>Marcas</dt> <dd><a href="#">Aaj Tak </a></dd> <dd><a href="#">News 24 </a></dd> <dd><a href="#">Star News </a></dd> <dd><a href="#">ABP News </a></dd> <dd><a href="#">P7 News</a></dd> <dd><a href="#">Aawaj</a></dd> <dd><a href="#">...Ver mais</a></dd> </dl> </div> </li> <li><a class="menu" href="#">Social Sites</a> <div class="three-clm"> <dl> <dt>Facebook</dt> <dd><a href="#">IT</a></dd> <dd><a href="#">Accounts</a></dd> <dd><a href="#">Management</a></dd> <dd><a href="#">Marketing</a></dd> <dd><a href="#">Softwares</a></dd> <dd><a href="#">Hardware</a></dd> <dd><a href="#">Ver mais...</a></dd> </dl> <dl> <dt>Google</dt> <dd><a href="#">Web</a></dd> <dd><a href="#">Images</a></dd> <dd><a href="#">Translate</a></dd> <dd><a href="#">Google Plus</a></dd> <dd><a href="#">Ver mais...</a></dd> </dl> <dl> <dt>Twitter</dt> <dd><a href="#">Follow</a></dd> <dd><a href="#">Tweet</a></dd> <dd><a href="#">Share</a></dd> <dd><a href="#">Retweet</a></dd> <dd><a href="#">Unfollow</a></dd> <dd><a href="#">Ver mais...</a></dd> </dl> </div> </li> <li><a class="menu" href="#">CSS</a> <div class="one-clm"> <dl> <dt>CSS Widget</dt> <dd><a href="#">Codes</a></dd> <dd><a href="#">Classes</a></dd> <dd><a href="#">ID</a></dd> <dd><a href="#">Ver mais...</a></dd> </dl> </div> </li> <li><a class="menu" href="#">Livros</a> <div class="one-clm"> <dl> <dt>eBooks</dt> <dd><a href="#">Adsense Secrets 5 </a></dd> <dd><a href="#">Let Us C</a></dd> <dd><a href="#">Fundamentals</a></dd> <dd><a href="#">JavaScript</a></dd> <dd><a href="#">Core Java</a></dd> <dd><a href="#">What is Blogging</a></dd> <dd><a href="#">Ver mais...</a></dd> </dl> </div> </li> <li><a class="menu" href="#">Ferramentas</a> <div class="one-clm"> <dl> <dt class="oe_heading">Blogging Ferramentas</dt> <dd><a href="#">HTML Editor</a></dd> <dd><a href="#">HTML Encoder</a></dd> <dd><a href="#">Ver mais...</a></dd> </dl> </div> </li> <!-- <li><a class="menu" href="http://mult-focos.blogspot.com.br">Presentes</a> <div class="one-clm"> <dl> <dt class="oe_heading">Gifts</dt> <dd><a href="#">Fun Gifts</a></dd> <dd><a href="#">USB Gadgets</a></dd> <dd><a href="#">Clocks</a></dd> <dd><a href="#">Ver mais...</a></dd> </dl> </div> </li> --> <li><a class="menu" href="#">Help</a> <div class="one-clm"> <dl> <dt class="oe_heading">Offers</dt> <dd><a href="#">Combo</a></dd> <dd><a href="#">Ver mais...</a></dd> </dl> </div> </li> </ul>