Snip
|
|
---|
Categories |
|
---|
For Snip |
loading snip actions ... |
---|---|
For Page |
loading url actions ... |
HTML |
<div id="header" class="clearfix"><div id="nav_div" class="clearfix header_toggles"><div class="max_page_width"><ul id="nav_list"><li style="width:14%;" class="normal"><a class="cat_link" href="/show-me-everything?via=catbar1" title="Show Me Everything"></a></li> </ul> </div> </div></div> <div onmouseover="open_dropdown('categories')" id="categories_dropdown" class="topnav_dropdown" style="display:none;"> <a class="topnav_dropdown_selection" href="http://www.firebox.com/christmas?via=catbar2"><div class="topnav_dropdown_block" style="color:#FF0000;">Christmas</div></a> <a class="topnav_dropdown_selection" href="http://www.firebox.com/gifts?via=catbar2"><div class="topnav_dropdown_block" style="">Gifts </div></a> <a class="topnav_dropdown_selection" href="http://www.firebox.com/gadgets?via=catbar2"><div class="topnav_dropdown_block" style="">Gadgets </div></a> <a class="topnav_dropdown_selection" href="http://www.firebox.com/technology?via=catbar2"><div class="topnav_dropdown_block" style="">Technology </div></a> <a class="topnav_dropdown_selection" href="http://www.firebox.com/entertainment?via=catbar2"><div class="topnav_dropdown_block" style="">Entertainment </div></a> <a class="topnav_dropdown_selection" href="http://www.firebox.com/toys-and-games?via=catbar2"><div class="topnav_dropdown_block" style="">Toys & Games </div></a> <a class="topnav_dropdown_selection" href="http://www.firebox.com/sports-and-outdoors?via=catbar2"><div class="topnav_dropdown_block" style="">Sports & Outdoors </div></a> <a class="topnav_dropdown_selection" href="http://www.firebox.com/home-and-garden?via=catbar2"><div class="topnav_dropdown_block" style="">Home & Garden </div></a> <a class="topnav_dropdown_selection" href="http://www.firebox.com/food-and-drink?via=catbar2"><div class="topnav_dropdown_block" style="">Food & Drink </div></a> <a class="topnav_dropdown_selection" href="http://www.firebox.com/personalised?via=catbar2"><div class="topnav_dropdown_block" style="">Personalised</div></a> <a class="topnav_dropdown_selection" href="http://www.firebox.com/category/experiences?via=catbar2"><div class="topnav_dropdown_block" style="">Experiences</div></a> <a class="topnav_dropdown_selection" href="http://www.firebox.com/classics?via=catbar2"><div class="topnav_dropdown_block" style="">Firebox Classics</div></a> <a class="topnav_dropdown_selection" href="http://www.firebox.com/wtf?via=catbar2"><div class="topnav_dropdown_block" style="">WTF?!</div></a> </div> <div onmouseover="open_dropdown('gifts')" id="gifts_dropdown" class="topnav_dropdown" style="display:none;"> <a class="topnav_dropdown_selection" href="/gifts?via=catbar2"><div class="topnav_dropdown_block">Gift Finder</div></a> <a class="topnav_dropdown_selection" href="/gifts-for-him?via=catbar2"><div class="topnav_dropdown_block">Gifts for Him</div></a> <a class="topnav_dropdown_selection" href="/gifts-for-her?via=catbar2"><div class="topnav_dropdown_block">Gifts for Her</div></a> <a class="topnav_dropdown_selection" href="/gifts-for-kids?via=catbar2"><div class="topnav_dropdown_block">Gifts for Kids</div></a> <a class="topnav_dropdown_selection" href="/gifts-for-pets?via=catbar2"><div class="topnav_dropdown_block">Gifts for Pets</div></a> <a class="topnav_dropdown_selection" href="/gifts-under-20-pounds?via=catbar2"><div class="topnav_dropdown_block">Gifts under £20</div></a> <a class="topnav_dropdown_selection" href="/gifts-20-to-50-pounds?via=catbar2"><div class="topnav_dropdown_block">Gifts £20 to £50</div></a> <a class="topnav_dropdown_selection" href="/gifts-50-to-100-pounds?via=catbar2"><div class="topnav_dropdown_block">Gifts £50 to £100</div></a> <a class="topnav_dropdown_selection" href="/gifts-over-100-pounds?via=catbar2"><div class="topnav_dropdown_block">Gifts over £100</div></a> <div class="topnav_dropdown_title"></div> <div class="topnav_dropdown_title">Gifting Services</div> <a class="topnav_dropdown_selection" href="/firebox/im_feeling_lucky?via=catbar2"><div class="topnav_dropdown_block">Randomizer</div></a> <a class="topnav_dropdown_selection" href="/basket/giftvouchers?via=catbar2"><div class="topnav_dropdown_block">Gift Vouchers</div></a> <a class="topnav_dropdown_selection" href="/personalised?via=catbar2"><div class="topnav_dropdown_block">Personalised Gifts</div></a> <a class="topnav_dropdown_selection" href="/admin/giftwrap?via=catbar2"><div class="topnav_dropdown_block">About Giftwrap</div></a> </div> <script type="text/javascript"> var closing; function dropdown(menu){ //click version, unused for now //unhightlight any highlighted options $$('.on').invoke('removeClassName', 'on'); if($(menu + '_dropdown').visible()) { //hide if dropdown visible $(menu + '_dropdown').hide(); }else{ //hide all $$('.topnav_dropdown').invoke('hide'); //move selected to right position var viewport = document.viewport.getDimensions(); var percentage_left = (($(menu + '_li').cumulativeOffset()[0] / viewport.width)*100); var pixel_left = ($(menu + '_li').cumulativeOffset()[0]); $(menu + '_dropdown').writeAttribute('style', 'z-index:1000;left:' + percentage_left + '%;top:' + ($(menu + '_li').cumulativeOffset()[1]+$(menu + '_li').getHeight()) + 'px;'); //show selected $(menu + '_dropdown').show(); $(menu + '_li').addClassName('on'); } } function open_dropdown(menu){ closing = false; if(!$(menu + '_dropdown').visible()) { //unhightlight any highlighted options $$('.on').invoke('removeClassName', 'on'); //hide all $$('.topnav_dropdown').invoke('hide'); //move selected to right position var viewport = document.viewport.getDimensions(); var percentage_left = (($(menu + '_li').cumulativeOffset()[0] / viewport.width)*100); var pixel_left = ($(menu + '_li').cumulativeOffset()[0]); $(menu + '_dropdown').writeAttribute('style', 'z-index:1000;left:' + percentage_left + '%;top:' + ($(menu + '_li').cumulativeOffset()[1]+$(menu + '_li').getHeight()) + 'px;'); //show selected $(menu + '_dropdown').show(); $(menu + '_li').addClassName('on'); } } function close_dropdown(){ if (closing){ $$('.on').invoke('removeClassName', 'on'); $$('.topnav_dropdown').invoke('hide'); //$$('.topnav_dropdown').invoke('fade',{ duration: 0.1, from: 1, to: 0 }); } } function delayed_close_dropdown(){ closing = true; setTimeout('close_dropdown()', 20); } function delayed_open_dropdown(menu){ closing = false; setTimeout("open_dropdown('"+menu+"')", 20); } Event.observe('gifts_dropdown', 'mouseleave', function(e) { delayed_close_dropdown(); }); Event.observe('categories_dropdown', 'mouseleave', function(e) { delayed_close_dropdown(); }); Event.observe('gifts_li', 'mouseleave', function(e) { delayed_close_dropdown(); }); Event.observe('categories_li', 'mouseleave', function(e) { delayed_close_dropdown(); }); </script> <style> #free_delivery { width:100%; height: 30px; border-top: 1px solid black; border-bottom: 1px solid black; line-height: 30px; margin-top: 5px; margin-bottom: 15px; font-family: GothamBlackBook; font-size: 1.2em; letter-spacing: 6px; text-align: center; text-decoration: none; color: #000; } #free_delivery_link_box { text-decoration: none; } .free_delivery strong { font-family: GothamMedium; font-weight: normal; } </style> <div class="section_container"> <div class="white_page"> <div id="mainContent" style="width:980px;float:none;"> <div id="actualContent" style="width:980px;float:none;"> <a name="main_content"></a> <div class="container_12"> <div class="grid_5 alpha"> <div id="main_image" style="position: relative;"> <a href="http://media.firebox.com/pic/p5611_big.jpg" target="_blank" onclick="lightbox.open_with_image('http://media.firebox.com/pic/p5611_big.jpg', 700, 700); return false;"> <img src="http://media.firebox.com/i/template/2012/ribbon_new.png" alt="New!" style="left:-5px;top:-5px;position:absolute;"> <img alt="" id="prod_zoom" src="http://media.firebox.com/i/template/2012/zoom.png"> <img src="http://media.firebox.com/pic/p5611_column_grid_5.jpg" alt="Bluetooth Gloves" title="Bluetooth Gloves" height="399" width="399"> </a> </div> </div> <div class="grid_7 omega"> <div> <h1 class="product_name">Bluetooth Gloves</h1> <h3 class="product_tagline">Talk to the Hand</h3></div></div></div></div></div></div></div> |
---|