<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Kidsontalks &#187; ebay store css</title>
	<atom:link href="http://kidsontalks.com/tag/ebay-store-css/feed/" rel="self" type="application/rss+xml" />
	<link>http://kidsontalks.com</link>
	<description>This is my journey as an E-commerce Consultant</description>
	<lastBuildDate>Mon, 21 May 2012 14:03:09 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>eBay Shop Design Lesson 8 &#8211; Promotion Boxes</title>
		<link>http://kidsontalks.com/ebay-shop-design-lesson-8-promotion-boxes/</link>
		<comments>http://kidsontalks.com/ebay-shop-design-lesson-8-promotion-boxes/#comments</comments>
		<pubDate>Sun, 29 Jun 2008 18:39:50 +0000</pubDate>
		<dc:creator>Liz</dc:creator>
				<category><![CDATA[eBay]]></category>
		<category><![CDATA[Web Mastering]]></category>
		<category><![CDATA[DIY ebay design]]></category>
		<category><![CDATA[ebay store css]]></category>
		<category><![CDATA[ebay-shop-design]]></category>
		<category><![CDATA[free ebay design]]></category>

		<guid isPermaLink="false">http://kidsontalks.com/?p=199</guid>
		<description><![CDATA[As I rubbished the promo boxes with the last CSS changes I thought I should get back to them ASAP. First list on the agenda was to get rid of those crazy &#8216;corner&#8217; images for the promo boxes: table#PromoListView table table img { display: none; } but that also kills the promo box images (and [...]]]></description>
			<content:encoded><![CDATA[<p>As I rubbished the promo boxes with the <a href="http://kidsontalks.com/2008/06/29/ebay-shop-design-lesson-8-promotion-boxes/">last CSS changes</a> I thought I should get back to them ASAP.</p>
<p>First list on the agenda was to get rid of those crazy &#8216;corner&#8217; images for the promo boxes:</p>
<p><code>table#PromoListView table table img {<br />
display: none;<br />
}</code></p>
<p>but that also kills the promo box images (and the slider) so now I have to put back the bits I want:</p>
<p><code>table#PromoListView table table#Table3 img {<br />
display: inline;<br />
}</code></p>
<p>I still don&#8217;t have anything defined, and the default text of the box titles is just too pale, so I am going to pink it up:</p>
<p><code>#PromoListView tr td font<br />
{<br />
color:#FF00FF;<br />
font-size:18px;<br />
}</code></p>
<p>and I am going to make the item links in these promo boxes hot pink:</p>
<p><code>table#PromoListView a {<br />
color:#FF00FF;<br />
text-decoration:none;<br />
}</code></p>
<p>then I shall encase each box with a border:<br />
<code>table#PromoListView {<br />
border:1px #FFCCFF solid;<br />
}</code></p>
<p>We have not changes the width or dimensions of the promo boxes but you would do this from the <code>table#PromoListView</code> section and using the !important tag. You can also add in backgrounds, images etc that have not been explored here.</p>
<p>Please as always read the <a href="../2008/04/24/note-on-css-ebay-store-design-and-ebay-site-interference-policy/">disclaimer</a></p>
<p>The entire section looks like this:<br />
<code><br />
/*Promo Boxes*/<br />
/*hide ebay corner images*/<br />
table#PromoListView table table img {<br />
display: none;<br />
}<br />
/*correct the fact that the above kills the main image too*/<br />
table#PromoListView table table#Table3 img {<br />
display: inline;<br />
}<br />
/*item links*/<br />
table#PromoListView a {<br />
color:#FF00FF;<br />
text-decoration:none;<br />
}<br />
/*box title text*/<br />
#PromoListView tr td font<br />
{<br />
color:#FF00FF;<br />
font-size:18px;<br />
}<br />
/*promo box border*/<br />
table#PromoListView {<br />
border:1px #FFCCFF solid;<br />
}<br />
/* -------- End -------- */</code></p>
<p>You can see the full css file here: <a href="../ebay-design/">eBay Store Design with CSS</a> and to see the changes to my eBay store as we go along visit : <a href="http://stores.ebay.co.uk/Hairfreax">http://stores.ebay.co.uk/Hairfreax</a></p>
<p>Next I shall sort out the shop search section, once I have found which table it corresponds too. Its seems to be avoiding me!</p>
<p>See what others have done with this information and while your at it buy from them!<br />
<a href="http://stores.ebay.com/J-L-OUTDOOR-SUPPLY" target="_blank">http://stores.ebay.com/J-L-OUTDOOR-SUPPLY</a><br />
<a href="http://stores.ebay.co.uk/Betterlifehealthcare">http://stores.ebay.co.uk/Betterlifehealthcare</a><br />
<a href="http://stores.ebay.it/TM-bazar">http://stores.ebay.it/TM-bazar</a></p>
<p><em>Edited to add:</p>
<p>If you want a background image for your store try the #paging id. This effects the background elements of your store. I will be getting down and dirty with the new compliance rules soon&#8230;</em></p>
]]></content:encoded>
			<wfw:commentRss>http://kidsontalks.com/ebay-shop-design-lesson-8-promotion-boxes/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

