O'Brien's Tree Services And Stumpgrinding

Serving all Tampa Bay FL Area counties.
Tree Trimming, Removals, Stumpgrinding
Call for a free estimate
Pinellas (727) 520-2582
Hillsborough (813) 270-3889

CLICK HERE for more information
MY COPY AND PASTE HTML PAGE FOR EBAY



Copy any of the HTML codes and paste them into your ebay description box. Then just add your descriptions. If you want to use this stuff to create a webpage Click here.


How to copy & paste.
What is a URL?



Table of contents
Add A Picture
Add 2 Pictures Side By Side
Add 2 Pictures Vertical
Add 3 Pictures Vertical
Align Your Pictures
Backgrounds (Full Page)
Backgrounds Fixed (Full Page)
Background Colors (Full Page)
Backgrounds In A Table
Basic Text Color & Size
Bulleted Lists
Center Your Text & Pictures
Clickable Buttons
Colored Backgrounds In A Table
Cool Trick 1
Drop Down Menu
e-mail Link
e-mail Link Using A Picture
Extra Large Text
Font Styles
Using An HTML Page On eBay
 Link To Another Page Or Picture
Change Your Link Color
Link To Your Seller Page
Make A Picture A Link
Misc. HTML Codes
Picture In The Location Box
Protect your pictures
Sounds
Sounds You Can Turn On & Off
Scrolling Textbox
Two Column Table
Three Column Table
Another Three Column Table
Sample Description #1
Sample Description #2
Sample Description #3
Tables For Beginners
Understanding Tables
Spanning Columns & Rows
Table Templates
The Ultimate Table
Practice Your HTML On Notepad



<b>BOLD</b>
BOLD		 <I>ITALIC</I>
ITALIC		 <U>Underlined</U>
Underlined		 <strike>STRIKE</strike>
STRIKE

<b><I>BOLD And Italic</I></b>
BOLD And Italic		 <b><I><U>BOLD, Italic and Underlined</U></I></b>
BOLD, Italic and Underlined

<font color=red size=+2>RED LETTERS</font>
RED LETTERS



<font color=red size=+5>BIG RED LETTERS</font>
BIG RED LETTERS

<font color=red size=+5><b>BIG BOLD RED LETTERS</b></font>
BIG BOLD RED LETTERS



Center Your Text & Pictures
Use this in the description box.
To center a picture you add in the "Add URL" box, put
<center>

At the very bottom of your description in the description box.

<center>CENTERED</center>
CENTERED

<center><img src=http://YOUR PICTURE URL></center>

arrow

Back to table of contents



<center><font color=blue size=+2>CENTERED BLUE LETTERS</font></center>
CENTERED BLUE LETTERS




<center><font color=green size=+2><b>BOLD CENTERED AND GREEN</b></font></center>
BOLD CENTERED AND GREEN

Back to table of contents



Extra Large Text


<font style="font-size: 200pt" color=blue>A</font>

A
Back to table of contents



Link to another page or picture


<center><font size=+1><a href="http://ERASE THIS AND PUT PAGE URL HERE">Click here</a>Type your text here</font></center>

Click here to go somewhere else

Back to table of contents



Change Your Link Color


<center><a href=http://PAGE_URL_GOES_HERE><font color=red>Click here</font></a></center>

Click here

Back to table of contents



Link to your seller page


<center><font size=+2><a href="ERASE THIS AND PASTE YOUR SELLER PAGE URL HERE">VIEW MY OTHER AUCTION ITEMS</a></font></center>

VIEW MY OTHER AUCTION ITEMS

Back to table of contents



Add a picture


<center><img src="http://YOUR PICTURE URL"></center>

arrow

Back to table of contents



Two pictures side by side


<center><img src="http://YOUR PICTURE URL">
<img src="http://YOUR OTHER PICTURE URL"></center>

arrow arrow

If your pictures are large, sometimes they will be forced to show one on top of the other. Keep in mind that other viewers may have different size monitors and use different monitor settings. If the pictures are too wide to fit on a small screen, you can make them fit on all monitors without scrolling like this:
Note: Be sure each picture is at originally least 1/2 of the screen as this will distort smaller pictures. Also, it's not a good idea to use this code inside a table.

<img src="http://YOUR PICTURE URL" width=48%>
<img src="http://YOUR OTHER PICTURE URL" width=48%>


If you still want them side by side and don't care if the screen scrolls copy the code below and paste it in the description box. Then add your picture URL. If you want to put space between them, put your cursor in the middle between > and < Now all you have to do is hit your space bar and move the URL's apart. DON'T HIT YOUR ENTER KEY, they must be touching and seperated using your space bar only. You don't need to put anything in between. The further you move them apart, the further apart your pictures will be. This also works for more than two pictures. 
<pre>
<img src="http://YOUR PICTURE URL"><img src="http://YOUR PICTURE URL">
</pre>



arrow        arrow


Back to table of contents



Arrange Your Pictures Using Tables










Two pictures vertical



<center><img src="http://YOUR PICTURE URL"><br><br>
<img src="http://YOUR OTHER PICTURE URL"></center>




arrow


arrow




Back to table of contents










Three pictures vertical



<center><img src="http://YOUR PICTURE URL"><br><br>
<img src="http://YOUR OTHER PICTURE URL"><br><br>
<img src="http://YOUR OTHER PICTURE URL"></center>




arrow


arrow


arrow




Back to table of contents










Make a picture a link





<center><a href="http://DESTINATION PAGE URL">
<img src="http://YOUR PICTURE URL"></a></center>



arrow




Make a picture a link without a border




<center><a href="http://DESTINATION PAGE URL">
<img src="http://YOUR PICTURE URL" border=0></a></center>



arrow




Back to table of contents










Below are 4 options for clickable pop up e-mail boxes. The first one is a standard box, the second one has the subject line already filled in by you and the third one is handy if you want to know where the e-mail is sent from. The fourth one is a combination of the second and third. Instead of text, you can use a picture by erasing "E-MAIL ME" and inserting the picture URL like this: <img src=http://YOUR PICTURE URL>
IMPORTANT Be sure to include all the quotation marks and < and > where I placed them.






<center>
<a href="mailto:YOUR E-MAIL ADDRESS">E-MAIL ME</a></center>



 E-MAIL ME








<center>
<a href="mailto:YOUR E-MAIL ADDRESS?subject=YOUR SUBJECT">
E-Mail Me</a></center>



E-Mail Me






<center>
<a href="mailto:YOUR TEXT<YOUR E-MAIL ADDRESS>">
E-MAIL ME</A></center>






E-MAIL ME






<center>
<a href="mailto:YOUR TEXT<YOUR E-MAIL ADDRESS>?subject=YOUR SUBJECT">
                        E-Mail Me</a></center>




E-Mail Me




Back to table of contents










<center><a href="mailto:YOUR E-MAIL ADDRESS">

<img src="http://YOUR PICTURE URL"></a></center>




email box




Back to table of contents










Full page backgrounds
Notice: you have to add the URL of the background in two places.




<style> <!--Body {background: url(http://YOUR BACKGROUND URL)}--> </style>

<body background=http://YOUR BACKGROUND URL>




Back to table of contents













Full page Fixed backgrounds
This will allow the page contents to scroll while allowing the background to remain stationary
Notice: you have to add the URL of the background in two places.

Note: Fixed backgrounds don't work on all browsers.





<style> <!--Body {background: url(http://YOUR BACKGROUND URL); background-attachment: fixed;}--> </style> 

                <body background=http://YOUR BACKGROUND URL bgproperties=fixed>





Back to table of contents
















Full Page Background Colors
NOTE:
The standard "bgcolor=" code will not work for full page backgrounds on eBay.
You must make a small colored square in your paint program. Convert it to a .jpg or .gif file, and upload it to your server the same way you would upload a regular background.




<style> <!--Body {background: url(http://YOUR BACKGROUND URL)}--> </style>

<body background=http://YOUR BACKGROUND URL>





Back to table of contents










Sounds




<embed src=http://YOUR SOUND URL loop=true autoplay=true hidden=true>




Back to table of contents










Sounds you can turn on & off. 
AUTOSTART=true will start the music when the page is loaded.
Loop=false will only play the sound once. 





 




<center><EMBED SRC=http://YOUR MIDI URL
 HIDDEN=false HEIGHT=100 WIDTH=195 AUTOSTART=false
  LOOP=true> </EMBED></center>




Back to table of contents










Sounds you can turn on & off.



Click here to turn on the sound.



<a href="http://YOUR SOUND URL">Click here</a> to turn on the sound.




Back to table of contents









Scrolling Text Box






<center><form method="get" target="_top">
<textarea name="terms" cols="32" rows="5" wrap="hard">
YOUR TEXT GOES HERE</textarea></form></center>












Back to table of contents













Drop Down Menu







              
      





             
  <center><FORM><SELECT name="URL"
                    onChange="if(options[selectedIndex].value)
                    window.location.href=
                    (options[selectedIndex].value)">
                   <OPTION value="">My other stuff</OPTION>
                   <OPTION value=""></OPTION>
<OPTION value=http://Destination page URL>1. Your text goes here </OPTION>
<OPTION value=""></OPTION>
<OPTION value=http://Destination page URL>2. Your text goes here </OPTION>
<OPTION value=""></OPTION>
<OPTION value=http://Destination page URL>3. Your text goes here </OPTION>
<OPTION value=""></OPTION>
<OPTION value=http://Destination page URL>4. Your text goes here </OPTION>
<OPTION value=""></OPTION>
</SELECT><NOSCRIPT><INPUT type=submit value="Go">
                   </NOSCRIPT></INPUT></FONT></FORM></center>







Back to table of contents










Currently this code no longer works on eBay




<center><FORM>
   <INPUT TYPE="button"
   value=" YOUR TEXT GOES HERE "
   onClick="parent.location='PAGE URL GOES HERE'">
  </INPUT></FORM></center>





   
  




Back to table of contents













Bulleted Lists.

Note; proper HTML requires ALL tags to be cancelled.
 Every <li> needs to have a closing </li>








Unordered List


What You TypeWhat You Get




<ul>Unordered list
    <li>Item one</li>
    <li>Item two</li>
    <li>Item three</li>
    <li>item four</li>
    <li>Item five</li></ul>





    Unordered list

  • Item one

  • Item two

  • Item three

  • item four

  • Item five
 













Unordered List Square Variation


What You TypeWhat You Get




<ul type="square">Unordered list
    <li>Item one</li>
    <li>Item two</li>
    <li>Item three</li>
    <li>item four</li>
    <li>Item five</li></ul>





    Unordered list

  • Item one

  • Item two

  • Item three

  • item four

  • Item five
 
    • 











Unordered List Circle Variation


What You TypeWhat You Get




<ul type="disc">Unordered list
    <li>Item one</li>
    <li>Item two</li>
    <li>Item three</li>
    <li>item four</li>
    <li>Item five</li></ul>





    Unordered list

  • Item one

  • Item two

  • Item three

  • item four

  • Item five

    • 










Ordered List


What You TypeWhat You Get




<ol>Ordered list
    <li>Item one</li>
    <li>Item two</li>
    <li>Item three</li>
    <li>item four</li>
    <li>Item five</li></ol>





    Ordered list

  1. Item one

  2. Item two

  3. Item three

  4. item four

  5. Item five
 
    6. 








Ordered List Roman Numerals


What You TypeWhat You Get




<ol type="I">Roman Numerals
    <li>Item one</li>
    <li>Item two</li>
    <li>Item three</li>
    <li>item four</li>
    <li>Item five</li></ol>





    Roman Numerals

  1. Item one

  2. Item two

  3. Item three

  4. item four

  5. Item five
 
    6. 








Ordered List Capital Letters


What You TypeWhat You Get




<ol type="A">Capital Letters
    <li>Item one</li>
    <li>Item two</li>
    <li>Item three</li>
    <li>item four</li>
    <li>Item five</li></ol>





    Capital Letters

  1. Item one

  2. Item two

  3. Item three

  4. item four

  5. Item five
 
    6. 








Ordered List Lower Case Letters


What You TypeWhat You Get




<ol type="a">Lower Case
    <li>Item one</li>
    <li>Item two</li>
    <li>Item three</li>
    <li>item four</li>
    <li>Item five</li></ol>





    Lower Case

  1. Item one

  2. Item two

  3. Item three

  4. item four

  5. Item five
 
    6. 








Ordered List Example


What You TypeWhat You Get




<ol type="I">Ordered List
<li>Item one
  <ol type="A">
  <li>First
    <ol type="a">
      <li>One
      <li>Two
<ol type="square">
      <li>Three
      <li>Four</ol></ol>
  <li>Second
    <ol type="a">
      <li>Five
      <li>Six
<ol type="square">
      <li>Seven
      <li>Eight</ol></ol></ol>
<li>Item Two
    <ol type="A"><li>First
      <ol type="a">
      <li>One
      <li>Two
</li></0l>






    Ordered List
  
  1. Item one

      

    1. First

        

      1. One

      2. Two

          

        1. Three

        2. Four
      

    2. Second

        

      1. Five

      2. Six

          

        1. Seven

        2. Eight
    

  2. Item Two

      

    1. First

        

      1. One

      2. Two

        3. 












Definition List


What You TypeWhat You Get




<dl>Definition list
    <dd>Item one
    <dd>Item two
    <dd>Item three
    <dd>item four
    <dd>Item five
</dd></dd></dd></dd></dd></dl>





Definition list

Item one

Item two

Item three

item four

Item five

 











Back to table of contents
















Put A Picture In The Location Box

Note: HTML does not work in the location box of the Sell Your Item 2.0 form






You can add a picture in the location box the same way you put a picture in the Description box, using <img src=http://Your_Picture_URL>

The problem is, most URL's are too long to fit in the description box with the HTML needed to display the picture.
Fortunately other HTML codes will work in the location box.

<font color=red size=+5>Florida</font> will give you
Florida

 Don't use quotation marks (") in the location box or the Add Picture box.





Back to table of contents















Cool Trick 1






Want to put a small logo or picture at the top of your auction item next to the title?
 This code makes it possible for you to do that.



<div style="position: absolute; top: 102px; left: 18px">

<img src=http://your_picture_URL.jpg></div>



The picture will show on the preview page but won't be in the correct location until the auction is submitted.

Important!. This is meant to only put a small logo or very small picture next to your title. DON'T use a large picture as it will cover the title.







Back to table of contents















Misc. HTML Codes









These only works in Internet Explorer Color & size of text can be changed to meet your needs.


<marquee>MARQUEE</marquee>
MARQUEE


<marquee direction=right>MARQUEE</marquee>
MARQUEE


<marquee behavior=alternate>MARQUEE</marquee>
MARQUEE

<center><marquee behavior=alternate width=50%> MARQUEE</marquee></center>
MARQUEE


<marquee direction=up height=50>MARQUEE</marquee>
MARQUEE


<marquee direction=down height=50>MARQUEE</marquee>
MARQUEE


<marquee direction=down height=50 behavior=alternate>MARQUEE</marquee>
MARQUEE


Replace your text with a picture URL


<marquee><img src=http://Your picture URL></marquee> picture



<marquee direction=up height=50 behavior=alternate><img src=http://Your picture URL></marquee> picture


<marquee direction=right width=40%><img src=http://Your picture URL></marquee>
<marquee width=40%><img src=http://Your picture URL></marquee>




picturepicture







To center a picture you put in the "Add Picture" box, Add this to the bottom of the "Description" box


<CENTER>





This only works with Netscape


<BLINK>BLINK </BLINK> 
BLINK










Back to table of contents















Colored Backgrounds In A Table



<center><table border=2 width=85% cellpadding=8 bgcolor=yellow><tr>
<td align=center><font color=blue size=+2>YOUR TITLE</font></td></tr>
<tr><td align=center><font color=blue size=+2>
                  YOUR DESCRIPTION GOES HERE</font>
</td></tr></table></center>







YOUR TITLE


YOUR DESCRIPTION GOES HERE,
YOUR DESCRIPTION GOES HERE, YOUR DESCRIPTION GOES HERE





Back to table of contents










Backgrounds In A Table



<center><table border=2 width=85% cellpadding=8
background=http://YOUR BACKGROUND URL><tr>
<td align=center><font color=blue size=+2>YOUR TITLE</font></td></tr>
<tr><td align=center><font color=blue size=+2>
                  YOUR DESCRIPTION GOES HERE</font>
</td></tr></table></center>







YOUR TITLE


YOUR DESCRIPTION GOES HERE,
YOUR DESCRIPTION GOES HERE, YOUR DESCRIPTION GOES HERE





Back to table of contents









<center><table border="0" width="70%" cellpadding="10" bgcolor="BLACK">
<tr><td valign=middle><font color="WHITE" size="+2" face="comic sans ms">
YOUR TEXT GOES HERE</td>
<td align=center>
<img src="http://YOUR PICTURE URL">
</td></tr></table></center>





Text on the left side.

Picture on the right.		
picture






Back to table of contents








<center><table border="0" width="85%"
cellpadding="10" cellspacing="10" bgcolor="BLACK">
<tr><td valign=top><font color="WHITE" size="+2" face="comic sans ms">
Text on the left side.<br><br>Picture in the middle.</td>
<td align=center><img src="http://YOUR PICTURE URL"></td>
<td valign=bottom><font color="WHITE" size="+2" face="comic sans ms">
And more text on this side</td></tr>
</table></center>






Text on the left side.

Picture in the middle.		
picture

And more text on this side






Back to table of contents









<center><table border="0" width="85%"
cellpadding="10" cellspacing="10">
<tr><td valign=top><font color="BLACK" size="+2" face="comic sans ms">
Text on the left side. Picture in the middle.</td>
<td align=center><img src="http://YOUR PICTURE URL"></td>
<td valign=bottom><font color="BLACK" size="+2" face="comic sans ms">
And more text on this side</td></tr>
</table></center>






Text on the left side. Picture in the middle.
picture

And more text on this side






Back to table of contents











<center><table border="3" width="80%" cellpadding="8"
bgcolor=gold><tr><td align=center>
<font color=blue size=+3 face="arial">
            Your Title Goes Here
</font><br><br><font color=blue size=+2 face="arial">
              Your description goes here.
<br><br><img src=http://YOUR PICTURE URL GOES HERE>
<br><br><a href=PASTE YOUR SELLER PAGE URL HERE>
Click here</a> to view my other auction items<br><br>
Got a question? <BR><a href="mailto:YOUR E-MAIL ADDRESS">
Click Here </a> to send me an e-mail</font><BR>
</td></tr></table></center>
Your Title Goes Here

Your description goes here. Your description goes here. Your description goes here. Your description goes here. Your description goes here.

picture

Click here to view my other auction items

Got a question?
Click Here to send me an e-mail


Back to table of contents



<center><table border="3" width="80%" cellpadding="8"
bgcolor=cyan><tr><td align=center>
<font color=blue size=+3 face="arial">
            Your Title Goes Here
</font><br><br><font color=blue size=+2 face="arial">
              Your description goes here.
<br><br><img src=http://YOUR PICTURE URL GOES HERE>
<br><br><a href=PASTE YOUR SELLER PAGE URL HERE>
Click here</a> to view my other auction items<br><br>
Got a question? <a href="mailto:YOUR E-MAIL ADDRESS">
Click Here </a> to send me an e-mail
<br><br><a href=http://YOUR WEBSITE URL>
Click here</a> to visit my website.</font>
</td></tr></table></center>
Your Title Goes Here

Your description goes here. Your description goes here. Your description goes here. Your description goes here. Your description goes here.

picture

Click here to view my other auction items

Got a question? Click Here to send me an e-mail

Click here to visit my website.

Back to table of contents




<center><table border="3" width="80%" cellpadding="8"
background=http://YOUR BACKGROUND URL><tr><td align=center>
<font color=blue size=+3 face="arial">
            Your Title Goes Here
</font><br><br><font color=blue size=+2 face="arial">
              Your description goes here.
<br><br><img src=http://YOUR PICTURE URL GOES HERE>
<br><br><a href=PASTE YOUR SELLER PAGE URL HERE>
Click here</a> to view my other auction items<br><br>
Got a question? <a href="mailto:YOUR E-MAIL ADDRESS">
Click Here </a> to send me an e-mail
<br><br><a href=http://YOUR WEBSITE URL>
Click here</a> to visit my website.</font>
</td></tr></table></center>
Your Title Goes Here

Your description goes here. Your description goes here. Your description goes here. Your description goes here. Your description goes here.

picture

Click here to view my other auction items

Got a question? Click Here to send me an e-mail

Click here to visit my website.

Back to table of contents



FONTS
Change the color & size to meet your needs.
Font will only work if the viewer has the font installed on their computer, otherwise they will see their default font.



<font color=blue size=+2 face="adobe minion web">YOUR TEXT GOES HERE</font>
Your Text Goes Here



<font color=blue size=+2 face="andale mono">YOUR TEXT GOES HERE</font>
Your Text Goes Here



<font color=blue size=+2 face="arial">YOUR TEXT GOES HERE</font>
Your Text Goes Here



<font color=blue size=+2 face="arial black">YOUR TEXT GOES HERE</font>
Your Text Goes Here



<font color=blue size=+2 face="artistik">YOUR TEXT GOES HERE</font>
Your Text Goes Here



<font color=blue size=+2 face="ashley inline">YOUR TEXT GOES HERE</font>
Your Text Goes Here



<font color=blue size=+2 face="gill sans mt shadow">YOUR TEXT GOES HERE</font>
Your Text Goes Here



<font color=blue size=+2 face="bedrock">YOUR TEXT GOES HERE</font>
Your Text Goes Here



<font color=blue size=+2 face="broadway">YOUR TEXT GOES HERE</font>
Your Text Goes Here



<font color=blue size=+2 face="carlisle">YOUR TEXT GOES HERE</font>
Your Text Goes Here



<font color=blue size=+2 face="courier">YOUR TEXT GOES HERE</font>
Your Text Goes Here



<font color=blue size=+2 face="courier new">YOUR TEXT GOES HERE</font>
Your Text Goes Here



<font color=blue size=+2 face="comic sans ms">YOUR TEXT GOES HERE</font>
Your Text Goes Here



<font color=blue size=+2 face="georgia">YOUR TEXT GOES HERE</font>
Your Text Goes Here



<font color=blue size=+2 face="glowworm">YOUR TEXT GOES HERE</font>
Your Text Goes Here



<font color=blue size=+2 face="harlow">YOUR TEXT GOES HERE</font>
Your Text Goes Here



<font color=blue size=+2 face="impact">YOUR TEXT GOES HERE</font>
Your Text Goes Here



<font color=blue size=+2 face="old english">YOUR TEXT GOES HERE</font>
Your Text Goes Here



<font color=blue size=+2 face="lucida handwriting">YOUR TEXT GOES HERE</font>
Your Text Goes Here



<font color=blue size=+2 face="lucida sans">YOUR TEXT GOES HERE</font>
Your Text Goes Here



<font color=blue size=+2 face="lucida console">YOUR TEXT GOES HERE</font>
Your Text Goes Here



<font color=blue size=+2 face="lucida sans unicode">YOUR TEXT GOES HERE</font>
Your Text Goes Here



<font color=blue size=+2 face="helvetica">YOUR TEXT GOES HERE</font>
Your Text Goes Here



<font color=blue size=+2 face="symbol">YOUR TEXT GOES HERE</font>
Your Text Goes Here



<font color=blue size=+2 face="times new roman">YOUR TEXT GOES HERE</font>
Your Text Goes Here



<font color=blue size=+2 face="trebuchet ms">YOUR TEXT GOES HERE</font>
Your Text Goes Here



<font color=blue size=+2 face="verdana">YOUR TEXT GOES HERE</font>
Your Text Goes Here



<font color=blue size=+2 face="wingdings">YOUR TEXT GOES HERE</font>
Your Text Goes Here



<font color=blue size=+2 face="wonton icg">YOUR TEXT GOES HERE</font>
Your Text Goes Here



<font color=blue size=+2 face="Mini Pics Lil Events">YOUR TEXT GOES HERE</font>
Your Text Goes Here



<font color=blue size=+2><I>YOUR TEXT GOES HERE</I></font>
Your Text Goes Here

Back to table of contents


<hr width="25%">



<hr width="25%" size="10">



<hr width="25%" size="10" noshade>



<hr width="50%">



<hr width="50%" size="10">



<hr width="50%" size="10" noshade>



<hr width="75%">



<hr width="75%" size="10">



<hr width="75%" size="10" noshade>



<hr>



<hr size="10">



<hr size="10" noshade>

Back to table of contents


Questions? | My Website | My "ME" Page

Keasbey Eagles Olympic Weightlifting Team