ง่ายๆ Css style for astore for you.
เรามาตกแต่ง astore ของเรากันเถอะ ด้วยขั้นตอนง่ายๆ ใสและสะอาดตา ลองดู demo ครับ
เอาหล่ะ ไม่พูดพร่ำทำเพลงหละนะ ลุยกันเลย
1. ส่วน Global Copy and Paste เลยครับ
/* PAGE STYLE */
body {
margin:24px;
margin-top:150px;
background:url(http://www.wis-toys.com/astore.png) no-repeat;
padding:0px;
no-repeat;
color:#000000;
min-width:748px;
font-family:’Verdana’, sans-serif;
font-size:9pt;
font-weight:500;
line-height:12pt;
text-decoration: none;
text-align:center;
}
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:#1B6AF5;
background-color:#1B6AF5;
height:1px;
width:100%;
margin:6px 0px 12px 0px;
}
#wrap {
width:948px;
margin:0 auto;
text-align:left;
}
#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:left;
}
#main {
width:730px;
margin-bottom:19px;
overflow:hidden;
}
div#header {
no-repeat;
padding:6px 24px 4px;
margin:0;
vertical-align:middle;
}
a#mainheadertitle {
padding:0px;
font-family:’Verdana’, sans-serif;
font-size:12pt;
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:#EFEFEF;
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:right;
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;
no-repeat;
}
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;
border:1px solid #999999;
}
/* 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:630px;
margin-bottom:28px;
color:#1B6AF5;
border-top:1px solid #1B6AF5;
}
div#footer p {
padding:5px;
margin:0;
}
div#leftfoot {
float:left;
width:730px;
}
div#rightfoot {
float:right;
width:100px;
text-align:right;
}
/* WISHLIST WIDGET */
div#wishlist_page_link
{
padding:7px 5px 5px;
}
2. ส่วนของ Category Page ทำเช่นเคยครับ Copy & Paste
div#featuredProducts {
background:#FFFFFF;
padding:14px 24px;
}
div#featuredProducts .price {
font-weight:bold;
}
table.products {
width:682px;
font-family:’Verdana’, sans-serif;
font-size:9pt;
padding:10px;
border:2px dashed #FFEEEE;
}
table.products td {
width:33%;
padding:5px;
}
table.products tr.pagination {
text-align:center;
}
table.products tr.imagerow td {
vertical-align:bottom;
text-align: center;
}
table.products tr.imagerow td a {
border: 2px solid #FFEEEE;
display: block;
margin: 0px;
height: 125px;
opacity: .4;
-moz-opacity: .4;
filter: alpha(opacity=50);
}
table.products tr.imagerow td a:hover {
border: 1px solid #FFAAFF;
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}
table.products tr.textrow td {
vertical-align:top;
padding-bottom:20px;
}
/*Associate Provided CSS*/
3.ส่วนของ search Results ก็ทำเหมือนเดิมครับ
table#searchResults td.tdimage {
padding-left:26px;
}
table#searchResults td.tdimage a {
border: 2px solid #FFEEEE;
display: block;
margin: 0px;
height: 90px;
opacity: .4;
-moz-opacity: .4;
filter: alpha(opacity=50);
}
table#searchResults td.tdimage a:hover{
border: 1px solid #FFAAFF;
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}
>>>>>>>>>>
http://www.pbirdblog.com/amazon-associates/css-style-for-astore.html
บทความ
ไม่มีความคิดเห็น:
แสดงความคิดเห็น