Kidson Talks | The E-commerce Chemist

SEO | E-COMMERCE | EBAY - This is my journey as an E-commerce Consultant

Kidson Talks | The E-commerce Chemist header image 2

eBay Shop Design for Beginners

April 23rd, 2008 · 1 Comment

I am a beginner too, with basic CSS and HTML knowledge sorted I am going to provide you with eBay CSS manipulation nuggets to build up a more custom eBay shop.

Lesson one - Creating a border around your gallery display in your eBay shop.

Taking a look at how the ebay shop gallery display is controlled by looking at the source you an see that you have various CSS elements to play with.

To place a border around your gallery items you will need to manipulate the table gallery class td.gallery.

So, create a css file in notepad like this:

td.gallery
{
border:1px #FF00FF solid;
}

I have chosen hot pink for the hairfreax ebay shop.

Navigate to ‘Manage my shop’ > ‘Shop Design’ > ‘Display settings’ and change your shop header display.

Link to your css file like this:


<link href="http://www.kidsontalks.com/ebay.css" rel="stylesheet" type="text/css" />

and include the additional information in your shop header.

Save the settings then see what has happened!

Lesson two will be changing the background of the gallery view, using CSS.

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • bodytext
  • del.icio.us
  • Netvouz
  • MisterWong
  • BlinkList
  • Furl
  • Reddit
  • StumbleUpon
  • Technorati
  • YahooMyWeb
  • SphereIt
  • Sphinn
  • Wists

Category eBay

Tags:

1 response so far ↓

  • 1 Kidson Talks | The E-commerce Chemist // Apr 23, 2008 at 2:44 pm

    eBay Gallery View - Changing the background colours…

    Lesson Two: Changing the background colour of your gallery view.
    eBay is designed using a series of nested tables, so in order to colour various bits of the design you need to make sure you have to mention the table or td definition the correct number …