เอาแบบง่าย ๆ นะมีคนสอนไว้เลยก๊อปเก็บไว้ (จำชื่อคนสอนไม่ได้แหละ
)
ก่อนอื่น login เข้า astore เลือก astore ขึ้นมาอันแล้วไปตรง Color & Design (ดูที่เมนูทางซ้ายมือนะ) มันจะมีหัวข้อ Edit CSS อยู่กดเข้าไป ที่แถบ Global ฝั่ง Enter your overriding CSS (มันจะว่างอยู่) ให้เอาอันนี้ไปใส่
/* 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-1.jpg');
background-position: 50% 0%;
background-repeat: repeat-x
}
/* MAIN PAGE AREA */
#mainwrap {
float:right;
}
#wrap {
margin:0 auto;
text-align:left;
}
#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://i537.photobucket.com/albums/ff332/qecera/tab.jpg');
}
บรรทัดที่ 13 มันจะเป็นรูปส่วนหัว
http://i129.photobucket.com/albums/p209/arnon001/tem2-1.jpg 
แน่นอนของตัวอย่างมันเห่ย ถ้าอยากเปลี่ยนเซฟรูปมาดูขนาดแล้วก็แก้ให้เป็นแบบที่เราชอบ อับลงโฮสเราแล้วเปลี่ยน url ใหม่ไปที่โฮสเรา
ความรู้ทั่วไป
