From collectibles to cars, buy and sell all kinds of items on eBay
aAdvanced Search
Last Post Jun 30, 2009 6:08 PM by: musheer69
Replies: 84
)
*zip
Posts: 8,625

Create Your ME Page in a Few Easy Steps

Jul 27, 2005 3:35 PM
Want to do a ME page, but don't know where to start? It doesn't take a lot of complicated code to have a nice looking page. Yes...you can do it! And you can also use this as a guide to create your auctions.

This step-by-step is the first 7 posts of this thread. Follow along as I show you a in a few simple steps, how you can have a nice looking page. Please click on the links in the following posts as we:

  1. Format your text.

  2. Wrap it in a table to rein in those text lines.

  3. Add some links to your auctions, feedback and email through eBay.

  4. Add some elements to visually break up the page.

  5. Add some color.

  6. Add a picture.

Let's say that this is your text.

Link


Zippy's  Postal Shipping 101  Free Priority Boxes *Media Mail *USPS Links *International *APO/FPO



Reply
Name:
Email:
 
Tip: To create a link - type the desired text, highlight it with your mouse and click[Click for url tag]
Tags:
 
)
*zip
Posts: 8,625
(1 of 84)

Create Your ME Page in a Few Easy Steps

Jul 27, 2005 3:37 PM
First we are going to specify the font face, the font size and the font color using a font tag. Then we will put your text into paragraphs using a paragraph tag. Between paragraphs, you can use <br><br> which will drop the next words down one line for each BR.

The font can be changed to any of a number of fonts that people will be able to see. Check this link for a list of those fonts.

Link

So here is your text in "trebuchet ms"

Link


You can see the coding in the white text box at the top of the page. The way your page will look is under the text box, so be sure to scroll down.


Zippy's  Postal Shipping 101  Free Priority Boxes *Media Mail *USPS Links *International *APO/FPO



Reply
Name:
Email:
 
Tip: To create a link - type the desired text, highlight it with your mouse and click[Click for url tag]
Tags:
 
)
*zip
Posts: 8,625
(2 of 84)

Create Your ME Page in a Few Easy Steps

Jul 27, 2005 3:38 PM
Did you notice that your text went clear across the screen in long lines? So now we are going to wrap it in a table to shorten those text lines so that it is easier to read.

Link


Zippy's  Postal Shipping 101  Free Priority Boxes *Media Mail *USPS Links *International *APO/FPO



Reply
Name:
Email:
 
Tip: To create a link - type the desired text, highlight it with your mouse and click[Click for url tag]
Tags:
 
)
*zip
Posts: 8,625
(3 of 84)

Create Your ME Page in a Few Easy Steps

Jul 27, 2005 3:39 PM
Would you like links to your feedback, auctions and email through eBay? Just be sure to replace my ID with yours. ;)

Link

Now let's break up the space a bit. Let's center a few things, put in some headers.

How about this?

Link


Zippy's  Postal Shipping 101  Free Priority Boxes *Media Mail *USPS Links *International *APO/FPO



Reply
Name:
Email:
 
Tip: To create a link - type the desired text, highlight it with your mouse and click[Click for url tag]
Tags:
 
)
*zip
Posts: 8,625
(4 of 84)

Create Your ME Page in a Few Easy Steps

Jul 27, 2005 3:40 PM
But you think it looks B-O-R-I-N-G? Now comes the fun part...let's add a little color. Are you Color-Challenged?

This is great site (IE only)...click around until you find a color palette that you like and copy the 6-character hex codes that represent the colors in the palette. We will use up to four of those hex codes in the table tag at the very top of the code.

Link


Or if you want to pick all your own colors, go here

Link


Zippy's  Postal Shipping 101  Free Priority Boxes *Media Mail *USPS Links *International *APO/FPO



Reply
Name:
Email:
 
Tip: To create a link - type the desired text, highlight it with your mouse and click[Click for url tag]
Tags:
 
)
*zip
Posts: 8,625
(5 of 84)

Create Your ME Page in a Few Easy Steps

Jul 27, 2005 3:42 PM
Here it is in one color

Link


Two colors - Notice that I also changed the color of the title and the headers to match the border.

Link


Three colors - the thickness of the "borders" can be adjusted through the cellpadding number in the table tag.

Link

Four colors

Link


Zippy's  Postal Shipping 101  Free Priority Boxes *Media Mail *USPS Links *International *APO/FPO



Reply
Name:
Email:
 
Tip: To create a link - type the desired text, highlight it with your mouse and click[Click for url tag]
Tags:
 
)
*zip
Posts: 8,625
(6 of 84)

Create Your ME Page in a Few Easy Steps

Jul 27, 2005 3:45 PM
But Wait! I want to add my picture! Look at Merry's Picture-Perfect thread, and upload the picture to your photo host.

Link

You could just put it in the center...

Link


Or you could offset it...

Link


Zippy's  Postal Shipping 101  Free Priority Boxes *Media Mail *USPS Links *International *APO/FPO



Reply
Name:
Email:
 
Tip: To create a link - type the desired text, highlight it with your mouse and click[Click for url tag]
Tags:
 
)
*zip
Posts: 8,625
(7 of 84)

Create Your ME Page in a Few Easy Steps

Jul 27, 2005 3:59 PM
That's it!

Don't hesitate to ask if there is something else you want to do or if you get stuck.

And feel free to copy any of the practicewriter examples and save them to a notepad document if you want to use the code.

References/Links:

Copy and Paste HTML
 1.
  Link

eBay Special Page Tags
 2.
  Link

Codes That Should Not Be Used on eBay
 3.
  Link

Fonts That Everyone Can See
 4.
  Link

IrFanview - Free Photo Editor
 5.
  Link

Color Codes
 6.
  Link

48 Hour Image Uploader
 7.
  Link

Free Backgrounds, Buttons, Logos & Tools
 8.  Link
 9.  Link
10.  Link
11.  Link
12.  Link
13.  Link
14.  Link
15.  Link
16.  Link




Zippy's  Postal Shipping 101  Free Priority Boxes *Media Mail *USPS Links *International *APO/FPO



Reply
Name:
Email:
 
Tip: To create a link - type the desired text, highlight it with your mouse and click[Click for url tag]
Tags:
 
)
hilda360cat
Posts: 85
(8 of 84)

Create Your ME Page in a Few Easy Steps

Sep 24, 2005 12:58 PM
I've never done an about me page. Why do you do them? Do people really read them or care?
Reply
Name:
Email:
 
Tip: To create a link - type the desired text, highlight it with your mouse and click[Click for url tag]
Tags:
 
)
sweetestmorgan
Posts: 3,211
(9 of 84)

Create Your ME Page in a Few Easy Steps

Oct 15, 2005 4:47 PM
Hello Zip :)

I'd like to add a table to my Me page and put the names of some of my favorite stores / people's pages into the boxes. I'm thinking the table would probably look good about 3 wide. Is there a way to do this so that #1, it can be expandable or added to / #2 I can put the link in, but the actual text can look nicer (i.e. Link can say SweetestMorgan instead)? Thank you very much for your advice and help. :)

Reply
Name:
Email:
 
Tip: To create a link - type the desired text, highlight it with your mouse and click[Click for url tag]
Tags:
 
)
sweetestmorgan
Posts: 3,211
(10 of 84)

Create Your ME Page in a Few Easy Steps

Oct 15, 2005 5:16 PM
Should I have put this in the html help thread? :(
Reply
Name:
Email:
 
Tip: To create a link - type the desired text, highlight it with your mouse and click[Click for url tag]
Tags:
 
)
*zip
Posts: 8,625
(11 of 84)

Create Your ME Page in a Few Easy Steps

Oct 15, 2005 8:39 PM
Sweetest Morgan - You can even start your own thread. And perhaps more people will see it and respond to it.


Zippy's  Postal Shipping 101  Free Priority Boxes *Media Mail *USPS Links *International *APO/FPO



Reply
Name:
Email:
 
Tip: To create a link - type the desired text, highlight it with your mouse and click[Click for url tag]
Tags:
 
)
*zip
Posts: 8,625
(12 of 84)

Create Your ME Page in a Few Easy Steps

Oct 15, 2005 9:06 PM
Is this what you have in mind?

Link

The table will expand in height as you add more contents.

Another note: Could I suggest you take the font size down a notch on the main text? I use generally use font size=3 or size=4 or even size=2 for the main text depending on which font it is. Size 5 should be reserved for titles -- it is too big to read comfortably.

I think I mentioned before that not everyone has Monotype Corsiva on their computer? I don't. So I'm seeing the page in Verdana Size 5...verdana is my default font.

This is what I'm seeing for your main text.


Zippy's  Postal Shipping 101  Free Priority Boxes *Media Mail *USPS Links *International *APO/FPO



Reply
Name:
Email:
 
Tip: To create a link - type the desired text, highlight it with your mouse and click[Click for url tag]
Tags:
 
)
sweetestmorgan
Posts: 3,211
(13 of 84)

Create Your ME Page in a Few Easy Steps

Oct 15, 2005 10:17 PM
LOL, I'm such a moron, but you've figured that out by now. I guess I never thought about putting it on the main page. Sorry. This is actually more what I'm wanting, but I can't figure out how to put it into HTML. I want to leave my group site where it is, but put this after the last paragraph. I want to put some friends Stores or pages that they're listings are on (URLs) in them.

Image hosted by Photobucket.com

I hope that I'm making sense. Brew City Bob has one on his Me Page and said that I could use the idea. And I'll change the font size on mine too. Thanks so much. :)

Reply
Name:
Email:
 
Tip: To create a link - type the desired text, highlight it with your mouse and click[Click for url tag]
Tags:
 
)
sweetestmorgan
Posts: 3,211
(14 of 84)

Create Your ME Page in a Few Easy Steps

Oct 15, 2005 10:19 PM
And I wanted to just use all Black.
Reply
Name:
Email:
 
Tip: To create a link - type the desired text, highlight it with your mouse and click[Click for url tag]
Tags:
 
Page: of 6

New to eBay Boards? Try a visit to our Community Discussion Boards Help and Welcome Center .

Want to visit another board? You can view our Community Overview Page or select from these lists:

Community Help Boards:

eBay Tools Boards:

Category-Specific Boards:

General Discussion Boards:


Feedback Forum | Discussion Boards | Groups | Answer Center | Chat Rooms | Community Values

About eBay | Announcements | Security Center | Resolution Center | eBay Toolbar | Policies | Government Relations | Site Map | Help
Copyright © 1995-2009 eBay Inc. All Rights Reserved. Designated trademarks and brands are the property of their respective owners. Use of this Web site constitutes acceptance of the eBay User Agreement and Privacy Policy.
eBay official time
hosted by LiveWorld