Ebay Shop Header

Hi Dave,

Ah you need some code to do this, as it will restrict the eBay shop’s width and make it feel more like a website rather than stretchy pair of pants.

Follow these steps:

1. Go here http://cgi6.ebay.co.uk/ws/eBay…..EditHeader
2. Set it to “yes”
3. Copy paste the following code that follows into the box
4. Press “Save Settings”
5. View your eBay shop

Then add any extra images or links you like and they’ll stay put.

<style type=”text/css”>
.pagewidth {
float: left;
margin: 0 !important;
min-height: 1000px;
position: relative;
width: 100%;
background-color: #F3F3F3;
}
* html .pagewidth {
float: none;
position: relative;
text-align: center;
}
.pageminwidth {
float: left;
left: 50%;
margin: 0 0 0 -470px;
min-height: 1000px;
position: relative;
width: 980px;
}
* html .pageminwidth {
float: none;
left: auto;
margin: 0;
position: relative;
text-align: left;
width: 0;
}
.pagelayout {
-moz-background-inline-policy: continuous !important;
background: none repeat scroll 0 0 transparent !important;
margin: 0 0 0 10px;
width: 980px;
}
* html .pagelayout {
float: left;
margin: 0 5px;
width: 0;
}
.pagecontainer {
-moz-background-inline-policy: continuous !important;
width: 990px;
padding: 0 5px;
box-shadow: 0 12px 15px rgba(0, 0, 0, 0.2);
background: none repeat scroll 0 0 #FFFFFF !important;
}
* html .pagecontainer {
}
#menu {
border-radius: 5px 5px 5px 5px;
box-shadow: 0 2px 2px #DDDDDD;
height: 46px;
margin-bottom: 15px;
margin-top: 15px;
padding: 0 0 0 10px;
width: 975px;
background-color: #3B3326 !important;
}
#menu ul {
list-style: none outside none;
margin: 0;
padding: 0;
}
#menu > ul > li {
background: url(“../image/tabs-border-image.png”) no-repeat scroll right center transparent;
float: left;
position: relative;
z-index: 20;
}
#menu > ul > li:hover {
}
#menu > ul > li > a {
display: block;
font-size: 13px;
font-weight: bold;
line-height: 14px;
padding: 16px 15px 16px 14px;
position: relative;
text-decoration: none;
z-index: 6;
}
#menu > ul > li > div {
background: none repeat scroll 0 0 #FFFFFF;
border: 3px solid;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
display: none;
padding: 5px 10px;
position: absolute;
z-index: 120;
}
#menu > ul > li:hover > div {
}
#menu > ul > li > div > ul {
display: table-cell;
list-style: disc outside url(“../image/list1.png”);
padding-left: 15px;
}
#menu > ul > li ul + ul {
padding-left: 20px;
}
#menu > ul > li ul > li > a {
display: block;
min-width: 120px;
padding: 4px;
text-decoration: none;
white-space: nowrap;
}
#menu > ul > li ul > li > a:hover {
color: white;
}
#menu > ul > li > div > ul > li > a {
}
#menu > ul > li:first-child {
margin-left: 4px;
}
#menu > ul > li ul > li > a:hover {
background-color: #DE360F;
}
#menu > ul > li ul > li > a:hover {
background-color: #3B3326 !important;
}
#menu > ul > li ul > li > a:hover {
background-color: #3B3326;
}
#menu > ul > li > a, #menu > ul > li > a:hover {
color: #FFFFFF;
}
#menu > ul > li:hover {
background-color: #EA6211;
}
#menu > ul > li > div {
border-color: #EA6211;
}
table.pgbc {
background-color: #3B3326;
border-radius: 5px 5px 5px 5px;
}
table.pgbc span, table.pgbc span a {
color: #FFF;
}
table.v4midBox {
border: none !important;
}
.grid td.left {
border-left: 1px solid #EEEEEE !important;
}
div.itemseparator {
border-left: 1px solid #EEEEEE !important;
}
</style>

Matt