ความเรียบง่ายก็ดูสวยนะครับ(aStore-Theme)

วันนี้ผมลองปรับแต่ง หน้าตา aStore ดูก็สวยไปอีกแบบผมจึงนำ Code นั้นมาให้ดูครับ แต่ก่อนอื่นดูตัวอย่างก่อนนะครับ เป็นรูปแบบใส ๆ ครับ fender electric acoustic guitar store เรามาดู Code เลยครับ

Click ที่ Color&Design ต่อมา click ที่ Edit CSS แล้้วนำ Code นี้ไปใส่ใน Tab Global นะครับ
a {
color: #0066FF;
text-decoration: none;
}
a:hover {
color: #FF0000;
text-decoration: underline;
}

body {
text-align:center;
}

#wrap {
margin:0 auto;
text-align:left;
}

อีกตัวหนึ่งนะครับให้ใ่ส่ Code ใน Category Page ครับ
table.products {
font-family:arial, sans-serif, helv;
font-size:9pt;
width:95%;
margin: 0 auto;
}
table.products td {
width:33%;
padding:5px;
}

table.products tr.imagerow td a {
border: 1px solid #ffffff;
display: block;
margin:0%;
height: 125px;
}
table.products tr.imagerow td a:hover {
border: 1px solid #000000;
}

จากนั้นก็กดปุ่ม Back to Color & Design ครับ ให้ปรับตรง Page background color เป็นสีอ่อนเข้าไว้ครับ(ตามใจเลยนะครับว่าต้องการสีอะไร)

แล้วก็ปรับ Header Background ให้เป็นสีขาวครับ จะได้ดูนุ่มนวลครับ

จากนั้นก็ปรับ Header Text Color อันนี้ตามใจเลยครับ (ยกเว้นสีขาวครับ อิอิ)

ส่วนรูปที่เป็นตัวหนังสือ aStore นำลิ้งผมไปใช้ได้นะครับ http://i685.photobucket.com/albums/vv219/numsaiya/astore-logo-md-short_V31866931_.gif นำไปใส่ตรง Configure Store Header ครับ ทีนี้ก็จะได้ Theme คล้ายของผมแล้ว สามารถนำไปประยุกต์ได้นะครับ