Using CSS to markup eBay auctions

December 6, 2004

A couple of years ago (back in 2001) I was on an eBay kick and decided that the best way to make my auctions stand out more than all the other auctions was to try to make them look nicer. Most people just type out their product description or lift the description from an e-commerce site and then slap some tacky/gawdy font and color choices. Back then I was only dabbling in CSS could only convince myself to use CSS to mark-up my table layout with some attractive color combinations and fonts. Nothing too extreme or groundbreaking. I didn’t run with it very far (I only did 3 auctions that way) because it was a pain to update the content with all the table cells and layout mixed in with the content.

Since 2001 I have accumulated a number of items that I have been stacking up in the corner of the office with the intention of putting them on eBay. Of course, being caught up with the concept of wanting to sell the items in a presentation that is unique and different from all the other auctions out there, they just sat and continued to pile up. Finally, I’ve reached a point in my life where I feel like I can (and need) to move this eBay stuff out. Many factors needed to align to make me reach this decision, not the least of which is my wife pressuring me to clean up my corner. Most importantly, browsers have improved their support and implementation of CSS standards and I have become competent enough to come up with compelling designs and I have seen the light in regards to writing content unencumbered by layout markup. While there are still issues with the current browsers and not everyone is running IE6 or Firefox, it is now much easier to develop a site via CSS and have it render similarly across browsers.

So without further ado, I present my first ebay template done completely with CSS for presentation:
Sony Discman Portable CD Player D-33 + Accessories

All visual aspects are handled via an external stylesheet. The actual auction description content is just some container divs for grouping and then standard heading, paragraph, list and image tags. Unlike Hack #43. Overriding eBay’s Fonts and Styles from O’Reilly Network: Hacking eBay, I specifically chose not to change any of the styling outside of my own auction. Sure, I could change the whole page color or fonts, but my goal was to keep the content of my auction entirely self-contained.

Some interesting side effects of using an external style sheet: First, because I am linking to an external stylesheet on my web server, I could change the look and feel of the item at will. Once I have multiple templates to choose from, it would be really easy to code up some logic to change the style sheet on every request or every day, etc. The second side effect that is potentially a little unnerving and which would cause eBay the most grief is because I control the style sheet outside of the auction, I could display false information while the auction is running, and then after the auction closes, modify the style to hide the false info and display new info to alter the original auction listing. Of course, a quick look at the HTML source would show all the information, but how many people who don’t have a clue about such thing could be defrauded?

Anyway, I hope that this benefits someone and inspires someone else to make their auctions nicer. My next step is to create a CodeSmith template so that I can easily churn out new auctions. I’m pretty sure there is some money to be made somewhere in here, but not quite sure how to tap into it.

Popularity: 21% [?]

Share This

Posted by Matt Smith | Filed Under CSS, General, eBay 

Comments

6 Responses to “Using CSS to markup eBay auctions”

  1. Matt on October 18th, 2005 9:41 pm

    The link to the auction above no longer shows the auction. However, you can still see the original content that I posted: http://www.smitty.net/matt/ebay/template.htm

  2. cssman on October 19th, 2005 7:19 am

    Thanks for your reply on the list. I see your template on the website you supplied, but I’m wondering what portions you actually pasted into the ebay editor. I seem to have a page centering problem (only in IE though) and my embedded style sheet affects some of the ebay stuff (for example, the listing appears red in color as does the headline div in my code). I’d really appreciate it if you could give me more details. Feel free to email me.

    Thanks

  3. SwoofWare » Blog Archive » More CSS on eBay on October 20th, 2005 8:55 am

    […] « Arthur Ravenel Bridge More CSS on eBay Yay! My Using CSS to markup eBay auctions post is finally getting some traffic. Granted it was s […]

  4. DAN JANZEN on March 13th, 2006 5:42 pm

    I just wrote some HTML for an ebay auction and it was linked to an external style sheet on my website. when I was submitting the ad, I cut and pasted the HTML into the section specified in the ad submition page. But much to my horror, my page that looked so perfectly when viewed on my computer’s browser was totally screwed up. Somehow, the ad I wrote was pasted over the main ad page, instead of where it supposed to be below the main page. I hurredly wiped out my style sheet to see if that would fix it. It did put the text and pictures where they were supposed to be, but all my style was gone. Is there some secret to using and posting CSS in the ad submition page?

  5. Matt on March 15th, 2006 1:32 am

    Hi Dan!

    Did you see my other post: More CSS on ebay? Take a look at that and let me know if you still have questions.

  6. New CSS eBay auctions | SwoofWare » Official Site of Matt Smith on June 23rd, 2008 8:40 pm

    […] has been a really long time (3 years!) since I posted my articles Using CSS to markup eBay auctions and More CSS on eBay and it has been at least that long since I actually listed anything on eBay. I […]

Got something to say?





MyHomePoint

Having trouble keeping track of everything going on at home? Is the refrigerator organizer not cutting it anymore? We feel the same way...
Check out MyHomePoint »

Latest Blog Posts

Close
E-mail It