Share your Custom Astore CSS code here

cloud420 Peon

Messages:: 121

Likes Received:: 0

Best Answers:: 0

Trophy Points:: 0

#1

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")

/* 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;
}

PHP:

(Paste this under Category Page)

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;
}

PHP:

cloud420, Aug 11, 2008 IP

gabrial Active Member

Messages:: 238

Likes Received:: 1

Best Answers:: 0

Trophy Points:: 53

#2

thank for your sharing.

gabrial, Aug 13, 2008 IP

chapicha Peon

Messages:: 235

Likes Received:: 5

Best Answers:: 0

Trophy Points:: 0

#3

body {
text-algin:center;
}

#wrap {
margin: 0 auto;
text-align:left;
}
Code (markup):
Set aStore to center of screen.

Normally , I use the default of CSS.

chapicha, Aug 13, 2008 IP

beowolf3dr Peon

Messages:: 122

Likes Received:: 0

Best Answers:: 0

Trophy Points:: 0

#4

SamPle Bg..

||

||

||

and css

Global css


/* 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;
}

Code (markup):

Catagory


/*Associate Provided CSS*/
div#featuredProducts {
      background:#ffffff;
      padding:14px 24px;

}

table.products {
      width:690px;  
      font-family:'tahoma', sans-serif;
      font-size:10pt;
      border:0;
 
}

Code (markup):

beowolf3dr, Aug 17, 2008 IP

cloud420 Peon

Messages:: 121

Likes Received:: 0

Best Answers:: 0

Trophy Points:: 0

#5

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?

cloud420, Aug 18, 2008 IP

beowolf3dr Peon

Messages:: 122

Likes Received:: 0

Best Answers:: 0

Trophy Points:: 0

#6

already to using this css theme only copy and past enjoys...

[IMG]

Demo here

Global


/* 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;
}

Code (markup):

mosa Active Member

Messages:: 346

Likes Received:: 4

Best Answers:: 0

Trophy Points:: 58

#7

Wow! many thanks

mosa, Aug 23, 2008 IP

nupareep Peon

Messages:: 34

Likes Received:: 0

Best Answers:: 0

Trophy Points:: 0

#8

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');

}

nupareep, Aug 24, 2008 IP

mankapook Member

Messages:: 103

Likes Received:: 0

Best Answers:: 0

Trophy Points:: 26

#9

Thank for all sharing

mankapook, Sep 11, 2008 IP

Bridgesan Peon

Messages:: 194

Likes Received:: 4

Best Answers:: 0

Trophy Points:: 0

#10

This is a great thread sharing all your stuff for free THANKS!

Bridgesan, Sep 11, 2008 IP

andaman Peon

Messages:: 93

Likes Received:: 0

Best Answers:: 0

Trophy Points:: 0

#11

great sharing. Thank for all

andaman, Sep 12, 2008 IP

Rookieboy Guest

Messages:: 14

Likes Received:: 0

Best Answers:: 0

Trophy Points:: 0

#12

Cool CSS !!!

Rookieboy, Sep 13, 2008 IP

johnsmithx Peon

Messages:: 27

Likes Received:: 0

Best Answers:: 0

Trophy Points:: 0

#13

Wow! many thanks

Cool CSS!

johnsmithx, Sep 18, 2008 IP

success-online Peon

Messages:: 60

Likes Received:: 1

Best Answers:: 0

Trophy Points:: 0

#14

great sharing

i'll give my astore a new decoration soon

success-online, Sep 20, 2008 IP

scarfacedude Banned

Messages:: 319

Likes Received:: 2

Best Answers:: 0

Trophy Points:: 0

#15

This is work on wordpress blog?

scarfacedude, Sep 23, 2008 IP

Santacruz Active Member

Messages:: 673

Likes Received:: 16

Best Answers:: 0

Trophy Points:: 90

#16

I saw many have the head with tab menu.
How can you do that on the aStore?
Or do you use blog/webpress to do that?
Please someone anwer this so I can do the same with you guy

Santacruz

Santacruz, Sep 29, 2008 IP

chapicha Peon

Messages:: 235

Likes Received:: 5

Best Answers:: 0

Trophy Points:: 0

#17

tab menu in header can't in the aStore.

in many astore use the html page and then use the tag "iframe" that including aStore for dispaly.
so the tab menu in the header wiil created by html , not in the aStore.

chapicha, Sep 30, 2008 IP

ni_rumi Peon

Messages:: 6

Likes Received:: 0

Best Answers:: 0

Trophy Points:: 0

#18

I sell astore templates only $2 per templates
you can visit this website unique-template-store.com

ni_rumi, Oct 19, 2008 IP

akuya Peon

Messages:: 21

Likes Received:: 0

Best Answers:: 0

Trophy Points:: 0

#19

This is great sharing thanks for all contribution. i ll used it next time.
mines are in signature

akuya, Oct 19, 2008 IP

cell-phone-accessories Peon

Messages:: 27

Likes Received:: 0

Best Answers:: 0

Trophy Points:: 0

#20

if we were to use this on a wordpress blog how would we set it up.

We would need to start with a wordpress theme and than alter the css file but there really is not a catagory file.

cell-phone-accessories, Oct 20, 2008 IP

Log in or Sign up

Share your Custom Astore CSS code here

cloud420 Peon

gabrial Active Member

chapicha Peon

beowolf3dr Peon

cloud420 Peon

beowolf3dr Peon

mosa Active Member

nupareep Peon

mankapook Member

Bridgesan Peon

andaman Peon

Rookieboy Guest

johnsmithx Peon

success-online Peon

scarfacedude Banned

Santacruz Active Member

chapicha Peon

ni_rumi Peon

akuya Peon

cell-phone-accessories Peon

Useful Searches