โค้ด CSS ของ astore แก้อย่างไร

[gamaxx]

ศึกษา astore อยู่ครับอยากทราบว่าถ้าเราจะแก้ code css ของ astore มีลำดับการแก้อย่างไรบ้างครับ
แล้วจุดไหนแก้เกี่ยวกับอะไรผู้รู้ท่านพอจะให้ข้อมูลได้บ้างครับ...อยากตกแต่ง astore ให้สวยแตะตาคนเข้าครับ
เอาแบบเข้าปุบแล้วซื้อปับเลยครับ

[hermiss]

เอาแบบง่าย ๆ นะมีคนสอนไว้เลยก๊อปเก็บไว้ (จำชื่อคนสอนไม่ได้แหละ  )

ก่อนอื่น 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 ใหม่ไปที่โฮสเรา

[Jobidoo]

ขอบคุณครับ

[aoo3771]

thank

[chon_ngoen]

แจ่มครับท่าน 

[pukkapou]

เดี๋ยวลองดู ขอบคุณครับ

[preart]

ขอบคุณครับ