I customized mine to look wider. The code is below.
See my example here:
http://moneyvirtue.com/top_gadgets.php
(Paste this in under "Global")
php Code:
/* PAGE STYLE */body { margin:24px; padding:0px; background:#FFFFFF; color:#000000; min-width:748px; font-family:'Verdana', sans-serif; font-size:9pt; font-weight:500; line-height:12pt; text-decoration: none; }table { font-family:'Verdana', sans-serif; font-size:9pt;}form { margin:0px;} a { color: #206BA2; text-decoration: underline;}a img{ border:none;}hr { border:0; width:100%; color:#206BA2; background-color:#206BA2; height:1px; width:100%; margin:6px 0px 12px 0px;}#wrap { width:950px;}#rule { height:1px; background-color:#000000; width:100%; margin:6px 0px 12px 0px;}h2 { font-size:16px; font-weight:bold; margin:0px; padding:0px;}h3 { font-size:14px; font-weight:bold; margin:0px; padding:0px;} /* MAIN PAGE AREA */ #mainwrap { float:right;}#main { width:700px; margin-bottom:19px; overflow:hidden;}div#header { background:#206BA2; padding:6px 24px 4px; margin:0; vertical-align:middle;}a#mainheadertitle { padding:0px; font-family:'Verdana', sans-serif; font-size:15pt; font-weight:normal; line-height:1.5em; color:#FFFFFF; margin:0px; text-align:left; vertical-align:middle; text-decoration:none;}a#mainheadertitle:hover { text-decoration:underline;}td#mainheaderlogo { padding:5px;}img#mainlogo { padding-right:5px;}div#mainsubheader { background:#F2F2F2; padding:10px 24px; vertical-align:middle;}div#contentsubheader { width:630px; overflow:hidden;}div#subheaderlinks { float:right; text-align:right;}div#subheadertitle { font-size:12pt; font-weight:bold;}div#contenterror { background:#FFFFFF; padding:14px 24px; }span.currentpage { font-weight:bold;}
span.error { font-weight:bold;} /* SIDEBAR */#sidebar { float:left; width:200px; overflow:hidden;}#sidebar ul { margin-bottom:0;}#sidebar h3, #sidebar p { padding:0 10px;}
/* GENERAL SIDEBAR WIDGET STYLES */ul#widget,ul.widget li.widget { margin:0; padding:0; list-style:none;}li.widget { float:left; width:200px; margin-bottom:19px;}ul#widget div { background:#FFFFFF;}ul#widget h3 { font-family:'Verdana', sans-serif; font-size: 10pt; font-weight: bold; color:#FFFFFF; margin:0px; padding:6px 15px 4px; text-align:left; background:#206BA2;}ul#widget p { font-family:'Verdana', sans-serif; font-size: 9pt; font-weight: normal; color:#000000; margin:0px; padding: 10px 15px 20px;}
/* SEARCHBROWSE WIDGET */div#searchbrowse { padding:14px;}div#searchbrowse div.indent { padding: 5px 0px 5px 15px;}select.searchwidget { width:173px; margin-bottom:6px;}input#searchwidgetkeywords { width:134px;}span#SearchAtAmazon { font-size: 8pt;}div#browsetitle { font-weight:bold; padding-bottom:7px;}span.selectedcategory { font-weight:bold;}
/* LISTMANIA WIDGET */div.listwidget { padding-bottom:16px;}ul.listmania { margin:0px; padding:0px; list-style:none;}ul.listmania li { margin:0px; padding:5px; padding-left:10px; list-style:none; text-align:center;}ul.listmania li.clsOdd,li.listimages { background-color:#FFFFFF;}ul.listmania li.clsEven { background-color:#FFFFFF;}
img.listimage { display:block; margin-left:auto; margin-right:auto;}
/* PRODUCTS WIDGETS */div.productwidget { padding:0px; padding-bottom:16px;}div.productwidget .price { font-weight:bold;}table.sidebarproducts { font-family:'Verdana', sans-serif; font-size:9pt; width:200px;}table.sidebarproducts td { padding:5px;}table.sidebarproducts td.image { vertical-align:top; width:75px;}table.sidebarproducts td.text { vertical-align:middle; width:115px;}table.sidebarproducts span.listtitle { font-weight:bold;}div.privacylink { padding: 2px 5px; font-size:7pt; text-align:center;}
/* FOOTER */div#footer { width:700px; margin-bottom:28px; color:#206BA2; border-top:1px solid #206BA2; }div#footer p { padding:5px; margin:0;}div#leftfoot { float:left; width:500px;}div#rightfoot { float:right; width:100px; text-align:right;}
/* WISHLIST WIDGET */div#wishlist_page_link{ padding:7px 5px 5px;}
(Paste this under Category Page)
php Code:
div#featuredProducts { background:#FFFFFF; padding:14px 24px;}div#featuredProducts .price { font-weight:bold;}table.products { width:670px; font-family:'Verdana', sans-serif; font-size:9pt; }table.products td { width:33%; padding:5px;}table.products tr.pagination { text-align:center;}table.products tr.imagerow td { vertical-align:bottom;}table.products tr.textrow td { vertical-align:top; padding-bottom:20px;}
gabrial said: thank for your sharing.
chapicha said:
Code:
body { text-algin:center; } #wrap { margin: 0 auto; text-align:left; }
Set aStore to center of screen.
Normally , I use the default of CSS.
beowolf3dr said: SamPle Bg..
||
||
||
and css
Global css
Code:
/* PAGE STYLE */ body { margin:229px 0px 0px 5px; leftmargin:0px: color:#000000; background: #ffffff url(http://xxxxxxxxxxx/logo.jpg) /*path of logo*/ } hr { background-image:url(http://www.astoretracker.com/stats.php?userid=YourID); /* astoretracker ID*/ } a { color: #106DB5; font-weight: bold; text-decoration: none; } a:hover{ color:#FF0000; font-weight: bold; } a:visited { color: #8F8F8F; font-weight: bold; } #wrap { width:960px; } /* MAIN PAGE AREA */ #mainwrap { float:right; } #main { width:710px; } div#header { text-align: center; } div#mainsubheader { /* border-top:1px double #ffffff; */ /*border-bottom: 3px solid #394dbd; */ font-weight: bold; color:#f77d00; } div#contentsubheader { width:680px; overflow:hidden; } ul#widget,ul.widget li.widget { margin:0; padding:0; list-style:none; } li.widget { float:left; width:200px; margin-bottom:19px; } ul#widget h3 { font-family:'Verdana', sans-serif; font-size: 10pt; font-weight: bold; color:#f79e21; margin:0px; padding:6px 15px 4px; text-align:left; } ul#widget p { font-family:'Verdana', sans-serif; font-size: 9pt; font-weight: normal; color:#000000; margin:0px; padding: 10px 15px 20px; } table.products { font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; font-size:9pt; } table.products td { padding:5px; } table.products tr.pagination { text-align:center; } table.products tr.imagerow td { vertical-align:bottom; padding-top:10px; text-align: center; } tr.imagerow td { background: #FFFFFF url(http://imgup.astoredir.com/images/X0w91352.gif) center top; } table.products tr.textrow td { vertical-align:top; padding:5px 10px 20px; text-align: center; } tr.textrow td { background: #FFFFFF url(http://imgup.astoredir.com/images/YHV91352.gif) center bottom; } /* SIDEBAR */ #sidebar { float:left; width:200px; overflow:hidden; } /* FOOTER */ div#footer { width:730px; border-top:1px double #ff0000; border-bottom: 1px medium solid #ff0000; } div#leftfoot { width:700px; } /* GENERAL SIDEBAR WIDGET STYLES */ ul#widget,ul.widget li.widget { margin:50px 0px 0px 0px; padding:0; list-style:none; } li.widget { float:left; width:200px; margin-bottom:0px; } ul#widget div { background: url(http://www.dirdream.com/boxbottomzs7.jpg) no-repeat center bottom; margin-bottom:10px; } ul#widget h3 { font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 10pt; font-weight: bold; color:#FFFFFF; margin:0px; padding:5px 15px; text-align:left; } ul#widget p { font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 9pt; font-weight: normal; color:#000000; margin:0px; padding: 10px 15px 20px; }
Catagory
Code:
/*Associate Provided CSS*/ div#featuredProducts { background:#ffffff; padding:14px 24px; } table.products { width:690px; font-family:'tahoma', sans-serif; font-size:10pt; border:0; }
cloud420 said: Super Thanks beowolf3dr !!
That is the best Astore Layout I have ever seen. Awesome job.
My Astore looks a lot sharper now http://moneyvirtue.com/top_gadgets.php
I’ve also looked at your store link. How come you don’t use the same layout?
beowolf3dr said: already to using this css theme only copy and past enjoys…
Demo here
Global
Code:
/* PAGE STYLE */ body { padding-top: 120px; leftmargin:0px: margin:26px; color:#FFFFFF; background:#000000; background-image:url('http://imgup.astoredir.com/images/oIe22334.gif'); } hr { color:#6B6563; background-color:#6B6563; } #rule { background-color:#FBCB08; } a { color: #FFFF33; text-decoration: none; } a:hover{ color:#FF0000; } #wrap { width:950px; } /* MAIN PAGE AREA */ #mainwrap { float:left; } #main { width:730px; } div#header { background:#6B6563; background-image:url('http://imgup.astoredir.com/images/pmn22334.gif'); padding:6px 24px 4px; } a#mainheadertitle { color:#F50E0E; } div#mainsubheader { background:#332F2F; } div#contenterror { background:#363232; } /* GENERAL SIDEBAR WIDGET STYLES */ ul#widget div { background:#363232; } ul#widget h3 { font-family:'Verdana', sans-serif; font-size: 12pt; color:#fffff; background:#6b6563; background-image:url('http://imgup.astoredir.com/images/Xk122334.gif'); } ul#widget p { color:#FBCB08; } table.products tr.imagerow td { vertical-align:bottom; border: 1px solid #6b6563; text-align: center; } table.products tr.imagerow td a { border: 2px solid #FFEEEE; background:#ffffff; display: block; margin: 0px; height: 125px; } table.products tr.imagerow td a:hover { border: 2px solid #F70400; background:#ffffff; /* FOOTER */ div#footer { width:730px; border-top:1px double #ff0000; border-bottom: 1px medium solid #ff0000; } div#leftfoot { width:750px; } /* LISTMANIA WIDGET */ ul.listmania li.clsOdd,li.listimages { background-color:#383434; } ul.listmania li.clsEven { background-color:#363232; }
Category
Code:
/*Associate Provided CSS*/ div#featuredProducts { background:#363232; padding:14px 24px; } table.products { width:700px; font-family:'tahoma', sans-serif; font-size:10pt; border:1; }
mosa said: Wow! many thanks
nupareep said: Thanks All,
Here is astore center code.
/* PAGE STYLE */
body {
margin:auto;
padding:0px;
background:#FFFFFF;
color:#000000;
min-width:auto;
font-family:’Verdana’, sans-serif;
font-size:9pt;
font-weight:500;
line-height:12pt;
text-decoration: none;
margin-top:190px;
text-align:center;
background-image:
url(’http://i129.photobucket.com/albums/p209/arnon001/tem2.jpg’);
background-position: 50% 0%;
background-repeat: repeat-x
}
/* MAIN PAGE AREA */
#mainwrap {
float:right;
}
#main {margin-top:90px;
width:530px;
overflow:hidden;
border-style: solid;
border-left-width: thin;
border-top-width: thin;
border-bottom-width: thin;
border-right-width: thin;
border-color: #00FFFF;
}
div#header {
background:#206BA2;
padding:6px 24px 4px;
margin:0;
vertical-align:middle;
}
a#mainheadertitle {
padding:0px;
font-family:serif;
font-size:15pt;
font-weight:normal;
line-height:1.5em;
color:#FFFFFF;
margin:0px;
text-align:left;
vertical-align:middle;
text-decoration:none;
}
a#mainheadertitle:hover {
text-decoration:underline;
}
td#mainheaderlogo {
padding:5px;
}
img#mainlogo {
padding-right:5px;
}
div#mainsubheader {
background:#F2F2F2;
padding:10px 24px;
vertical-align:middle;
}
div#contentsubheader {
width:482px;
overflow:hidden;
}
div#subheaderlinks {
float:right;
text-align:right;
}
div#subheadertitle {
font-size:12pt;
font-weight:bold;
}
div#contenterror {
background:#FFFFFF;
padding:14px 24px;
}
span.currentpage {
font-weight:bold;
}
span.error {
font-weight:bold;
}
/* SIDEBAR */
#sidebar {
float:left;
width:200px;
overflow:hidden;
}
#sidebar ul {
margin-bottom:0;
}
#sidebar h3, #sidebar p {
padding:0 10px;
}
/* GENERAL SIDEBAR WIDGET STYLES */
ul#widget,ul.widget li.widget {
margin:0;
padding:0;
list-style:none;
}
li.widget {
float:left;
width:200px;
margin-bottom:0px;
}
ul#widget div {
background:#FFFFFF;
}
ul#widget h3 {
font-family:’Verdana’, sans-serif;
font-size: 10pt;
font-weight: bold;
color:#FFFFFF;
margin:0px;
padding:4px 15px 4px;
text-align:left;
background-image:
url(’http://i129.photobucket.com/albums/p209/arnon001/tab.jpg’);
}
mankapook said: Thank for all sharing
News
Affiliate Summit West 2012 Recap
Approximately six months ago I started training (consistently) in what is known as Brazilian Jiu-Jitsu, based on a recommendation of a friend of mine Chris Reichert. Brazilian Jiu-Jitsu or “Bjj” as often nicknamed online is a martial art,…
What I Want To Be When I Grow Up
Allow me to introduce you to my nephew, Jordan Benker. I know him as Jordy, and he is a very talented young musician. Why am I writing about Jordan today? Obviously, I care about him and I want to see him succeed. But I’ve got another angle. This pas…
Pinterests, a Concept Facebook Users Already Do
Update: this is true and will be rolling out in March. Right now they are planning to get rid of small budget advertisers and Facebook Premium Ads will be sending out requests forms to advertisers. I am an avid advertiser on Facebook and I try to kee…