1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Share your Custom Astore CSS code here

Discussion in 'Amazon' started by cloud420, Aug 11, 2008.

  1. #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
  2. gabrial

    gabrial Active Member

    Messages:
    238
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    53
    #2
    thank for your sharing.
     
    gabrial, Aug 13, 2008 IP
  3. chapicha

    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
  4. beowolf3dr

    beowolf3dr Peon

    Messages:
    122
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    SamPle Bg..
    [​IMG]||[​IMG]||[​IMG]||[​IMG]

    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
  5. cloud420

    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
  6. beowolf3dr

    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


    [​IMG]

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

    Category
    
    /*Associate Provided CSS*/
    div#featuredProducts {
          background:#363232;
          padding:14px 24px;
    
    }
    
    table.products {
          width:700px;  
          font-family:'tahoma', sans-serif;
          font-size:10pt;
          border:1;
     
    }
    
    Code (markup):
     
    beowolf3dr, Aug 18, 2008 IP
  7. mosa

    mosa Active Member

    Messages:
    346
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    58
    #7
    Wow! many thanks
     
    mosa, Aug 23, 2008 IP
  8. nupareep

    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
  9. mankapook

    mankapook Member

    Messages:
    103
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    26
    #9
    Thank for all sharing
     
    mankapook, Sep 11, 2008 IP
  10. Bridgesan

    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
  11. andaman

    andaman Peon

    Messages:
    93
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #11
    great sharing. Thank for all
     
    andaman, Sep 12, 2008 IP
  12. Rookieboy

    Rookieboy Guest

    Messages:
    14
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #12
    Cool CSS !!!
     
    Rookieboy, Sep 13, 2008 IP
  13. johnsmithx

    johnsmithx Peon

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #13
    Wow! many thanks

    Cool CSS!
     
    johnsmithx, Sep 18, 2008 IP
  14. success-online

    success-online Peon

    Messages:
    60
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #14
    great sharing:D

    i'll give my astore a new decoration soon:rolleyes:
     
    success-online, Sep 20, 2008 IP
  15. scarfacedude

    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
  16. Santacruz

    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
  17. chapicha

    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
  18. ni_rumi

    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
  19. akuya

    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
  20. cell-phone-accessories

    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