ThaiSEOBoard.com

ความรู้ทั่วไป => Amazon => ข้อความที่เริ่มโดย: qwert001 ที่ 04 มิถุนายน 2008, 13:42:02



หัวข้อ: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: qwert001 ที่ 04 มิถุนายน 2008, 13:42:02
(http://i129.photobucket.com/albums/p209/arnon001/sc3.gif)


แต่ง 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 ครับ
ทีนี้จะแต่งยังไงก็อยู่ที่จินตนาการครับ ลองดูภาพประกอบ

(http://i129.photobucket.com/albums/p209/arnon001/prev.gif)

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

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




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


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




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

(http://i129.photobucket.com/albums/p209/arnon001/tem8-1.jpg)



หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: mahatang ที่ 04 มิถุนายน 2008, 13:44:23
ขอบคุณครับ แล้วจะลองทำดู


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: คุณป้าขา ที่ 04 มิถุนายน 2008, 13:44:35
 :o :o :o โหววววววววววววววว


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: guy852 ที่ 04 มิถุนายน 2008, 13:52:19
 :D เดียวผมใส่ระบบอัพโหลด css กับรูปก่อน  ;D


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: khonthai ที่ 04 มิถุนายน 2008, 14:02:35
โอ้วววววววววววว สุดยอดเลยครับ เดี๋ยวลองทำดูมั่ง 8)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: EThaiZone ที่ 04 มิถุนายน 2008, 14:05:15
คนขายเทมของ astore จะตกงานก็คราวนี้แหละ  :P


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: qwert001 ที่ 04 มิถุนายน 2008, 14:11:29
ขอโทษคนขายเทม astore ด้วยนะครับ ผมไม่ได้จะลบหลู่
แต่ก็คงไม่กระทบอะไรเพราะคนขายเขาต้องมีเทคนิคและฝีมือมากกว่านี้อยู่แล้ว
 :)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: payu ที่ 04 มิถุนายน 2008, 14:11:58
คนขายเทมของ astore จะตกงานก็คราวนี้แหละ  :P

จริง จริง


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: workshop ที่ 04 มิถุนายน 2008, 14:16:21
ขอบคุณครับ :)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: tradeya ที่ 04 มิถุนายน 2008, 14:20:52
เห็นแล้วก็เอาไปลองทำด่วน  ;D ;D


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: siamman ที่ 04 มิถุนายน 2008, 14:21:48
คนขายเทมของ astore จะตกงานก็คราวนี้แหละ  :P
:) ผมว่าคงไม่กระทบมากมายหรอก เพราะบางคนหลายคนที่รู้วิธี แต่ก็อยากซื้อเวลา ยอมจ่ายดีกว่าเสียเวลาคิดหน้าตาหรือเวลามานั่งทำโฟโต้ช๊อป


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: น้องบิ้ว ที่ 04 มิถุนายน 2008, 14:22:17

ขอโทษคนขาย astore ด้วยนะครับ ผมไม่ได้จะลบหลู่
แต่ก็คงไม่กระทบอะไรเพราะคนขายเขาต้องมีเทคนิคและฝีมือมากกว่านี้อยู่แล้ว
 :)

สอนดีแล้วคับเพื่อนๆจะได้ทำเป็นด้วยคับ อิอิ :'( :'( :'(
รูปแบบ css เหมือนๆกันคับ จะต่างกันตรงทำ blackground อะ
ตอนนี้  กำลังเปลี่ยนไปทำอย่างอื่นที่แทน แหะๆ :D


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: youcanberich ที่ 04 มิถุนายน 2008, 14:23:58
แบบนี้คุณ qwert001
คนขายเทมของ astore จะตกงานก็คราวนี้แหละ  :P

จริง จริง

ตามนั้น สวยมากๆ ทำอยู่ทุกวันยังไม่ได้แบบนี้เลย  :'(


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: ColdMoney ที่ 04 มิถุนายน 2008, 14:25:05
ขอบคุณครับ แหล่มเลย  :'(


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: janistar ที่ 04 มิถุนายน 2008, 14:28:53
เยี่ยมค่ะ เด๋วว่างๆ ลองทำ ตอนนี้ง่วงทั้งว่น งานการไม่ได้ทำเลย  :)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: ฉันไม่มีตัวตน ที่ 04 มิถุนายน 2008, 14:32:55
ขอบคุณคร้าบบบบ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: goldsaber ที่ 04 มิถุนายน 2008, 14:42:19
โอ้....ขอบคุณหลาย ๆๆๆๆๆ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: barbies55 ที่ 04 มิถุนายน 2008, 14:50:51
ขอบคุณมากๆสำหรับเคล็ดวิิชาค่ะ
แต่ฝีมือการแต่งแบคกราวน์ของท่าน งามแต้ๆ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: wat007 ที่ 04 มิถุนายน 2008, 14:51:25
 ;D  ขอบคุณนะครับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: pingza ที่ 04 มิถุนายน 2008, 14:59:00
ขอบคุณคร๊าฟฟ  :) :)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: at17 ที่ 04 มิถุนายน 2008, 15:19:51
โอ้ ขอบคุณมากครับ เดี๋ยวจะลองทำดู :D


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: kazama ที่ 04 มิถุนายน 2008, 15:21:56
ขอบคุณครับ  เจ๋งจริง ๆ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: Manson ที่ 04 มิถุนายน 2008, 15:23:51
ปลายไม้ จริงๆ  ;D ;D


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: cyberblue ที่ 04 มิถุนายน 2008, 15:29:42
ถามนิดนึงครับ

การปรับแต่ง aSTORE จะมีส่วนทำให้เว็บเราติด index ด้วยหรือป่าวครับ

ทำไปหลายร้าน ยังไม่ติด เด็กซ์ เลยอะ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: naraj ที่ 04 มิถุนายน 2008, 15:34:05
วะ วะ วะ วะ ว๊าวววววววว...... 


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: tikanaht ที่ 04 มิถุนายน 2008, 15:37:15
ขอบคุณครับ

ทำเป็นแล้ว เหลือแต่ว่าทำยังไงให้สวย หัวไม่ศิลป์


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: Sylar ที่ 04 มิถุนายน 2008, 15:43:34
เทพโคตร  :-[


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: CATERPILLAR ที่ 04 มิถุนายน 2008, 15:44:02
แหร่มครับ คนทำใจดีจัง :-*


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: bugmai ที่ 04 มิถุนายน 2008, 15:58:01
ขอบคุณครับ เดี๋ยวลองทำครับ
 :)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: nunna2908 ที่ 04 มิถุนายน 2008, 16:16:19
ขอบคุณค้า..

อยากได้เคล็ดวิชานี้มานานแล้ว  :'(

ซาบซึ้งในน้ำใจจริงๆ  :-*


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: qwert001 ที่ 04 มิถุนายน 2008, 17:25:09
ถามนิดนึงครับ

การปรับแต่ง aSTORE จะมีส่วนทำให้เว็บเราติด index ด้วยหรือป่าวครับ

ทำไปหลายร้าน ยังไม่ติด เด็กซ์ เลยอะ


ถ้าถามผมหละก็ ผมบอกได้เลยว่า... ไม่รู้ครับ เพิ่งรู้จัก astore ได้ไม่กี่วันนี้เอง  ;D




หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: benzoix ที่ 04 มิถุนายน 2008, 17:36:23
ขอบคุณ คราบต้องเอาไปลองบ้างแล้วว :D


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: Commando ที่ 04 มิถุนายน 2008, 17:36:47
สวยมากครับ ขอบคุณมากๆ เลย  :'(


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: cyberblue ที่ 04 มิถุนายน 2008, 18:29:22
ลืมบอกไปว่า ฝีมือ Photoshop การตกแต่งภาพ เยี่ยมเลยครับ

สุดยอด สวยงามมากครับ


ป.ล. อยากได้ หัว header รูปรถเข็น มีโลโก้อเมซอน ในภาพตัวอย่างที่ให้มาจังครับ ขอได้มั้ยครับ สวยดี :-*


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: qwert001 ที่ 04 มิถุนายน 2008, 18:39:14
ลืมบอกไปว่า ฝีมือ Photoshop การตกแต่งภาพ เยี่ยมเลยครับ

สุดยอด สวยงามมากครับ


ป.ล. อยากได้ หัว header รูปรถเข็น มีโลโก้อเมซอน ในภาพตัวอย่างที่ให้มาจังครับ ขอได้มั้ยครับ สวยดี :-*



อันนี้รึเปล่าครับ ถ้าใช่ก็ save ไปได้เลยครับ

(http://i129.photobucket.com/albums/p209/arnon001/cart.jpg)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: GutZs ที่ 04 มิถุนายน 2008, 21:35:17
ขอบคุณครับ อยากทำเป็นมานานแล้ว  :'(


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: เกรียนเทพ ที่ 04 มิถุนายน 2008, 21:36:39
ช่วยเซปไฟร์ภาพ Logo เป็นไฟร์ .psd ไห้โหลดเลยจะได้ป้ะคับ

 :-[


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: Kamilia ที่ 04 มิถุนายน 2008, 21:55:22
สวยอะ ขอบคุณสำหรับวิธี

พอมีคนมาบอก รู้สึกมันง่ายๆจริงๆ



หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: qwert001 ที่ 04 มิถุนายน 2008, 22:08:51
ช่วยเซปไฟร์ภาพ Logo เป็นไฟร์ .psd ไห้โหลดเลยจะได้ป้ะคับ

 :-[


แฮะๆ ผมลบไปแล้วครับ เพราะผมคิดว่ามันไม่สวยเอาซะเลย

เหลือแต่อันนี้ครับ


(http://arnon001.icspace.net/111.jpg)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: i-newhand ที่ 04 มิถุนายน 2008, 22:11:20
สุดยอดเลยคับ  :o ขอบคุณคุณ qwert001 มากๆคับ :-*


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: qwert001 ที่ 04 มิถุนายน 2008, 22:20:21
ช่วยเซปไฟร์ภาพ Logo เป็นไฟร์ .psd ไห้โหลดเลยจะได้ป้ะคับ

 :-[



ผมทำให้ใหม่เลยครับ แต่อาจจะไม่เหมือนอันเดิม 100% นะครับ (แต่ต่างกันประมาณ 2%)  ::)

โค๊ด:
http://arnon001.icspace.net/amazon.psd



หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: kampolh ที่ 04 มิถุนายน 2008, 22:56:33
แล้ว css เอาไปใช้ยังไงใน astore
สอนด้วยครับ มันเอาไปก๊อบทับที่ไหน


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: qwert001 ที่ 04 มิถุนายน 2008, 23:01:51
แล้ว css เอาไปใช้ยังไงใน astore
สอนด้วยครับ มันเอาไปก๊อบทับที่ไหน

1.ไปที่เมนู Color & Design
2.คลิกที่ Edit CSS (อยู่เหนือตรงที่ให้เลือก Background)
3.ใส่ลงไปในช่อง "Enter your overriding CSS"

ลองดูครับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: Webstory ที่ 04 มิถุนายน 2008, 23:44:07
ขอบคุณครับ ...เจ้าของกระทู้ใจดีมากเลยครับ  ;D ;D ;D


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: mixsp ที่ 04 มิถุนายน 2008, 23:58:35
 :) สุดยอดครับ...เพิ่งกลับมาก็เจอของดีเลย ::)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: jiw ที่ 05 มิถุนายน 2008, 00:01:46
ขอบคุณครับ :-*


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: mahatang ที่ 05 มิถุนายน 2008, 00:04:28
สุดยอดเลย ขอบคุณครับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: gaara5608 ที่ 05 มิถุนายน 2008, 00:06:49
ง่ายดีแล้วก็สวยมากครับ +10  8)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: khanom ที่ 05 มิถุนายน 2008, 00:08:32
ขอบคุณมากคะ +10  ;D


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: wingolfer ที่ 05 มิถุนายน 2008, 00:12:43
 :) :)

มือใหม่ๆ ขอเก็บไว้ก่อนนะครับ  ขอบคุณครับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: cyberblue ที่ 05 มิถุนายน 2008, 00:34:15
ลืมบอกไปว่า ฝีมือ Photoshop การตกแต่งภาพ เยี่ยมเลยครับ

สุดยอด สวยงามมากครับ


ป.ล. อยากได้ หัว header รูปรถเข็น มีโลโก้อเมซอน ในภาพตัวอย่างที่ให้มาจังครับ ขอได้มั้ยครับ สวยดี :-*



อันนี้รึเปล่าครับ ถ้าใช่ก็ save ไปได้เลยครับ

([url]http://i129.photobucket.com/albums/p209/arnon001/cart.jpg[/url])


ขอบคุณครับ ใจดีจัง :)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: Dj.wayne_Gum ที่ 05 มิถุนายน 2008, 00:42:35
สุดยอดเลยคร้าบพี่ ;D ;D ;D


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: golfer007 ที่ 05 มิถุนายน 2008, 00:45:29
ขอบคุณครับ  คุณมีน้ำใจสุดยอดเลย  :-*


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: jiw ที่ 05 มิถุนายน 2008, 01:37:15
ผลการลอกเลียนแบบ

(http://www.uppicz.com/image/free-image-hosting-4ada7b.gif) (http://www.uppicz.com/imgshow.php?free-image-hosting-4ada7b.gif)


ขอบคุณ จขกท มากๆครับ ^^

ลองเล่นตามแล้ว สนุกดี (เอารูป artwork ที่หาโหลดในเนตมาทำเล่น ) 555+


แต่ติดปัญหาตรง header ของหัวข้อ
  เช่นคำว่า search .. ผม ลองใส่ รูป tab ตามไปเหมือนกัน แต่มันขึ้น แถบสีข้างบนสีแดงอิฐด้วย
หาไม่เจอว่า มันซ่อนไว้ตรงไหนของ css .. ก็เลย ลบออกไปก่อน

ถ้าไง .. แนะนำด้วยครับ

ขอบพระคุณอย่างสูง


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: ~สายลม~ ที่ 05 มิถุนายน 2008, 01:52:38

ขอโทษคนขาย astore ด้วยนะครับ ผมไม่ได้จะลบหลู่
แต่ก็คงไม่กระทบอะไรเพราะคนขายเขาต้องมีเทคนิคและฝีมือมากกว่านี้อยู่แล้ว
 :)

สอนดีแล้วคับเพื่อนๆจะได้ทำเป็นด้วยคับ อิอิ :'( :'( :'(
รูปแบบ css เหมือนๆกันคับ จะต่างกันตรงทำ blackground อะ
ตอนนี้  กำลังเปลี่ยนไปทำอย่างอื่นที่แทน แหะๆ :D

ยังไงผมว่าคุณบิ้วก็ยังน่าจะขายได้อยู่นะครับ เพราะ10บาทเอง ขั้นตอนการทำมันง่ายๆก็จริง แต่งานนี้วัดกันที่ ไอเดีย ไม่ใช่หรอครับ   ยังไงการจะมานั่งจัดภาพให้ลงตัวก้อยังเป็นความสามารถเฉพาะตัวอยู่ดี สู้ต่อไปครับ มีหลายคนยังรอซื้ออยู่ :)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: taw878pc00 ที่ 05 มิถุนายน 2008, 02:13:45
ขอบคุนงับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: jimmy ที่ 05 มิถุนายน 2008, 07:19:42
ผลของการลอกเลียบแบบเหมือนกันครับผม.... :D

(http://img65.imageshack.us/img65/2784/backdb7.jpg) (http://imageshack.us)
(http://img65.imageshack.us/img65/2784/backdb7.cc06b35b46.jpg) (http://g.imageshack.us/g.php?h=65&i=backdb7.jpg)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: Finish ที่ 05 มิถุนายน 2008, 07:58:34
คารวะ 1 จอกคับ

เด๊วจะทำมาโชว์บ้างอิอิอิ  ;D


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: niceke ที่ 05 มิถุนายน 2008, 08:59:58
อ๋อ อย่างงี้นี่เอง ขอบคุณมากครับ  :)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: elvis ที่ 05 มิถุนายน 2008, 10:08:55
ขอบคุณนะครับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: qwert001 ที่ 05 มิถุนายน 2008, 10:59:08
ผลการลอกเลียนแบบ

([url]http://www.uppicz.com/image/free-image-hosting-4ada7b.gif[/url]) ([url]http://www.uppicz.com/imgshow.php?free-image-hosting-4ada7b.gif[/url])


ขอบคุณ จขกท มากๆครับ ^^

ลองเล่นตามแล้ว สนุกดี (เอารูป artwork ที่หาโหลดในเนตมาทำเล่น ) 555+


แต่ติดปัญหาตรง header ของหัวข้อ
  เช่นคำว่า search .. ผม ลองใส่ รูป tab ตามไปเหมือนกัน แต่มันขึ้น แถบสีข้างบนสีแดงอิฐด้วย
หาไม่เจอว่า มันซ่อนไว้ตรงไหนของ css .. ก็เลย ลบออกไปก่อน

ถ้าไง .. แนะนำด้วยครับ

ขอบพระคุณอย่างสูง



ทำได้สวยดีครับ อย่างนี้ขายดิบขายดีแน่เลยครับ :)

ตอบคำถาม
ข้อ1.ตรง Search ลองเช็ค url ของรูปดูครับ
หรือลองเอาอันนี้ทับที่เดิมลงไปครับ แล้วค่อยแก้ url อีกทีครับ

โค๊ด:

url('http://i129.photobucket.com/albums/p209/arnon001/tab.jpg');


ข้อ2.ไปที่หน้า Color & Design แล้วเอาเครื่องหมายถูกที่หน้าคำว่า "Show store header" ออกครับ (อยู่ล่างๆหน่อย)

ข้อ3.อันนี้แถม ถ้าจะเอามุมโค้งๆออก เอาเครื่องหมายถูกที่หน้าคำว่า "Enable rounded corners? " ออกครับ

ปล. ผมตั้งชื่อรูปว่า "tab" จริงๆมันเป็นภาษาไทยว่า "แถบ" ครับตอนนั้นนึกไม่ออกว่าจะตั้งชื่ออะไรดี ;D



หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: RahXephon ที่ 05 มิถุนายน 2008, 20:15:43
สุดยอดเคล็ดลับเลยครับ แต่ที่สำคัญ จขกท. สุดยอดกว่า +11 เลยเอ้า... 

 :) :)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: jiw ที่ 05 มิถุนายน 2008, 20:42:07
ผลการลอกเลียนแบบ

([url]http://www.uppicz.com/image/free-image-hosting-4ada7b.gif[/url]) ([url]http://www.uppicz.com/imgshow.php?free-image-hosting-4ada7b.gif[/url])


ขอบคุณ จขกท มากๆครับ ^^

ลองเล่นตามแล้ว สนุกดี (เอารูป artwork ที่หาโหลดในเนตมาทำเล่น ) 555+


แต่ติดปัญหาตรง header ของหัวข้อ
  เช่นคำว่า search .. ผม ลองใส่ รูป tab ตามไปเหมือนกัน แต่มันขึ้น แถบสีข้างบนสีแดงอิฐด้วย
หาไม่เจอว่า มันซ่อนไว้ตรงไหนของ css .. ก็เลย ลบออกไปก่อน

ถ้าไง .. แนะนำด้วยครับ

ขอบพระคุณอย่างสูง



ทำได้สวยดีครับ อย่างนี้ขายดิบขายดีแน่เลยครับ :)

ตอบคำถาม
ข้อ1.ตรง Search ลองเช็ค url ของรูปดูครับ
หรือลองเอาอันนี้ทับที่เดิมลงไปครับ แล้วค่อยแก้ url อีกทีครับ

โค๊ด:

url('[url]http://i129.photobucket.com/albums/p209/arnon001/tab.jpg'[/url]);


ข้อ2.ไปที่หน้า Color & Design แล้วเอาเครื่องหมายถูกที่หน้าคำว่า "Show store header" ออกครับ (อยู่ล่างๆหน่อย)

ข้อ3.อันนี้แถม ถ้าจะเอามุมโค้งๆออก เอาเครื่องหมายถูกที่หน้าคำว่า "Enable rounded corners? " ออกครับ

ปล. ผมตั้งชื่อรูปว่า "tab" จริงๆมันเป็นภาษาไทยว่า "แถบ" ครับตอนนั้นนึกไม่ออกว่าจะตั้งชื่ออะไรดี ;D




อยากขายเหมือนกัน แต่ .. ไม่มีคนซื้อหรอกครับ 55+

แหม ความรู้นี้ ได้มาฟรีๆ ...


ยังไงก็ขอบคุณมากสำหรับคำแนะนำครับผม ^^
เดี๋ยวคืนนี้ลองทำเล่นต่อๆ

ปล. รูปที่ว่า ผมก็เอามาแปะๆให้มันดูดี 555+  ;D
ปล2. ใครสนใจ pm มาเลย 555+ :)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: kampolh ที่ 05 มิถุนายน 2008, 20:46:08
แล้ว css เอาไปใช้ยังไงใน astore
สอนด้วยครับ มันเอาไปก๊อบทับที่ไหน

1.ไปที่เมนู Color & Design
2.คลิกที่ Edit CSS (อยู่เหนือตรงที่ให้เลือก Background)
3.ใส่ลงไปในช่อง "Enter your overriding CSS"

ลองดูครับ

หาเจอล่ะ ขอบคุณครับ แต่มันมีหลาย tab ซี่งแต่ละอันมันมีผลยังไงบ้างครับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: qwert001 ที่ 05 มิถุนายน 2008, 20:57:00
แล้ว css เอาไปใช้ยังไงใน astore
สอนด้วยครับ มันเอาไปก๊อบทับที่ไหน

1.ไปที่เมนู Color & Design
2.คลิกที่ Edit CSS (อยู่เหนือตรงที่ให้เลือก Background)
3.ใส่ลงไปในช่อง "Enter your overriding CSS"

ลองดูครับ

หาเจอล่ะ ขอบคุณครับ แต่มันมีหลาย tab ซี่งแต่ละอันมันมีผลยังไงบ้างครับ

รู้สึกว่าจะเป็นการแก้รายละเอียดในแต่ละส่วนครับ ผมก็ยังไม่ได้ลองครับ เล่นแต่ Global ที่เป็นภาพรวม


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: tikanaht ที่ 05 มิถุนายน 2008, 21:04:43
เคล็ดวิชานี้ สุดยอดมากครับ หลายๆ คนสำเร็จวิชา กันแล้ว

ข้าน้อยจะฝึกให้สำเร็จ ตามศิษย์พี่ทุกท่าน  8)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: bugmai ที่ 05 มิถุนายน 2008, 21:07:54
เคล็ดวิชานี้ สุดยอดมากครับ หลายๆ คนสำเร็จวิชา กันแล้ว

ข้าน้อยจะฝึกให้สำเร็จ ตามศิษย์พี่ทุกท่าน  8)

จากที่สำเร็จไปขั้นหนึ่งแล้ว ขอแนะนำศิษย์น้องนิดนึงครับ

วิธีแก้เคล็ด ต้องใช้น้ำมันมวยครับ จะช่วยได้มากเลย  :D :D

ปล. ลองดูครับ ไม่ยากๆ สู้ๆ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: cramry ที่ 06 มิถุนายน 2008, 16:23:04
เยี่ยมคับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: Occy ที่ 06 มิถุนายน 2008, 23:32:20
โอ้ เยี่ยมครับ :-*


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: millionaireclub ที่ 07 มิถุนายน 2008, 03:00:26
โห ทำได้สวยจังอะ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: Extreme ที่ 07 มิถุนายน 2008, 13:56:24
ขอบคุณมากเลยครับ ผมลองปรับของตัวเองดูแต่มีปัญหาตอนย่อหน้าต่างลงมาอ่ะครับ background มันไม่ย่อตามทำให้รูปที่จัดไว้มันเอียงไป ผมไม่ได้ก็อปโค้ดด้านบนทั้งหมดครับเอาไปบางส่วน เลยไม่รู้ว่าจะต้องเพิ่มตรงไหน bg ด้านหลังจึงจะสมดุลในขณะที่เราดูแบบย่อหน้าต่าง


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: qwert001 ที่ 07 มิถุนายน 2008, 14:42:38
ขอบคุณมากเลยครับ ผมลองปรับของตัวเองดูแต่มีปัญหาตอนย่อหน้าต่างลงมาอ่ะครับ background มันไม่ย่อตามทำให้รูปที่จัดไว้มันเอียงไป ผมไม่ได้ก็อปโค้ดด้านบนทั้งหมดครับเอาไปบางส่วน เลยไม่รู้ว่าจะต้องเพิ่มตรงไหน bg ด้านหลังจึงจะสมดุลในขณะที่เราดูแบบย่อหน้าต่าง

นี่ครับ

โค๊ด:
background-position: 50% 0%; 

เอาใส่ไว้ครับ จะได้ปรับให้ background อยู่ตรงกลางตลอด


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: Extreme ที่ 07 มิถุนายน 2008, 15:01:01
ขอบคุณครับ ผมไปใส่เป็น 100% ซะนี่  :-[


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: Commando ที่ 07 มิถุนายน 2008, 16:59:26
แบล็กกราวด์ แบบไทยๆ เสียด้วย

โอ้งามจริงๆ ครับ...  ;)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: จ้อน ที่ 07 มิถุนายน 2008, 17:23:41
ขอบคุณสำหรับเคล็ดวิชา ขอบคุณสำหรับความมีนํ้าใจ การให้ทานด้วยความรู้เป็นกุศลอันยิ่งใหญ่... ;)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: จ้อน ที่ 07 มิถุนายน 2008, 17:53:34
เริ่มถามแล้วครับ เริ่มทำก็เริ่มถาม ถามว่าต้องปรับตรงใหนให้ทั้ง sidebar และ หน้าหลักมันมาอยู่ตรงกลางจอครับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: qwert001 ที่ 07 มิถุนายน 2008, 20:09:06
เริ่มถามแล้วครับ เริ่มทำก็เริ่มถาม ถามว่าต้องปรับตรงใหนให้ทั้ง sidebar และ หน้าหลักมันมาอยู่ตรงกลางจอครับ

เอานี่ใส่ลงไปครับ
โค๊ด:
body {
       text-align:center;
}

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


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: จ้อน ที่ 07 มิถุนายน 2008, 20:32:57
เริ่มถามแล้วครับ เริ่มทำก็เริ่มถาม ถามว่าต้องปรับตรงใหนให้ทั้ง sidebar และ หน้าหลักมันมาอยู่ตรงกลางจอครับ

เอานี่ใส่ลงไปครับ
โค๊ด:
body {
       text-align:center;
}

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




ได้แล้วครับ ทีนี้ไปต่อได้แล้ว ขอบคุณครับคุณqwert001...... :)
 




หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: mahatang ที่ 07 มิถุนายน 2008, 20:41:08
ขอบคุณคราบ สำหรับความรู้ดีๆที่มีให้กัน


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: jimmy ที่ 08 มิถุนายน 2008, 10:16:35
ผลจากการลอกเลียบแบบท่านอาจารย์อีกแล้วครับผม.... :D  :)

(http://img73.imageshack.us/img73/9945/65887482az7.jpg) (http://imageshack.us)
(http://img73.imageshack.us/img73/9945/65887482az7.50e79b7a23.jpg) (http://g.imageshack.us/g.php?h=73&i=65887482az7.jpg)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: qwert001 ที่ 08 มิถุนายน 2008, 10:21:43
ผลจากการลอกเลียบแบบท่านอาจารย์อีกแล้วครับผม.... :D  :)

([url]http://img73.imageshack.us/img73/9945/65887482az7.jpg[/url]) ([url]http://imageshack.us[/url])
([url]http://img73.imageshack.us/img73/9945/65887482az7.50e79b7a23.jpg[/url]) ([url]http://g.imageshack.us/g.php?h=73&i=65887482az7.jpg[/url])


เจ๋งเลยครับ ::)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: jimmy ที่ 08 มิถุนายน 2008, 10:29:59

เจ๋งเลยครับ ::)


มิบังอาจครับท่านอาจารย์....เพราะได้ความรู้จากท่านไป ผมถึงมีร้านได้แบบนี้ครับ  :-[
ลองเข้าไปชมร้านดูได้นะครับ... Abu_Garcia Ambassadeur (http://astore.amazon.com/cheap.abu.garcia.ambassadeur-20)  :)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: pugkung ที่ 08 มิถุนายน 2008, 13:41:00
เอ่อ ผมลองแล้ว แต่เปิดใน FF มันก็ยังเป็น ซ้าย อยู่ดีนะครับ  ???


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: qwert001 ที่ 08 มิถุนายน 2008, 14:09:35
เอ่อ ผมลองแล้ว แต่เปิดใน FF มันก็ยังเป็น ซ้าย อยู่ดีนะครับ  ???

เอาอันนี้ใส่ลงไปเพิ่มครับ
โค๊ด:
#wrap {
       margin:0 auto;
       text-align:left;
}

 :)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: vivacoco ที่ 08 มิถุนายน 2008, 17:47:06
เยี่ยมเลยค่ะ ขอบคุณมากเลย


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: kampolh ที่ 08 มิถุนายน 2008, 17:57:32
ค้นใน gg ว่า free css editor เจอเพียบ แต่ไม่รู้ว่าตัวไหนเล็กๆใช้ง่าย ไม่ซับซ้อน
แล้วก็ถ้าให้ดี เป็นแบบ what you see is what you get. เหมือน dreamweaver ซะ  :)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: oldgame ที่ 08 มิถุนายน 2008, 17:58:26
ขอบคุณมากนะครับ  :)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: Moon ที่ 08 มิถุนายน 2008, 18:00:39
ขอบคุณมากนะ ครับ  :'(


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: bighead ที่ 08 มิถุนายน 2008, 21:41:38
งามหลาย ;D


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: tony ที่ 08 มิถุนายน 2008, 21:49:51
จ๋วยมากๆ  :D


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: funny ที่ 09 มิถุนายน 2008, 00:50:31
ขอบคุณครับ :)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: Big_Profit ที่ 10 มิถุนายน 2008, 18:04:10
 8)อโยธยา ไม่ไร้ซึ่งคนดี  ;D


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: qwert001 ที่ 10 มิถุนายน 2008, 18:50:23
8)อโยธยา ไม่ไร้ซึ่งคนดี  ;D

เชียงใหม่ครับ ;D


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: D-N-A ที่ 10 มิถุนายน 2008, 19:43:38
8)อโยธยา ไม่ไร้ซึ่งคนดี  ;D

เชียงใหม่ครับ ;D

ผมเคย อยู่เชียงใหม่นะ เพิ่งย้ายมาทำ ที่บ้าน เชียงรายไม่กี่เดือนเอง   :P


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: qwert001 ที่ 10 มิถุนายน 2008, 23:12:26
8)อโยธยา ไม่ไร้ซึ่งคนดี  ;D

เชียงใหม่ครับ ;D

ผมเคย อยู่เชียงใหม่นะ เพิ่งย้ายมาทำ ที่บ้าน เชียงรายไม่กี่เดือนเอง   :P

คุยกันตั้งหลายที เพิ่งรู้ว่าเราอยู่ใกล้กันแค่เอื้อม :D


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: pongdech ที่ 10 มิถุนายน 2008, 23:34:49
Thanks จ้า


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: แอร๊ยยยๆๆๆ ที่ 11 มิถุนายน 2008, 02:06:56
สวยดีคับ น่าซื้อมากๆ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: cyberblue ที่ 11 มิถุนายน 2008, 10:44:32
ถามเรื่อง photoshop หน่อยครับ

จะทำแบ็คกราว ให้มันเป็นสี fade จางลง ยังไงครับ ทำไม่เป็นอะ

แบบตามตัวอย่าง มันจะ fade จางลง ตรงกลางหนะครับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: qwert001 ที่ 11 มิถุนายน 2008, 11:04:19
ถามเรื่อง photoshop หน่อยครับ

จะทำแบ็คกราว ให้มันเป็นสี fade จางลง ยังไงครับ ทำไม่เป็นอะ

แบบตามตัวอย่าง มันจะ fade จางลง ตรงกลางหนะครับ


จริงๆก็มีหลายวิธีครับ
แต่ถ้าแบบที่ผมทำก็จะใช้วิธีซ้อนอีก Layer นึงไว้ข้างบนครับ
เพราะ Background ด้านหลังจะยังคงสามารถแก้ไขได้อีกในภายหลัง

(http://arnon001.icspace.net/sam1.gif)



โดย Layer บนนี้ผมจะใช้ Gradient(http://arnon001.icspace.net/sam3.jpg) ที่ปรับเป็นแบบภาพด้านล่างนี้
(http://arnon001.icspace.net/sam4.jpg)

จะได้แบบนี้
(http://arnon001.icspace.net/sam2.jpg)

จากนั้นก็ปาดขึ้น ก็จะได้แบบนี้
(http://arnon001.icspace.net/sam1.gif)



แล้วก็แก้ Background ที่Layerด้านหลังตามสบายครับ

ถ้ามีข้อสงสัยถามได้นะครับ
 :)



หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: bugmai ที่ 11 มิถุนายน 2008, 11:15:42
ไม่เพียงสอนทำ เทมเพลท ยังสอน photoshop ด้วย ถ้าไม่ตัวต่อตัวผมก็ขี้เกียจสอนเหมือนกัน


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: teerapon ที่ 11 มิถุนายน 2008, 11:27:13
งงเลยทำไม่เป็นคับ ???


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: qwert001 ที่ 11 มิถุนายน 2008, 11:38:38
งงเลยทำไม่เป็นคับ ???
:'( งงตรงไหนถามได้นะครับ :-*


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: qwert001 ที่ 11 มิถุนายน 2008, 11:45:59
ไม่เพียงสอนทำ เทมเพลท ยังสอน photoshop ด้วย ถ้าไม่ตัวต่อตัวผมก็ขี้เกียจสอนเหมือนกัน

 :-[ :)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: cyberblue ที่ 11 มิถุนายน 2008, 13:23:40
ขอบคุณครับ เดี่ยวลองทำดู แล้วมาให้คอมเม้นนะครับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: เมพขิงขิง ที่ 11 มิถุนายน 2008, 14:26:47
ขอบคุณสำหรับเทคนิคนี้ :)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: iPhoenix ที่ 11 มิถุนายน 2008, 14:28:41
ขอบคุณครับ

มันไม่ง่าย แต่ก็ไม่ยาก

ยากตรงที่จัดภาพอะครับ

จัดแล้วจัดอีก


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: cyberblue ที่ 11 มิถุนายน 2008, 15:06:04
ขอถามอีกทีครับ

ภาพแบ๊คกราวผมมันเล็กไป พอใส่ไป มันจะ repeat หนะครับ

(http://img262.imageshack.us/img262/6464/777mb7.jpg)


มีวิธีที่ไม่ให้มัน repeat มั้ยครับ เห็นใน css มันเป็น repeat-x ต้องแก้เป็นอะไรมั้ยครับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: Extreme ที่ 11 มิถุนายน 2008, 15:30:26
ขอถามอีกทีครับ

ภาพแบ๊คกราวผมมันเล็กไป พอใส่ไป มันจะ repeat หนะครับ

มีวิธีที่ไม่ให้มัน repeat มั้ยครับ เห็นใน css มันเป็น repeat-x ต้องแก้เป็นอะไรมั้ยครับ

โค๊ด:
background-repeat: no-repeat


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: cyberblue ที่ 11 มิถุนายน 2008, 15:31:54
ขอถามอีกทีครับ

ภาพแบ๊คกราวผมมันเล็กไป พอใส่ไป มันจะ repeat หนะครับ

มีวิธีที่ไม่ให้มัน repeat มั้ยครับ เห็นใน css มันเป็น repeat-x ต้องแก้เป็นอะไรมั้ยครับ

โค๊ด:
background-repeat: no-repeat

ขอบคุณครับ  :)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: qwert001 ที่ 11 มิถุนายน 2008, 15:59:32
ขอถามอีกทีครับ

ภาพแบ๊คกราวผมมันเล็กไป พอใส่ไป มันจะ repeat หนะครับ

มีวิธีที่ไม่ให้มัน repeat มั้ยครับ เห็นใน css มันเป็น repeat-x ต้องแก้เป็นอะไรมั้ยครับ

โค๊ด:
background-repeat: no-repeat

ขอบคุณครับ  :)

 :-X ผมมาช้าไป  :)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: iteasy ที่ 11 มิถุนายน 2008, 19:43:47
ขอบคุณมากครับสำหรับความรู้ดี ๆ
คราวนี้แหละ astore ของผมจะได้แตกต่างจากเดิมบ้าง  ;D


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: rapeedu ที่ 11 มิถุนายน 2008, 22:06:17
ออกแบบไม่เป็น จบกันเลยผม  ;D


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: powerpc ที่ 11 มิถุนายน 2008, 23:05:56
ปัญหาคือไม่มีเวลาทำ  :P


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: yeekor ที่ 13 มิถุนายน 2008, 13:16:03
ขอบคุณมากเลยครับ สุดยอดเลยคับ  :D


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: I~Beau ที่ 15 มิถุนายน 2008, 08:04:07
อิอิ มีของใหม่แบบนี้ พลาดได้ไง แต่ จขกท ใจดีมั่กๆ ขอบคุณน่ะค่ะ  :) :) :)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: nakoong ที่ 15 มิถุนายน 2008, 18:20:32
ซูดดดดด ยอดดด  เหมือน ฮอลแลนด์
เพิ่งผ่านมาเจอ บังเอิญอยู่หลังเขามา  :D
มีประโยชน์หลาย  แทง คิ้ว เด้อ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: thongD ที่ 17 มิถุนายน 2008, 15:00:45
 ::) แล่มม เลย


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: komgrit_su ที่ 18 มิถุนายน 2008, 01:28:59
I can't see a picture ngaa'  :-X


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: pharn ที่ 20 มิถุนายน 2008, 23:49:02
ขอบคุณค้าบบบบบบบบบบบบ  :)

ผมลองๆแงะ แกะ เกา แล้วพอถูๆไถๆ ครับ ฝากเนื้อฝากตัวด้วยนะคร้าบบบบบบ  :-*


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: tanggwa2006 ที่ 22 มิถุนายน 2008, 21:00:33
แต่มันยากตรงแบ็คกราวน์นี่แหละค่ะ แบบว่าไม่มีหัวด้านศิลป์เท่าไรเลย  :-[ แต่จะลองพยายามดูค่ะ

ขอบคุณมากนะคะ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: Only ที่ 23 มิถุนายน 2008, 23:05:41
สุดยอดครับ :'(


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: batdboyz ที่ 02 กรกฎาคม 2008, 23:31:44
ขอถามครับ

แก้ css นี่ มันแก้ที่หน้า astore ได้เลยเหรอคับ? ผมไม่เห็นมี function ให้แก้เลย?

หรือผมเข้าใจผิด  ???


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: ฉันไม่มีตัวตน ที่ 03 กรกฎาคม 2008, 19:31:49
ขอโชว์มั่งเฟ้ยยย เพิ่งลองเล่น ขอบคุณมากๆเลยคร้าบบบ
โค๊ด:
http://astore.amazon.com/camcorder-dv-20


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: qwert001 ที่ 03 กรกฎาคม 2008, 21:16:21
ขอถามครับ

แก้ css นี่ มันแก้ที่หน้า astore ได้เลยเหรอคับ? ผมไม่เห็นมี function ให้แก้เลย?

หรือผมเข้าใจผิด  ???


1.ไปที่หน้า color & design ครับ
2.ด้านบนของตรงที่ให้เลือกสี background จะมีคำว่า "edit css" ให้คลิกเข้าไปครับ




ขอโชว์มั่งเฟ้ยยย เพิ่งลองเล่น ขอบคุณมากๆเลยคร้าบบบ
โค๊ด:
[url]http://astore.amazon.com/camcorder-dv-20[/url]

เวลาเห็นคนเอาวิธีนี้ไปใช้ผมรู้สึกดีใจมากเลยครับที่ความรู้อันน้อยนิดของผมนี้มีประโยชน์ต่อใครหลายๆคน :'(
ผมเห็นมีคนเอาวิธีนี้ไปใช้หลายคนเลยครับ (แอบเข้าไปดูของหลายคนแล้ว :-[)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: batdboyz ที่ 03 กรกฎาคม 2008, 22:46:06
ขอถามครับ

แก้ css นี่ มันแก้ที่หน้า astore ได้เลยเหรอคับ? ผมไม่เห็นมี function ให้แก้เลย?

หรือผมเข้าใจผิด  ???

1.ไปที่หน้า color & design ครับ
2.ด้านบนของตรงที่ให้เลือกสี background จะมีคำว่า "edit css" ให้คลิกเข้าไปครับ




โอ้.. โง่อยู่ตั้งนาน ขอบคุณนะครับ  :)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: Aoddy008 ที่ 09 กรกฎาคม 2008, 21:52:24
สุดยอดไปเลยครับ กำลังหามานานแล้ว  :-*


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: Puregold ที่ 15 กรกฎาคม 2008, 15:06:26
เก็บครับเก็บ :)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: Commando ที่ 15 กรกฎาคม 2008, 15:18:31
สามารถจริงๆ ครับ...

ดูดครับดูด...  :'(


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: tanggwa2006 ที่ 23 กรกฎาคม 2008, 10:08:58
แหะ แหะ... หนูแอบไปพยายามทำอยู่ตั้งนาน ออกมาได้แค่เนี๊ยอ่ะค่ะ พอไปวัดไปวาได้ไหมคะ?

โค๊ด:
http://astore.amazon.com/fence.petsafe.bark.collar.remote.trainer-20

อิ อิ... อายจัง :-[


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: deg_com ที่ 23 กรกฎาคม 2008, 10:47:10
เทพมากครับ ผมมีเรื่องให้ช่วยหน่อยครับ
คือผมอยากทำเว็บ ขายของ amazonบ้างครับ
แต่สินค้ามันเยอะก๊อบลิ้งไม่ไหวครับ
อยากให้พี่ช่วยแนะนำโครตดึงสินค้ามาแปะในเว็บอ่ะครับ
 :-* :-*


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: qwert001 ที่ 23 กรกฎาคม 2008, 11:17:00
แหะ แหะ... หนูแอบไปพยายามทำอยู่ตั้งนาน ออกมาได้แค่เนี๊ยอ่ะค่ะ พอไปวัดไปวาได้ไหมคะ?

โค๊ด:
[url]http://astore.amazon.com/fence.petsafe.bark.collar.remote.trainer-20[/url]

อิ อิ... อายจัง :-[


ไปได้ 9 วัดครับ ;D


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: qwert001 ที่ 23 กรกฎาคม 2008, 11:21:40
เทพมากครับ ผมมีเรื่องให้ช่วยหน่อยครับ
คือผมอยากทำเว็บ ขายของ amazonบ้างครับ
แต่สินค้ามันเยอะก๊อบลิ้งไม่ไหวครับ
อยากให้พี่ช่วยแนะนำโครตดึงสินค้ามาแปะในเว็บอ่ะครับ
 :-* :-*


ถ้าเอาแบบดึงสินค้าเข้าเวบส่วนตัวอันนี้ผมก็ไม่รู้ครับ :P ต้องรอคนอื่นมาตอบ
แต่ตอนนี้ผมกำลังลองเล่น aom อยู่ครับ แป๊บเดียวสินค้าเต็มร้าน
โค๊ด:
http://shop.thaihomelist.com
แต่ไม่รู้อนาคตเป็นไงผมยังใหม่กับเรื่องนี้มาก
 :)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: D-N-A ที่ 23 กรกฎาคม 2008, 11:24:35
^
+1 ของเค้าเทพมากเลยครับ  (หน้าม้า) :D


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: qwert001 ที่ 23 กรกฎาคม 2008, 11:29:06
^
+1 ของเค้าเทพมากเลยครับ  (หน้าม้า) :D

แล้วไปบอกเขาทำไมว่าเป็นหน้าม้า ;D


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: ฉันไม่มีตัวตน ที่ 23 กรกฎาคม 2008, 11:32:44
AOM สวยดีครับ ส่วน aStore ผมคิดว่าทำเดิมๆของมันดีกว่า เพราะเท่าที่ลองดูพวกที่ติดกูเกิ้ล+มีPR มันหน้าตาเดิมๆทั้งนั้น :P(กลัวฝรั่งจะงง ว่า aStore จริงป่าว หรือของปลอม 555) ;D


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: maxcoffee ที่ 25 กรกฎาคม 2008, 00:07:37
ขอบคุณครับ....  8)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: panus_l ที่ 03 กันยายน 2008, 12:33:01
thanks  :)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: swe ที่ 03 กันยายน 2008, 12:55:44
Good technique.. thanks.


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: SaintTakumi ที่ 03 กันยายน 2008, 13:54:57
งงกับ โค๊ดนี้ครับ ที่จะทำให้อยู่ตรงกลาง 

โค๊ด:
body {
       text-align:center;
}

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

คือใน css มันก็มีคำสั่ง

โค๊ด:
body { .... 

#wrap{...}

อยู่แล้วนี่ครับ หรือว่าถ้าจะทำให้มันอยู่ตรงกลางก็แค่เพิ่มโค๊ดนี้แทรกเข้าไปใช่ไหมครับ

โค๊ด:
{
       text-align:center;
}


อีกเรื่องนะครับ คือ ต้องสร้าง bg ขนาดเท่าไหร่ครับถึงจะพอดีกับหน้าเทมเพลต รบกวนด้วยนะครับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: 058801949 ที่ 03 กันยายน 2008, 18:07:04
สวยจังเลยคับ ^^ ได้ความรุใหม่อีกเพียบเลย


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: qwert001 ที่ 03 กันยายน 2008, 18:16:10
งงกับ โค๊ดนี้ครับ ที่จะทำให้อยู่ตรงกลาง 

โค๊ด:
body {
       text-align:center;
}

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

คือใน css มันก็มีคำสั่ง

โค๊ด:
body { .... 

#wrap{...}

อยู่แล้วนี่ครับ หรือว่าถ้าจะทำให้มันอยู่ตรงกลางก็แค่เพิ่มโค๊ดนี้แทรกเข้าไปใช่ไหมครับ

โค๊ด:
{
       text-align:center;
}


อีกเรื่องนะครับ คือ ต้องสร้าง bg ขนาดเท่าไหร่ครับถึงจะพอดีกับหน้าเทมเพลต รบกวนด้วยนะครับ



========================================================

เอาอันนี้ไปวางทั้งหมดเลยครับไม่ต้องแก้ไขอะไร

โค๊ด:
body {
       text-align:center;
}

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


สำหรับ bg ผมว่าดีที่สุดคือ 1280 ครับ เพราะเดี๋ยวนี้แนวโน้มส่วนใหญ่จะไปทางขนาดนี้ครับ
ถ้าเอาขนาด 1024 เวลาเปิดด้วยจอ wide จะไม่สวยครับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: jetlee ที่ 07 กันยายน 2008, 00:25:14
เข้า Edit Color & Design >> Edit CSS
ช่อง Global ใส่โค๊ตที่ให้มา กด Update shared theme
ตั้งชื่อ theme กด use this theme
กลับมาหน้า Edit Color & Design >>Page background color และ Content background color เลือกสีขาว

กด continue >>Sidebar Widgets เลือกทั้งหมด กด finish จบ

ผลที่ได้
โค๊ด:
http://astore.amazon.com/plus.size.halloween.costumes.discount-20

ลองเล่นไปเล่นมา ตรง Listmania กับ Similar Items หายไปเลยคับ ติ๊กถูกตรง Sidebar Widgets หมดแล้วอะคับ จะเอากลับมาก่อน ทำไงคับ copy code ทับไปแล้ว ก็ไม่หาย


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: thaiman2google ที่ 21 กันยายน 2008, 15:42:14
ขอบคุณมากครับ  จะลองดูนะครับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: yuda ที่ 24 กันยายน 2008, 11:48:29
แหล่ม เลย


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: 22pixel ที่ 24 กันยายน 2008, 17:18:01
สอนทำหน่อยครับ ?~!!


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: yuda ที่ 05 ตุลาคม 2008, 14:13:58
สวย ดูดี มีตระกูล จะทำเป็นกะเขาไหมนี่ แง  >:(


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: bugmai ที่ 05 ตุลาคม 2008, 14:17:48
ไม่ยากนี่ครับ ลองทำดู :) :)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: gigga ที่ 05 ตุลาคม 2008, 23:19:19
 :-* :-*
ขอบคุณคราบไม่ยุ่งยากเลยอ่ะ กำลังหาวิธีเปลี่ยนแบบ store พอดีเลย
เราไม่เก่ง php ด้วย ได้กระทุ้นี้รู้สึกดีใจมากเลย
เราหามาเป็นอาทิตยืเลยอ่ะ แต่พอเจอว่าต้อง เสียเงินค่า program บ้าง ต้องเขียนกลับ php บ้าง ก็รู้สึกแย่อ่ะ เพราะไม่มีเวลานัก เป็นมือใหม่ด้วย ไม่เก่ง php อีก จะลงทุนก็ไม่รู้ว่าตัวเองจะมีเวลาดูแล store แค่ไหน

ขอบคุณมากๆ อีกทีจ้าาาาา

 ::) ::)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: sMongPed ที่ 05 ตุลาคม 2008, 23:56:39
เก็บ

 :)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: digitroncat ที่ 11 ตุลาคม 2008, 09:41:50
เราจะเอารูปไปฝากที่ไหนได้ครับ ผมลองเอาไปฝากตามเว็บฝากรูปแล้วก๊อบลิงค์มาใส่มัน ไม่ได้ครับ :-X


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: darkas ที่ 17 ตุลาคม 2008, 00:19:55
หุหุ จัดการทีค๊าบมด


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: liveadsense ที่ 17 ตุลาคม 2008, 00:27:38
เนียน จิงๆ แถม key ด้วย  ;D


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: francisse ที่ 14 พฤศจิกายน 2008, 13:50:06
ขอบคุณครับ...เพิ่งมาลองทำครับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: tanaphan ที่ 27 พฤศจิกายน 2008, 11:01:37
Big Thank นะคะ :-*


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: thongseed ที่ 28 พฤศจิกายน 2008, 07:35:36
จะลองฝึกทำดูแล้วกันครับ
ขอบคุณมาก  :'(


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: Lotte ที่ 28 พฤศจิกายน 2008, 19:19:46
ขอบคุณมากครับ แหล่มจังเลย  :-*


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: tanaphan ที่ 29 พฤศจิกายน 2008, 15:48:42
ดีมากๆเลยค่ะ ขอบคุณมากนะคะ :)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: koungster ที่ 03 ธันวาคม 2008, 11:00:53
ขอบคุณมากๆครับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: freedomonline ที่ 06 ธันวาคม 2008, 23:18:09
ขอบคุณครับ แล้วจะลองทำดู


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: sleep ที่ 12 ธันวาคม 2008, 06:20:44
แจ่มครับท่าน


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: tosakp ที่ 12 ธันวาคม 2008, 11:19:54
คุณ qwert001 มีแค่ 16 thanks เองอ่ะ
คุณ qwert001 มาแชร์และช่วยเหลือเพื่อนๆขนาดนี้ ไม่กด [Thanks] ให้หน่อยหรอ  ;)

ขอบคุณมากๆครับ ที่ช่วยแชร์ความรู้


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: ten1312 ที่ 12 ธันวาคม 2008, 12:45:11
astore แต่งดีๆช่วยได้เยอะ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: pokkynaja ที่ 15 ธันวาคม 2008, 03:26:13
ขอบคุณสำหรับฟามรู้ฮับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: kuukkuu ที่ 22 ธันวาคม 2008, 20:18:56
เยี่ยมเลย :(


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: momo2008 ที่ 26 ธันวาคม 2008, 14:10:37
+1 thank


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: aunthim ที่ 26 ธันวาคม 2008, 19:57:59
เยี่ยมมาก ขอบคุณค่ะ ได้ความรู้อีกแระ :)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: fammoko ที่ 26 ธันวาคม 2008, 19:58:31
แหล่มเลยครับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: littleprince ที่ 08 มกราคม 2009, 18:52:01
ขอบคุณมากครับ เดี๋ยวให้ Thanks ได้จะกลับมาให้นะครับ มีประโยชน์มากเลย  :-*


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: e-business ที่ 08 มกราคม 2009, 23:15:03
แวะมา +1 ให้ครับ  :)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: SaintTakumi ที่ 11 มกราคม 2009, 20:00:14
ลองแล้วครับ มันไปตรงกลางเฉพาะ body แต่ รูป header มันยังอยู่ซ้ายอ่ะครับ จะแก้ไขไงรูป header ถึงจะไปอยู่ตรงกลางให้เท่ากับ body ครับ

โค๊ดเป็นแบบนี้ครับตอนนี้

โค๊ด:
body {
      margin:110px 0 0 0;
      padding:0px;
      background:#E7E4D0;
text-align:center;
background:url('http://i354.photobucket.com/albums/r430/chbluedragon/theme/head017.jpg') repeat-x left top;
      color:#000000;
      min-width:779px;
      font-family:'Verdana', sans-serif;
      font-size:9pt;
      font-weight:500;
      line-height:12pt;
      text-decoration: none;
}

ขอบคุณครับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: gh2man ที่ 14 มกราคม 2009, 18:11:50
 ;D เรียบรอยไปแล้ว อิอิอิ ประยุกค์ เอาhttp://astore.amazon.com/1-2-buy-20 ถึงจะขายไม่ออก  :-\ร้านสวยไว้ก่อน อิอิอิ :P


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: natterwoods ที่ 15 มกราคม 2009, 00:09:27
อยากลองทำบ้างอะ แต่ยังไม่มีเวลาเลย
สนใจไม่ช่ายน้อย แค่งานประจำยังทำไม่ทันเลยอะ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: qwert001 ที่ 15 มกราคม 2009, 00:30:07
ลองแล้วครับ มันไปตรงกลางเฉพาะ body แต่ รูป header มันยังอยู่ซ้ายอ่ะครับ จะแก้ไขไงรูป header ถึงจะไปอยู่ตรงกลางให้เท่ากับ body ครับ

โค๊ดเป็นแบบนี้ครับตอนนี้

โค๊ด:
body {
      margin:110px 0 0 0;
      padding:0px;
      background:#E7E4D0;
text-align:center;
background:url('[url]http://i354.photobucket.com/albums/r430/chbluedragon/theme/head017.jpg'[/url]) repeat-x left top;
      color:#000000;
      min-width:779px;
      font-family:'Verdana', sans-serif;
      font-size:9pt;
      font-weight:500;
      line-height:12pt;
      text-decoration: none;
}

ขอบคุณครับ


แก้ตรงสีฟ้าครับ
background:url('http://i354.photobucket.com/albums/r430/chbluedragon/theme/head017.jpg') no-repeat center top;

แต่รูป background ที่คุณSaintTakumi ใช้รู้สึกว่าจะเอียงซ้ายนะครับ ถ้าจะใช้ต้องตัดพื้นที่ว่างด้านขวาออกก่อน





;D เรียบรอยไปแล้ว อิอิอิ ประยุกค์ เอาhttp://astore.amazon.com/1-2-buy-20 ถึงจะขายไม่ออก  :-\ร้านสวยไว้ก่อน อิอิอิ :P

สวยดีครับ :)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: pech ที่ 28 กุมภาพันธ์ 2009, 23:28:59
เสร็จเร็วจริงๆครับ ทำแค่ 10 นาทีเอง ขอบคุณมากครับสำหรับเทคนิค


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: Pooparn ที่ 31 มีนาคม 2009, 20:35:03
ความรู้ดีๆมาอีกแล้วครับ ขอบคุณนะครับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: ~@^Mr.Pepo^@~ ที่ 05 เมษายน 2009, 15:52:18
ไปลองทำมาแล้วครับ แอบสวย อิอิ(ชมตัวเอง)

ขอบคุณมากครับ^^

+1


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: Mankapook ที่ 26 เมษายน 2009, 15:38:29
สุดยอดครับ

ได้ไอเดียดี ๆ  ลองทำตามดูแล้วครับ

แต่ยังไม่กล้าโชว์  ;)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: Jobidoo ที่ 26 เมษายน 2009, 22:45:19
สวยจังเลยครับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: castle ที่ 27 เมษายน 2009, 10:05:46
 :-*


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: yyy ที่ 27 เมษายน 2009, 12:53:09
ยังให้ Thank ไม่ได้

แต่ขอบคุณมากเลยครับ  :-*


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: Smallgirl ที่ 05 มิถุนายน 2009, 15:36:38
ขอรูปรถเข็นด้วยนะค่า มาขอช้าไปหน่อย มีไรจาสอบถามหน่อยค่ะ คือแกไขโค้ดทุกอันให้ชิดขวาได้หมด มีอันเดียวที่ทำไม่ได้ ใส่โค้ดเดียวกัน ก้อไม่แสดง

ผล

อยากทราบว่าเปงเพระอ่าไรค่า  ??? ???


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: xmen ที่ 10 มิถุนายน 2009, 18:27:43
ได้ไอเดียเลยครับ...ขอบคุณครับ :-*


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: sitepro ที่ 11 มิถุนายน 2009, 14:39:33
แจ่มมาก เพิ่งเข้ามาดู จะลองไปทำดูครับ :)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: compboys ที่ 14 มิถุนายน 2009, 00:23:56
ขอบคุณครับ ...
ได้เทคนิคดีๆ ไปลองใช้บ้างแล้ว
เดี๋ยวจะหาเวลาว่าง ไปแต่ง Astore บ้างแล้วล่ะ
 ::)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: wanchai_1421 ที่ 14 มิถุนายน 2009, 00:30:39
ขอบคุณมากๆเลยครับเดี๋ยวต้องไปลองแล้ว ;D :)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: ADS2009 ที่ 14 มิถุนายน 2009, 17:18:11
ขอบคุณมากครับสำหรับเทคนิคดีๆอย่างนี้ครับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: numsai ที่ 14 มิถุนายน 2009, 17:36:01
ไอเดียบรรเจิด  ::)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: nagata ที่ 14 มิถุนายน 2009, 17:45:19
ขอบคุณครับ ขอให้รวย รวย รวย นะครับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: Neo3K ที่ 22 มิถุนายน 2009, 21:43:54
ได้อีก 1ความรู้ ขอบคูณครับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: ridoner ที่ 20 กรกฎาคม 2009, 22:41:07
ของคุณครับ :-*


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: twinbee ที่ 20 กรกฎาคม 2009, 23:14:57
ขอบคุณมากครับ เยี่ยมจริงๆ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: artit ที่ 24 กรกฎาคม 2009, 17:27:00
Global  มันอยู่ส่วนไหนของ Store อะครับ หาไม่เจอ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: qwert001 ที่ 24 กรกฎาคม 2009, 17:43:14
Global  มันอยู่ส่วนไหนของ Store อะครับ หาไม่เจอ

อยู่ตรงหน้า Edit CSS ครับ
ตอนสร้าง astore จะมีหน้านึงที่เอาไว้แก้สีของร้าน ในหน้านี้จะมีลิงค์ "Edit CSS" ให้คลิกเข้าไปก็จะเจอครับ
 :)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: jip ที่ 01 สิงหาคม 2009, 23:03:05
วิธีทำในโฟโต้ช้อป ไม่เห็นรูปค่ะลบไปแล้วเหรอ

เหอๆๆ อยากเห็นอ่ะจะลองทามดู ขอบคุณนะคะ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: monkeyact ที่ 01 สิงหาคม 2009, 23:29:34
ขอบคุณนะคะ สำหรับเทคนิคดีๆ  ::)

เดี๋ยวจะลองไปทำดูบ้างค่ะ



หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: preart ที่ 04 สิงหาคม 2009, 16:12:58
ขอบคุณมากครับ จะพยามลองทำดูครับ
แบบว่ามือใหม่สุด ๆ  8)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: knighthollow ที่ 18 สิงหาคม 2009, 03:54:32
ได้ความรู้เยอะเลยนะเนี่ย  ชอบอันของ จขกท แบบว่าสวยมากมาย ลายไทยด้วย


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: monkeyact ที่ 20 สิงหาคม 2009, 21:58:46
แล้วคนที่ทำขาย เค้าจะให้ลูกค้านำไปใช้ได้ยังงัยครับ

ให้ Code ที่แก้แล้วไปใส่ในช่อง Edit CSS เองหรอ

หรือเค้ามีวิธีให้ทำแบบอื่นอีกครับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: usbman ที่ 27 กันยายน 2009, 16:57:25
ผมทำตามคำแนะนำครับ ได้ผลสวยงาม ขอบคุณมากครับ  ตัวหน้าเวบก็ตามรูปด้านล่างครับ เดี๋ยวถ้ามีเวลา จะตกแต่งให้ดูสวยงามครับผม ขอบคุณมาก ๆ ครับ
 :wanwan019:
(http://img188.imageshack.us/img188/9041/imagezno.jpg)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: sai6205 ที่ 29 กันยายน 2009, 02:54:23
สวยดีครับ มองแล้วน่าซื้อ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: pnp2519 ที่ 02 ตุลาคม 2009, 14:03:27
ทำได้แล้วครับ สวยดี ขอบคุณมากๆ ^ ^  :wanwan003:


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: kanate ที่ 02 ตุลาคม 2009, 16:40:55
ขอบคุณมากนะครับ  :wanwan020:


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: chuewan ที่ 02 ตุลาคม 2009, 17:15:25
ขอบคุณครับจะลองเอาไปปรับมั่ง  :wanwan003:


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: kcobra ที่ 07 ตุลาคม 2009, 19:50:16
ขอบคุณมากครับ น้ำใจงามแท้


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: pukkapou ที่ 07 ตุลาคม 2009, 22:23:23
ขอบคุนคับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: nickkun80 ที่ 10 ตุลาคม 2009, 08:51:17
สวยอ่ะ  :wanwan013:


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: aseptic ที่ 13 ตุลาคม 2009, 16:24:53
กราบงามๆ 3 ทีค่ะ  :wanwan017: :wanwan017: :wanwan017:


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: c-h-a-i ที่ 13 ตุลาคม 2009, 16:34:44
ขอบคุณครับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: porclick ที่ 23 ตุลาคม 2009, 20:43:49
+1  เยี่ยมไปเลย :wanwan016:


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: eternubis ที่ 24 ตุลาคม 2009, 10:41:43
สวยสุดขั่ว ดูดีสุดขีด ใครขายธีมคงเจ็งไปเป็นแถบๆครับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: moonlord ที่ 27 ตุลาคม 2009, 22:19:01
โห..เทียบกันแล้ว :wanwan017:ร้านผมดูก็องแก็งไปเลยนะเนี่ย


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: sugar ที่ 27 ตุลาคม 2009, 22:26:17
 :wanwan004: :wanwan004: คายขุดมาเนี่ย  :o


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: shidoshide ที่ 28 ตุลาคม 2009, 00:06:24
เค้าบอกกันว่า aStore ทำดีๆก็รวยได้
แต่ผมยังไม่สามารถซะที :)
ปล. แวะมาโปรโมท aStore ที่เวบผมได้นะครับ (แอบเนียนๆ)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: Kuroroman ที่ 30 ตุลาคม 2009, 11:48:58
ลองทำแล้วสวยไหมงับ

http://astore.amazon.com/jump-cartoon-20

ขอบคุณมากครับ +1


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: splendour ที่ 26 มีนาคม 2010, 19:02:51
http://astore.amazon.com/land_of_wii_games-20  :wanwan020:

ดูแล้วกรุณาซื้อด้วยนะคะ จะได้ตีไข่แตกซักที  :wanwan013:


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: vayu bb ที่ 26 มีนาคม 2010, 19:13:46
ขอบคุณคับต้องลองดู


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: khunchai ที่ 26 มีนาคม 2010, 19:43:33
เห็นทีต้องกลับไปปัดฝุ่นร้านเรามั่ง  :'(


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: Klaibaan ที่ 27 มีนาคม 2010, 15:41:38
ทำไงให้ขอบมนๆด้านบนของเดิมหายไปอ่ะครับ  aStore ผมลองเอาโค๊ตไปใส่ตามที่บอกแล้ว ทำตามแล้ว ขอบมนๆยังโผล่มาเฉยเลย อยากให้มันเป็นขอบสี่เหลี่ยมเหมือนตัวอย่างอ่ะ ต้องทำไงหรอ ดูรูป

(http://img687.imageshack.us/img687/8730/30812302.gif)


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: khatha0808 ที่ 07 พฤษภาคม 2010, 10:15:18
thanks น่ะครับ เพิ่งอ่านจบทั้งหมด เดวจะลองไปทำดู
แล้วจะเอามาให้วิจารณ์น่ะครับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: khatha0808 ที่ 07 พฤษภาคม 2010, 11:47:47
ง่ะ ช่วยทีครับ พอเอา url ไปใส่ ที่บรรทัดที่ 16 แล้วทำไม ภาพมันไม่ขึ้นอ่ะครับ มึน :wanwan031:


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: jkitti ที่ 08 พฤษภาคม 2010, 10:33:14
ขอบคุุณครับ..เดี๋ยวไปลองทำดู  :wanwan017:


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: ~sweety~ ที่ 16 พฤษภาคม 2010, 01:00:27
 :wanwan017: ขอบคุณค่ะ  ทำได้แล้ววววว ^^
อยากได้หนังสือสอนเขียน css ดีๆ ใครทราบช่วยแนะนำให้หน่อยนะคะ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: gabriel ที่ 16 พฤษภาคม 2010, 02:29:04
 :wanwan017: ขอบใจจ้า


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: boybyboy ที่ 16 พฤษภาคม 2010, 10:54:06
เยี่ยมครับ แต่ผมไม่มีเวลาทำ ตอนนี้ก็ ใช้ทีมแบบ แช ของคนอื่นอยู่ 555

ปล.อยากจะบอกว่า astore มัน อินเด็ก ในพี่ GOO อยากสักหน่อยนะครับ ต้องมีเว็ปหรือบล้อกคอยดัน

แต่ถ้าดันมันได้ละก็ ติดหน้า 1 แบบ ที่คนทำเองก็ งง เลยเหละครับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: phasuk222 ที่ 22 พฤษภาคม 2010, 19:28:38
ขอบคุณครับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: svcd8166 ที่ 05 กรกฎาคม 2010, 00:20:50
ขอบคุณครับ สุดยอดครับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: kittipc ที่ 05 กรกฎาคม 2010, 01:29:15
โหงามมากอ่ะ :wanwan011:


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: crazyFish ที่ 05 กรกฎาคม 2010, 04:38:32
ขอบคุณคร๊าบบบบบบบบบบบ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: nita ที่ 06 กรกฎาคม 2010, 15:32:04
มาเก็บข้อมูล


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: inwafterlife ที่ 06 กรกฎาคม 2010, 23:28:08
ส่งการบ้านครับ
http://astore.amazon.com/sale-wireless-reading-20

 :wanwan003: :wanwan003: :wanwan003: :wanwan003:


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: Rabbit! ที่ 07 กรกฎาคม 2010, 01:12:55
 :o ขอบคุณครับ สำหรับความรู้ใหม่ๆ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: medbuoy ที่ 07 กรกฎาคม 2010, 09:05:36
จะไปลองทำดูครับ ว่าจะสวยแค่ใหน


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: carbonet ที่ 07 กรกฎาคม 2010, 10:33:46
ขอบคุณครับ  :wanwan017:


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: inwodin ที่ 07 กรกฎาคม 2010, 11:53:42
เทพมากๆ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: oasisza ที่ 07 กรกฎาคม 2010, 15:04:09
ขอบคุณครับ :wanwan017:


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: lhospital ที่ 11 กรกฎาคม 2010, 12:21:18
ส่งการบ้านค่ะๆๆ   :-X :-X :-X        http://astore.amazon.com/beautyhisoskin-20



อยากให้มันกว้างเต็มหน้าจอ แบบคนอื่นอ่ะค่ะ

ใช้โค้ดไหนหรอค่ะ

และให้มันเสมอๆๆ กันด้วยอ่ะค่ะ แบบนี้อ่าค่ะ http://astore.amazon.com/sale-wireless-reading-20


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: medieval ที่ 11 กรกฎาคม 2010, 18:02:14
โอ้วขอบพระคุณมากครับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: nosferatoo ที่ 11 กรกฎาคม 2010, 19:26:50
ส่งการบ้านค่ะๆๆ   :-X :-X :-X        [url]http://astore.amazon.com/beautyhisoskin-20[/url]


อยากให้มันกว้างเต็มหน้าจอ แบบคนอื่นอ่ะค่ะ

ใช้โค้ดไหนหรอค่ะ

และให้มันเสมอๆๆ กันด้วยอ่ะค่ะ แบบนี้อ่าค่ะ [url]http://astore.amazon.com/sale-wireless-reading-20[/url]


ไม่รู้ใช่ที่ต้องการหรือเปล่านะครับ ผมแก้ได้แค่ให้ Sidebar กับตัว mainpage มันเสมอกันครับ

บรรทัดที่ 89

จากเดิม #sidebar {
ให้เติม margin-top:90px;
เป็น #sidebar {margin-top:90px;

แค่นี้ก็จะเท่ากันแล้วครับ  :wanwan003:


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: lhospital ที่ 12 กรกฎาคม 2010, 11:06:32
ขอบคุณ คุณ nosferatoo ที่สุดเลยค่ะ เก่งจังเลยค่ะ   :'( :'( :'( :'( :'(


เห้อ!!!! หนักใจตั้งนาน อิอิ  :wanwan022: :wanwan022:



หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: yamusha ที่ 13 กรกฎาคม 2010, 15:14:19
จะลองดูครับ :wanwan003:


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: D.N.P. ที่ 08 กุมภาพันธ์ 2011, 19:49:49
ขอบคุณครับ... :wanwan012:


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: soonthron ที่ 08 กุมภาพันธ์ 2011, 20:22:05
จะลองดู


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: qaasimar ที่ 21 ตุลาคม 2011, 19:31:49
([url]http://i129.photobucket.com/albums/p209/arnon001/sc3.gif[/url])


แต่ง 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('[url]http://i129.photobucket.com/albums/p209/arnon001/tem2-1.jpg'[/url]);
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('[url]http://i537.photobucket.com/albums/ff332/qecera/tab.jpg'[/url]);

}





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



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

([url]http://i129.photobucket.com/albums/p209/arnon001/prev.gif[/url])

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

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




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


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




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

([url]http://i129.photobucket.com/albums/p209/arnon001/tem8-1.jpg[/url])





ขอบคุณครับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: kankantk ที่ 21 ตุลาคม 2011, 20:14:57
ขอบคุณ ค่ะ :wanwan017:


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: warn_cm ที่ 21 ตุลาคม 2011, 22:57:34
สวยมาก ว่าแต่แล้ว astore ดันยากป่าวครับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: amaya ที่ 28 ตุลาคม 2011, 15:29:52
ผมมือใหม่ครับไม่รู้ว่าจะเิ่ริ่มตรงไหน แต่ global อยู่ตรงไหนยังไม่รู้เลยครับ ช่วยด้วยครับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: khatha0808 ที่ 28 ตุลาคม 2011, 17:40:06
ทำไม astore อินเดก ยากมากๆ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: veronika ที่ 28 ตุลาคม 2011, 17:59:51
ดันไม่ขึ้นแล้วครับ


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: testsoft ที่ 19 กันยายน 2012, 14:19:36
ขอบคุณครับ  :wanwan017: :wanwan017: :wanwan017: :wanwan017:


หัวข้อ: Re: วิธีแต่ง astore ให้สวยกว่า AOM ไปเลย
เริ่มหัวข้อโดย: jastplays ที่ 19 กันยายน 2012, 15:16:50
+1 :wanwan031: