File:  [mozdev] / dragtotab / www / resizesearchbox / tutorial_side.html
Revision 1.9: download - view: text, annotated - select for diffs - revision graph
Tue Apr 19 23:09:42 2005 UTC (14 years, 9 months ago) by awan
Branches: MAIN
CVS tags: HEAD
no message

<style type="text/css"><!--
#mozdev-logo, #project-navigation, #mozdev-date, #content, #mozdev-feedback, #coalition {display: none !important}
#main-content-no-nav {margin: 0; padding: 0}
body {background-color: #fff; font-size: 0.7em; margin: 2%}
.bodylike {text-align: left}
h1 {font-size: 1.6em; border-bottom: 2px solid #900; padding: 2% 0 0 1%}
h2 {font-size: 1.2em; padding-left: 5%}
.header {color: #900; font-weight: bold; margin: 0;}
.spaced {margin: 1em 0}
ol {padding-left: 2em}
li {margin-bottom: 2em; padding-left: 1%; counter-increment: item}
li::marker {content: counter(item) "."; font-size: 1.5em; font-weight: bolder; text-align: center; padding: 0 0.2em 0 0.5em}
kbd {font-size: 1.2em; font-weight: bold}
.img {text-align: center}
.footer {font-size: 0.9em; text-align: right; margin-right: 0.4em; text-decoration: underline}
-->
</style>
<div class="bodylike">
<h1 class="header">Getting Started</h1>
<h2 class="header">with: Resize Search Box</h2>

<p class="spaced">Before you can use the Resize Search Box extension, you must complete the following steps:</p>

<ol>
<li><p>Go to the "<kbd>View</kbd>" menu, then "<kbd>Toolbars</kbd>", then "<kbd>Customize</kbd>" to open the Customize window.</p>
</li>

<li><p>Find the "<kbd>Resizer</kbd>" icon.</p>
<p class="img"><image src="tutorial1.gif" width="73" height="52" /></p>
</li>

<li><p><strong>Drag</strong> the Resizer icon to the <strong>toolbar</strong>. Put it next to the search box.</p>
<p class="img"><image src="tutorial2.gif" width="110" height="81" /></p>
</li>

<li><p>Click <kbd>Done</kbd>.</p>
</li>
</ol>
<hr>
<p class="spaced footer"><a href="tutorial.html" target="_content">Get more help online &raquo;</a></p>
</div>

FreeBSD-CVSweb <freebsd-cvsweb@FreeBSD.org>