summaryrefslogtreecommitdiffstats
path: root/chrome/common/extensions/docs/getstarted.html
diff options
context:
space:
mode:
authorkathyw@google.com <kathyw@google.com@0039d316-1c4b-4281-b951-d872f2087c98>2009-11-16 07:11:07 +0000
committerkathyw@google.com <kathyw@google.com@0039d316-1c4b-4281-b951-d872f2087c98>2009-11-16 07:11:07 +0000
commit005c57b97829fb58246417619b86ef6be45a753d (patch)
tree0020816de2d79835cec226a47e6f8c169d82a433 /chrome/common/extensions/docs/getstarted.html
parentcb6498db0ea28fd667b3e86646b84b169134ff3a (diff)
downloadchromium_src-005c57b97829fb58246417619b86ef6be45a753d.zip
chromium_src-005c57b97829fb58246417619b86ef6be45a753d.tar.gz
chromium_src-005c57b97829fb58246417619b86ef6be45a753d.tar.bz2
Changes to follow the codesite L&F.
Also a bit of copyediting and cleanup. Future work: * improve these styles * make these styles work well in IE (the old styles didn't work well in IE, either) * separate the codesite styles from ours (for easier update) BUG=27434 TEST=none TBR=aa Review URL: http://codereview.chromium.org/398005 git-svn-id: svn://svn.chromium.org/chrome/trunk/src@32043 0039d316-1c4b-4281-b951-d872f2087c98
Diffstat (limited to 'chrome/common/extensions/docs/getstarted.html')
-rw-r--r--chrome/common/extensions/docs/getstarted.html122
1 files changed, 81 insertions, 41 deletions
diff --git a/chrome/common/extensions/docs/getstarted.html b/chrome/common/extensions/docs/getstarted.html
index 098b90a..e81f5da 100644
--- a/chrome/common/extensions/docs/getstarted.html
+++ b/chrome/common/extensions/docs/getstarted.html
@@ -15,7 +15,7 @@
</script>
<script type="text/javascript" src="js/api_page_generator.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
- <title>Tutorial: Getting Started (Hello, World!)</title></head><body> <div id="container">
+ <title>Tutorial: Getting Started (Hello, World!)</title></head><body> <div id="gc-container" class="labs">
<!-- SUBTEMPLATES: DO NOT MOVE FROM THIS LOCATION -->
<!-- In particular, sub-templates that recurse, must be used by allowing
jstemplate to make a copy of the template in this section which
@@ -68,39 +68,74 @@
</div> <!-- /SUBTEMPLATES -->
- <a name="top"> </a>
+ <a id="top"></a>
+ <div id="skipto">
+ <a href="#gc-pagecontent">Skip to page content</a>
+ <a href="#gc-toc">Skip to main navigation</a>
+ </div>
<!-- API HEADER -->
- <div id="pageHeader">
- <div id="searchbox">
- <form action="http://www.google.com/cse" id="cse-search-box">
- <div>
+ <div id="gc-header">
+ <div id="logo">
+
+
+ <img src="images/code_labs_logo.gif" height="43" width="161" alt="Google Code Labs" style="border:0;">
+
+
+ </div>
+ <div id="search">
+ <div id="searchForm" class="searchForm">
+ <form action="http://www.google.com/cse" id="cse">
+ <div id="gsc-search-box">
<input type="hidden" name="cx" value="002967670403910741006:61_cvzfqtno">
<input type="hidden" name="ie" value="UTF-8">
<input type="text" name="q" size="31">
- <input type="submit" name="sa" value="Search">
+ <input class="gsc-search-button" type="submit" name="sa" value="Search">
</div>
</form>
+ <p>&nbsp;</p>
+ </div> <!-- end searchForm -->
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("elements", "1", {packages: "transliteration"});</script>
- <script type="text/javascript" src="http://www.google.com/coop/cse/t13n?form=cse-search-box&amp;t13n_langs=en"></script>
- <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&amp;lang=en"></script>
- </div>
- <div id="pageTitle">
- <h1>Tutorial: Getting Started (Hello, World!)</h1>
- </div>
- </div> <!-- /pageHeader -->
+ <script type="text/javascript" src="http://www.google.com/coop/cse/t13n?form=cse&amp;t13n_langs=en"></script>
+ <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse&amp;lang=en"></script>
+ </div> <!-- end search -->
+ </div> <!-- end gc-header -->
+
+ <div id="codesiteContent">
+
+ <a id="gc-topnav-anchor"></a>
+ <div id="gc-topnav">
+ <h1>Google Chrome Extensions (<a href="/labs/">Labs</a>)</h1>
+ <ul id="home" class="gc-topnav-tabs">
+ <li id="home_link">
+ <a href="index.html" class="selected" title="Google Chrome Extensions documentation home page">Home</a>
+ </li>
+ <li id="blog_link">
+ <a href="http://blog.chromium.org/" title="Chromium blog">Blog</a>
+ </li>
+ <li id="faq_link">
+ <a href="faq.html" title="Google Chrome Extensions FAQ">FAQ</a>
+ </li>
+ <li id="group_link">
+ <a href="http://groups.google.com/group/chromium-extensions" title="Chromium-Extensions group">Group</a>
+ </li>
+ <li id="terms_link">
+ Terms
+ </li>
+ </ul>
+ </div> <!-- end gc-topnav -->
- <div id="pageContent">
+ <div class="g-section g-tpl-170">
<!-- SIDENAV -->
- <div id="leftNav">
+ <div class="g-unit g-first" id="gc-toc">
<ul>
- <li> <a href="index.html">Home</a></li>
- <li class="leftNavSelected">Getting Started </li>
- <li> <a href="overview.html">Overview</a></li>
- <li> <a href="devguide.html"><div>Developer's Guide</div></a>
+ <li><a href="index.html">Home</a></li>
+ <li class="leftNavSelected">Getting Started</li>
+ <li><a href="overview.html">Overview</a></li>
+ <li><h2><a href="devguide.html">Developer's Guide</a></h2>
<ul>
- <li> Browser UI
+ <li>Browser UI
<ul>
<li><a href="browserAction.html">Browser Actions</a></li>
<li><a href="options.html">Options Pages</a></li>
@@ -109,7 +144,7 @@
<li><a href="themes.html">Themes</a></li>
</ul>
</li>
- <li> Browser Interaction
+ <li>Browser Interaction
<ul>
<li><a href="bookmarks.html">Bookmarks</a></li>
<li><a href="events.html">Events</a></li>
@@ -117,7 +152,7 @@
<li><a href="windows.html">Windows</a></li>
</ul>
</li>
- <li> Implementation
+ <li>Implementation
<ul>
<li><a href="background_pages.html">Background Pages</a></li>
<li><a href="content_scripts.html">Content Scripts</a></li>
@@ -126,7 +161,7 @@
<li><a href="npapi.html">NPAPI Plugins</a></li>
</ul>
</li>
- <li> Finishing
+ <li>Finishing
<ul>
<li><a href="autoupdate.html">Autoupdating</a></li>
<li><a href="packaging.html">Packaging</a></li>
@@ -134,32 +169,35 @@
</li>
</ul>
</li>
- <li><a href="tutorials.html"><div>Tutorials</div></a>
+ <li><h2><a href="tutorials.html">Tutorials</a></h2>
<ul>
<li><a href="tut_debugging.html">Debugging</a></li>
</ul>
</li>
- <li>Reference
+ <li><h2>Reference</h2>
<ul>
- <li> Formats
+ <li>Formats
<ul>
<li><a href="manifest.html">Manifest Files</a></li>
<li><a href="match_patterns.html">Match Patterns</a></li>
<!-- <li>Packages (.crx)</li> -->
</ul>
</li>
- <li> <a href="api_index.html">chrome.* APIs</a> </li>
- <li> <a href="api_other.html">Other APIs</a> </li>
+ <li><a href="api_index.html">chrome.* APIs</a></li>
+ <li><a href="api_other.html">Other APIs</a></li>
</ul>
</li>
- <li><a href="samples.html">Samples</a></li>
+ <li><h2><a href="samples.html">Samples</a></h2></li>
</ul>
</div>
- <div id="mainColumn">
+ <div class="g-unit" id="gc-pagecontent">
+ <div id="pageTitle">
+ <h1 class="page_title">Tutorial: Getting Started (Hello, World!)</h1>
+ </div>
<!-- TABLE OF CONTENTS -->
<div id="toc">
- <p>Contents</p>
+ <h2>Contents</h2>
<ol>
<li>
<a href="#browser">Get your browser ready</a>
@@ -293,7 +331,7 @@ to the toolbar of Google Chrome.
</li>
<li>
Copy this icon to the same folder:<br>
- <table cellpadding="0" cellspacing="0">
+ <table cellpadding="0" cellspacing="0" style="border:0">
<tbody><tr>
<td style="text-align:center; border:0;"><a href="examples/tutorials/getstarted/icon.png"><img src="examples/tutorials/getstarted/icon.png" width="19" height="19" border="0"></a><br>
<a href="examples/tutorials/getstarted/icon.png">Download icon.png</a></td>
@@ -305,8 +343,8 @@ to the toolbar of Google Chrome.
<li>
Bring up the extensions management page
by clicking the Tools menu
- <img src="images/toolsmenu.gif" width="43" height="34" alt="" align="absmiddle">
- and choosing <b>Extensions</b>.
+ <img src="images/toolsmenu.gif" width="43" height="34" alt="" align="absmiddle" style="margin:0; padding:0">and
+ choosing <b>Extensions</b>.
</li>
<li>
@@ -555,9 +593,11 @@ Here are some suggestions for what to do next:
</div> <!-- /apiGroup -->
</div> <!-- /apiPage -->
- </div> <!-- /mainColumn -->
- </div> <!-- /pageContent -->
- <div id="pageFooter" --="">
+ </div> <!-- /gc-pagecontent -->
+ </div> <!-- /g-section -->
+ </div> <!-- /codesiteContent -->
+ <div id="gc-footer" --="">
+ <div class="text">
<p>
Except as otherwise <a href="http://code.google.com/policies.html#restrictions">noted</a>,
the content of this page is licensed under the <a rel="license" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons
@@ -589,8 +629,8 @@ Here are some suggestions for what to do next:
catch(e) {/* urchinTracker not available. */}
</script>
<!-- end analytics -->
-
- </div> <!-- /pageFooter -->
- </div> <!-- /container -->
+ </div>
+ </div> <!-- /gc-footer -->
+ </div> <!-- /gc-container -->
</body></html>
generated by cgit v1.1 at 2025-01-20 14:54:36 +0000