visible soul web design corpus christi logo

visible soulweb design

serving corpus christi, texas & the world

 

VPS Web Hosting

visiblesoul auction template tutorial #4
lists

< previous tutorial | tutorials home | next tutorial >

The <ol> <ul> and <li> tags

These tags enable you to create "ordered lists" <ol> which are numbered lists and "unordered lists" <ol> which are bulleted lists. The "list item" <li> tag is used with both types of lists. There are different variations of ordered and unordered lists as well as definition lists but these two types are probably all you would ever need for eBay. The <ol> and <ul> tags define the type of list and the <li> tag is used for each list item. Don't forget to close all of your tags.

 

Ordered lists <ol>

If you type this:
<ol>
  <li>This is ordered list item 1.</li>
  <li>This is ordered list item 2.</li>
  <li>This is ordered list item 3.</li>
  <li>This is ordered list item 4.</li>
</ol>
It will look like this:
  1. This is ordered list item 1.
  2. This is ordered list item 2.
  3. This is ordered list item 3.
  4. This is ordered list item 4.

 

Unordered lists <ul>

If you type this:
<ul>
  <li>This is unordered list item 1.</li>
  <li>This is unordered list item 2.</li>
  <li>This is unordered list item 3.</li>
  <li>This is unordered list item 4.</li>
</ul>
It will look like this:
  • This is unordered list item 1.
  • This is unordered list item 2.
  • This is unordered list item 3.
  • This is unordered list item 4.

 

Example Auction Template:

This is an example of an auction template using the <h3>, <h4>, <p>, <font> and the <ol> <ul> and <li> tags. Lists help to further clarify your layout.


My Widget

Item Description:

You ARE bidding on my very lame widget. We both know that you don't need this widget but, if there is anything to this power of suggestion I keep hearing so much about then you will really want this widget anyway. Widget is in mint condition with a few cracks in the case. Mint widget is in non-working order. This widget is from my personal collection which, although it doesn't actually mean anything, will probably give you the impression that I actually took care of the dang thing. I'm glad to get rid of this piece of junk. Please email me if you want me to end this auction early and sell it to you "off-eBay". After I get your money I can re-list it and sell it again knowing that eBay will just tell you that you screwed up and they can't help you. I will include, as a free gift, another mint condition broken widget. This widget is a already a rip-off at my starting price but it is possibly a federal crime to sell it at my "Buy It Now" Price. Happy Bidding!

Payment Options:

  1. Wire Transfers to my Caribbean bank account.
  2. Cash in small unmarked US bills.

Shipping:

  • Shipping cost: $32.00
  • Shipping weight: 12oz.
  • Carrier: USPS Lowest-Class Parcel Post

Widgets are securely packaged in recycled pizza boxes and padded with newspapers that I get out of the neighbors' recycle bins. Please do not ask me to combine shipping on multiple widgets. My time is very valuable and I resent wasting it packing and shipping your widget in the first place so you're lucky that I am willing to ship it to you at all. Also masking tape is not free and I should be reimbursed for all the days I have to wake up early to dip into the neighbors' recycling bins before they wake up. Please allow 3 weeks for me to actually ship and 6 weeks for transit.

Feedback:

I love leaving negative feedback. Push me and see what happens chump. I buy and sell newbies like you every day. I didn't get to be a powerseller by making nicey-nice with losers like you. Shoot, I'll probably neg you even if you leave me a positive so let's see what you've got!

 

Here is how I made the above example:

<h3 align="center"><font face="comic sans ms, arial, helvetica, sans-serif" color="#990000">My Widget</font></h3>

<h4><font face="comic sans ms, arial, helvetica, sans-serif" color="#990000">Item Description:</font></h4>

<p><font face="arial, helvetica, verdana, sans-serif" size="2">You ARE bidding on my very lame widget. We both know that you don't need this widget but, if there is anything to this power of suggestion I keep hearing so much about then you will really want this widget anyway. Widget is in mint condition with a few cracks in the case. Mint widget is in non-working order. This widget is from my personal collection which, although it doesn't actually mean anything, will probably give you the impression that I actually took care of the dang thing. I'm glad to get rid of this piece of junk. Please email me if you want me to end this auction early and sell it to you "off-eBay". After I get your money I can re-list it and sell it again knowing that eBay will just tell you that you screwed up and they can't help you. I will include, as a free gift, another mint condition broken widget. This widget is a already a rip-off at my starting price but it is possibly a federal crime to sell it at my "Buy It Now" Price. Happy Bidding!</font></p>

<h4><font face="comic sans ms, arial, helvetica, sans-serif" color="#990000">Payment Options:</font></h4>

<ol>
  <li><font face="arial, helvetica, verdana, sans-serif" size="2">
Wire Transfers to my Caribbean bank account.</font></li>
  <li><font face="arial, helvetica, verdana, sans-serif" size="2">
Cash in small unmarked US bills.</font></li>
</ol>

<h4><font face="comic sans ms, arial, helvetica, sans-serif" color="#990000">Shipping:</font></h4>

<ul>
  <li><font face="arial, helvetica, verdana, sans-serif" size="2">
Shipping cost: $32.00</font></li>
  <li><font face="arial, helvetica, verdana, sans-serif" size="2">
Shipping weight: 12oz.</font></li>
  <li><font face="arial, helvetica, verdana, sans-serif" size="2">
Carrier: USPS Lowest-Class Parcel Post</font></li>
</ul>

<p><font face="arial, helvetica, verdana, sans-serif" size="2">Widgets are securely packaged in recycled pizza boxes and padded with newspapers that I get out of the neighbors' recycle bins. Please do not ask me to combine shipping on multiple widgets. My time is very valuable and I resent wasting it packing and shipping your widget in the first place so you're lucky that I am willing to ship it to you at all. Also masking tape is not free and I should be reimbursed for all the days I have to wake up early to dip into the neighbors' recycling bins before they wake up. Please allow 3 weeks for me to actually ship and 6 weeks for transit.</font></p>

<h4><font face="comic sans ms, arial, helvetica, sans-serif" color="#990000">Feedback:</font></h4>

<p><font face="arial, helvetica, verdana, sans-serif" size="2">I love leaving negative feedback. Push me and see what happens chump. I buy and sell newbies like you every day. I didn't get to be a powerseller by making nicey-nice with losers like you. Shoot, I'll probably neg you even if you leave me a positive so let's see what you've got!</font></p>

 

Have a question? Post it on my forum!

Next tutorial: images.

< previous tutorial | tutorials home | next tutorial >