ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comความรู้ทั่วไปAmazonวิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
หน้า: 1 ... 11 12 [13]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย  (อ่าน 48915 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
D.N.P.
ก๊วนเสียว
*

พลังน้ำใจ: 9
ออฟไลน์ ออฟไลน์

กระทู้: 278



ดูรายละเอียด เว็บไซต์
« ตอบ #240 เมื่อ: 08 กุมภาพันธ์ 2011, 19:49:49 »

ขอบคุณครับ... wanwan012
บันทึกการเข้า

ติวเตอร์ คณิต ฟิสิกส์.คอม   : ติวฟรีออนไลน์ ดาวโหลดเอกสารฟรีอีกด้วย
ขายไข่มุกแท้ทุกชนิด   : เครื่องประดับไข่มุกแท้ทุกชนิด
soonthron
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 32
ออฟไลน์ ออฟไลน์

กระทู้: 1,006



ดูรายละเอียด เว็บไซต์
« ตอบ #241 เมื่อ: 08 กุมภาพันธ์ 2011, 20:22:05 »

จะลองดู
บันทึกการเข้า

qaasimar
Newbie
*

พลังน้ำใจ: 1
ออฟไลน์ ออฟไลน์

กระทู้: 48



ดูรายละเอียด
« ตอบ #242 เมื่อ: 21 ตุลาคม 2011, 19:31:49 »




แต่ง astore แบบรูปข้างบนนี้ผมใข้เวลา 4 นาที!!!

จริงๆแล้วมันก็ไม่ได้มีอะไรยากนะครับ






ขั้นที่ 1 แค่จัดหน้าโดยแก้ 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');

}





code css ด้านบนนี้ใส่ตรง Global ครับ



ขั้นที่ 2 ก็เอารูปภาพไปใส่เป็น Background ครับ
ทีนี้จะแต่งยังไงก็อยู่ที่จินตนาการครับ ลองดูภาพประกอบ



จากภาพแสดงให้เห็นว่าจริงๆแล้วก็เป็นเพียงการจัดหน้าเวบธรรมดา
แล้วเอา Background มาซ้อนครับ

วิธีการใส่ Background ก็คือ เอา url รูป background ไปใส่ตรงบรรทัดที่ 16 ใน css ครับ
ส่วนตรงหัวข้อ Search ที่เป็นสีดำๆ ก็เอา url รูปไปใส่ตรงบรรทัดรองสุดท้ายของ css ครับ




แค่นี้เองครับ การทำไม่ยากหรอกครับ มันยากตรงที่ทำยังไงให้มันออกมาดูลงตัว ให้ดูดี


ทุกคนทำได้อยู่แล้วครับ... Cheesy




รูปตัวอย่าง Background ของผมครับ







ขอบคุณครับ
บันทึกการเข้า
kankantk
คนรักเสียว
*

พลังน้ำใจ: 7
ออฟไลน์ ออฟไลน์

กระทู้: 103



ดูรายละเอียด
« ตอบ #243 เมื่อ: 21 ตุลาคม 2011, 20:14:57 »

ขอบคุณ ค่ะ wanwan017
บันทึกการเข้า

warn_cm
คนรักเสียว
*

พลังน้ำใจ: 7
ออฟไลน์ ออฟไลน์

กระทู้: 129



ดูรายละเอียด เว็บไซต์
« ตอบ #244 เมื่อ: 21 ตุลาคม 2011, 22:57:34 »

สวยมาก ว่าแต่แล้ว astore ดันยากป่าวครับ
บันทึกการเข้า

amaya
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 4



ดูรายละเอียด
« ตอบ #245 เมื่อ: 28 ตุลาคม 2011, 15:29:52 »

ผมมือใหม่ครับไม่รู้ว่าจะเิ่ริ่มตรงไหน แต่ global อยู่ตรงไหนยังไม่รู้เลยครับ ช่วยด้วยครับ
บันทึกการเข้า
khatha0808
สมุนแก๊งเสียว
*

พลังน้ำใจ: 72
ออฟไลน์ ออฟไลน์

กระทู้: 956



ดูรายละเอียด เว็บไซต์
« ตอบ #246 เมื่อ: 28 ตุลาคม 2011, 17:40:06 »

ทำไม astore อินเดก ยากมากๆ
บันทึกการเข้า

veronika
คนรักเสียว
*

พลังน้ำใจ: 11
ออฟไลน์ ออฟไลน์

กระทู้: 185



ดูรายละเอียด
« ตอบ #247 เมื่อ: 28 ตุลาคม 2011, 17:59:51 »

ดันไม่ขึ้นแล้วครับ
บันทึกการเข้า

Forex มันเหมือนกับ Google นั่นล่ะ Dance ขึ้น แล้วก็ Dance ลง
testsoft
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 64
ออฟไลน์ ออฟไลน์

กระทู้: 1,154



ดูรายละเอียด เว็บไซต์
« ตอบ #248 เมื่อ: 19 กันยายน 2012, 14:19:36 »

ขอบคุณครับ  wanwan017 wanwan017 wanwan017 wanwan017
บันทึกการเข้า

jastplays
ก๊วนเสียว
*

พลังน้ำใจ: 6
ออฟไลน์ ออฟไลน์

กระทู้: 306



ดูรายละเอียด เว็บไซต์
« ตอบ #249 เมื่อ: 19 กันยายน 2012, 15:16:50 »

+1 wanwan031
บันทึกการเข้า

หน้า: 1 ... 11 12 [13]   ขึ้นบน
พิมพ์