lo que use para la pag.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta charset="utf-8" /> <title>New Tab
</title> <link rel="stylesheet" type="text/css" href="css/new-tab.css" /> <script type="text/javascript" src="../../lib/jquery.js"></script> <script type="text/javascript" src="../../lib/constant.js"></script> <script type="text/javascript" src="../../background/localStorage.js"></script> <script type="text/javascript" src="../../background/pub-sub.js"></script> <script type="text/javascript" src="../../background/event.js"></script> <script type="text/javascript" src="../../background/preference.js"></script> <script type="text/javascript"> /* We putthese script at the top to redirect the user assap to the default chrome new tab if it is needed. No UI has been drawn so the UX is quite ok and it almost doesn't slow it */ ATB.localStorage = new ATB_LocalStorage() ATB.pubSub = new ATB_PubSub(); ATB.Pref = new ATB_Pref(); // check for nthp compliance on every toolbar startup if((ATB.localStorage.get("hpr") != "YES" || ATB.localStorage.get("nthp") != "YES")) ATB.Pref.newTabIsOn = false; if (!ATB.Pref.newTabIsOn) { displayDefaultNewTab(); } else { $(document).ready(function() { $("body").show(); }); } // we define a function to display the default new tab // function also used in new-tab.js function displayDefaultNewTab() { chrome.tabs.update({url:"chrome-internal://newtab/"}); }
</script> </head> <body style="display:none"> <header id="bookmarkbar"> </header> <div id="search-div"> <form id="search-form"> <table id="search-table"> <tr> <td> <input type="text" id="search-value" /> </td> <td> <input type="submit" id="search-submit" value="Search" /> </td> </tr> </table> </form> <p>Powered by Ask
</p> </div> <section id="container"> <section class="section"> <header> <h2> <img class="triangle" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oIGRQbOY8MjgMAAAA8SURBVBjTY2BAAzdv3vwPBAzImAGbInSFWBU9f/4cRSFWRb9+/UJRiFMRTOGNGzf+k28SUW4iynfo4QQAj22WmutXxVsAAAAASUVORK5CYII="> Apps
</h2> <div class="strike-through"></div> </header> <ul id="apps" /> </section> <section class="section"> <header> <h2> <img class="triangle" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oIGRQbOY8MjgMAAAA8SURBVBjTY2BAAzdv3vwPBAzImAGbInSFWBU9f/4cRSFWRb9+/UJRiFMRTOGNGzf+k28SUW4iynfo4QQAj22WmutXxVsAAAAASUVORK5CYII="> Most visited
</h2> <div class="strike-through"></div> </header> <ul id="mostVisited" /> </section> <section class="section"> <header> <h2> <img class="triangle" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oIGRQbOY8MjgMAAAA8SURBVBjTY2BAAzdv3vwPBAzImAGbInSFWBU9f/4cRSFWRb9+/UJRiFMRTOGNGzf+k28SUW4iynfo4QQAj22WmutXxVsAAAAASUVORK5CYII="> Recently closed
</h2> <div class="strike-through"></div> </header> <ul id="recentlyClosed" /> </section> </section> <footer id="footerBar"> Copyright 2012 APN LLC,
<a href="#" id="disable-new-tab">Disable this custom new tabs page
</a> </footer> <script type="text/javascript" src="../../lib/default-config.js"></script> <script type="text/javascript" src="../../config/tb-config.js"></script> <script type="text/javascript" src="../../lib/tb-message.js"></script> <script type="text/javascript" src="../../tb_ux/new-tab.js"></script> </body> </html>
