File:  [mozdev] / dragtotab / www / resizesearchbox / tutorial.html
Revision 1.18: download - view: text, annotated - select for diffs - revision graph
Sun Jul 31 16:14:00 2005 UTC (14 years, 5 months ago) by awan
Branches: MAIN
CVS tags: HEAD
no message

<style type="text/css"><!--
kbd {
  padding: 0px 1px 0px 1px;
  border-width: 1px 2px 2px 1px;
  border-style: solid;
  background: #faf6f6;
  color: #000;
  border-color: #edd #baa #baa #eed;
  font-size: 1.2em;

.imglist {
  padding-left: 2%;

.instruct {
  font-size: 1.2em;

.instruct > li::marker {
  content: counter(item) ". ";
  font-size: 2em;
  font-weight: bold;
  color: #900;
.instruct > li {
  counter-increment: item;
<em style="color:#f00; font-size:0.9em">If you are using version 0.0.6 of this extension, these instructions are no 
longer valid.</em>
<h2 style="margin-top:1.2em; border-bottom:2px solid #900; color:#900; font-weight:bold">Getting Started</h2>
<ol class="instruct">
<li><p>First go to the "<kbd>View</kbd>" menu, then "<kbd>Toolbars</kbd>", then "<kbd>Customize...</kbd>".</p>
<p class="imglist"><img src="step1.gif" width="521" height="211" border="0" alt="Screenshot of step 1."></p>

<li><p>Then look for the "<em>Resizer</em>" icon.</p>
<p class="imglist"><img src="step2.gif" width="600" height="400" border="0" alt="Screenshot of step 2."></p>

<li><p>Drag the Resizer icon to the space next to the <strong>Search Box</strong> on the toolbar.
Then click "<kbd>Done</kbd>".</p>
<p class="imglist"><img src="step3.gif" width="432" height="335" border="0" alt="Screenshot of step 3."></p>

<p>To resize the search bar, drag the resizer icon towards the left or right as needed.</p>
<p class="imglist"><img src="step4.gif" width="410" height="178" border="0" alt="Screenshot of step 4."></p>

<p style="font-size: 0.8em; text-align:right"><a href="tutorial_side.html" target="_search">(show this in sidebar)</a></p>

FreeBSD-CVSweb <>