ต่อไป »

[Godfather]

รบกวนหน่อยครับ
คือ ผมอยากจะแทรกรูปภาพไว้เมนูทางด้านซ้าย(ในรูป)และทำลิงค์เพื่อให้ลิงค์ไปยังเวบของไปรษณีย์
ผมจะต้องทำไงครับ
ขอบคุณครับ

[kennn]

ของ OScommerce ใช่มะครับ ถ้าใช่ ให้ไปที่ Folder includes เปิดไฟล์ colum_left.php แล้วแทรกโค้ดรูปภาพต่อท้ายบรรทัด

โค๊ด:

require(DIR_WS_BOXES . 'information.php');

<--- ใส่โค้ดในส่วนนี้ --->

?>

[Godfather]

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

ถามต่อ

แล้วถ้าจะใส่ link จะต้องทำอย่างไรครับ (ลิงค์ของรูปที่ใส่เข้าไป เพื่อลิงค์ไปยังเวบอื่น)

[janeos]

ใส่ link ก็ <a href="xxxxxx">yyy</a>
แล้วตัว oscommerce ทีโมมาขนาดนั้นใครทำละครับนั่น

อย่าบอกนะว่าคุณทำเอง แต่ใส่ link ไม่เป็น 

[kennn]

ผมก้อสงสัยนะครับเว็ปที่คุณโมดิฟายมาได้ซะขนาดนั้นแล้ว แต่ทำไมยังใส่ Tag link ไม่เป็น แค่สงสัยนะครับไม่ได้ว่านะ

ผมอธิบายให้หมดเลยละกัน รูปแบบ Code นะครับ

โค๊ด:

[color=pink]Link[/color]=url ที่ต้องการให้ลิงค์ไป Ex. http://www.poststation.com
[color=yellow]Folder[/color]=folder ที่เก็บรูป
[color=orange]Fileimage[/color]=ไฟล์รูปภาพที่ต้องการแสดง

<a href="[color=pink]Link[/color]"><img src="[color=yellow]Folder[/color]/[color=orange]Fileimage[/color]=" alt="Post Station" align="center"/></a>

Ex.

<a href="[color=pink]http://www.poststation.com[/color]"><img src="[color=yellow]images[/color]/[color=orange]post-station.gif[/color]=" alt="Post Station" align="center"/></a>

[kennn]

โทษทีนะครับ แก้ไขหน่อยนึง

Link=url ที่ต้องการให้ลิงค์ไป Ex. http://www.poststation.com
Folder=folder ที่เก็บรูป
Fileimage=ไฟล์รูปภาพที่ต้องการแสดง

<a href="Link"><img src="Folder/Fileimage=" alt="Post Station" align="center"/></a>

Ex.

<a href="http://www.poststation.com"><img src="images/post-station.gif=" alt="Post Station" align="center"/></a>

[kennn]

อย่าหาว่าปั่นกระทู้นะครับ กลัวจะไม่เข้าใจ

จาก code ข้างบน หากนำไปใส่ในไฟล์ colum_left.php ให้ใส่แบบนี้ครับ

require(DIR_WS_BOXES . 'information.php');
?>   <<ใส่ต่อท้ายเครื่องหมายปิด Tag php

<--- ส่วนนี้เป็นโค้ดรูปภาพ --->

<a href="http://www.poststation.com"><img src="images/post-station.gif=" alt="Post Station" align="center"/></a>

<--- End --->

[Godfather]

ขอบคุณทุกคำตอบที่กรุณาตอบมานะครับ
ที่ทำมาได้ขนาดนี้ก็เพราะได้คนเก่งๆอย่างพวกคุณช่วยน่ะครับ ผมก็ไม่ได้มีความรู้เรื่อง PHP เลย ก็ได้แต่ถามและก็พยายามทำความเข้าใจกับมัน ก็แวะมาโพสนี้บ้างแวะไปโพสที่เวบ Oscommerce.com บ้าง ก็ได้คำตอบที่เข้าใจบ้างไม่เข้าใจบ้าง ผมก็เพียงแต่คิดว่าจะต้องทำเวบให้ออกมาอย่างที่ต้องการนั้นจะต้องเพิ่มอะไร จะเอาอะไรออก พอคิดได้เท่านี้ก็ เปิดหนังสือที่ซื้อมาอ่านบ้าง โพสถามบ้าง ถามเพื่อนบ้าง แต่หลักๆก็ได้ความกรุณาจากเวบนี้ล่ะครับที่ได้ช่วยให้ผมทำมาได้ถึงขนาดนี้

ขอบคุณครับที่ช่วยเหลือ

[Godfather]

ลองทำตามที่บอกแล้วนะครับ ผล...
มันไม่โชว์รูป และ ตำแหน่งมันอยู่ด้านบนเลยอะครับ แทนที่จะอยู่ด้านล่างสุด
ลองคลิกแล้ว link โอเคแล้ว เหลือแต่ รูปไม่โชว์ และ ตำแหน่งที่ผิดไปนิดครับ ผมก็ได้ใส่รูปไว้ในFolder images เรียบร้อยแล้ว และเขียนโค๊ดตามที่บอก เดี๋ยวลองช่วยผมดูหน่อยนะครับว่าถูกให้เปล่า

<a href="http://track.thailandpost.co.th/trackinternet/Default.aspx "><img src="images//Track & trance.gif=" alt="Post Station" align="center"/></a>

ขอบคุณครับ

[Godfather]

ได้แล้วครับ พอดี มีเครื่องหมาย =  ติดไปด้วยเลยไม่โชว์ภาพ (โง่เองไม่ได้ดู)
แต่ยังมีปัญหาเรื่องตำแหน่ง

[kennn]

ผมต้องขอโทษจริงๆครับ ลืมบางอย่างไป ผมคิดว่า OScommerce มันออกแบบไม่ดีตรงนี้แหละ ปรับแต่งไม่ยาก แต่ซับซ้อนหน่อยๆ มันน่าจะทำเป็น Table เดี่ยวๆไปเลยในแต่ละหัวข้อ ชอบเอาแต่ละหัวข้อมาโยงเป็น Table เดียวกัน

เอาเป็นว่าแก้ตามนี้นะครับ ให้เพิ่ม Tag TR เข้าไป มันจะเพิ่มเป็นอีกแถวนึง

<tr>
<a href="http://track.thailandpost.co.th/trackinternet/Default.aspx"><img src="images/Track & trance.gif=" alt="Post Station" align="center"/></a>
</tr>

ปล. Rep#9 Path ของรูปภาพผิดนะครับ เพราะมีเครื่องหมาย / 2ตัว , หลักการตั้งชื่อรูปภาพก้อด้วยครับ ไม่ควรมีช่องว่าง อาจจะทำให้เกิดปัญหาได้

[Godfather]

คุณ Kennn

[Godfather]

คุณ Kennn ครับทำไงถึงจะย้ายลงมาอยู่ด้านล่างต่อจาก Information Box  ได้ครับ
 
 นี่ครับ เวบลองเข้าไปดูได้ครับ www.madeatthailand.biz  

แล้วถ้าอยากได้กรอบแบบเดียวกับ Information Box ต้องทำไงครับ

ขอบคุณครับ

[kennn]

ขอโทษอย่างแรงอีกครับครับ พอดี เครื่องที่ใช้อยู่ไม่มีเครื่องมือในการช่วยดูโค้ดเลยผิดพลาดอีกแล้ว คราวนี้ไม่พลาดครับ

<tr>
<td>
<a href="http://track.thailandpost.co.th/trackinternet/Default.aspx"><img src="images/Track & trance.gif=" alt="Post Station" align="center" border="0"/></a>
</td>
</tr>

ที่จริงไม่ค่อยอยากแนะนำให้ใส่เป็นกรอบแบบ information นะครับ ให้มันหลุดกรอบบ้างก้อดี
ขอติเว็ปเลยละกันนะครับ พื้นหลัง กับ Head ของเว็ป ดีไซด์กับสีโอเคนะครับ แต่พอบวกกับ เมนูบาร์หรือหัวคอลลัม มันดูไม่อินเทรนเอาเลยครับ ผมจะบอกว่า ภาพ Background ของเมนูบาร์กับหัวคอลลัม มันเก่ามากแล้วครับไม่ค่อยมีใครเลือกใช้สไตร์นี้แล้ว ถ้าอยากเปลี่ยน เข้าไปหารูป Background เหล่านั้น ในโฟล์เดอร์ images แล้วแก้ไขดูนะครับ แล้วลองเทสดูอาจจะเจอรูปแบบเว็ปที่สวยกว่าเก่า

เอาละครับถ้าต้องการกรอบแบบนั้นจิงๆ ใส่โค้ดตามนี้ครับ

<tr>
<td>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td class="infoBoxHeading"><img src="images/infobox/corner_left.gif" border="0" alt="" width="11" height="26"></td>
    <td width="100%" class="infoBoxHeading">Track&Trace</td>
    <td class="infoBoxHeading" nowrap><img src="images/infobox/corner_right.gif" border="0" alt="" width="11" height="26"></td>
  </tr>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td><table border="0" width="100%" cellspacing="0" cellpadding="3" class="infoBoxContents">
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
  <tr>
    <td class="boxText"><a href="http://track.thailandpost.co.th/trackinternet/Default.aspx"><img src="images/Track & trance.gif=" alt="Track&Trace" align="center" border="0"/></a></td>
  </tr>
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
</table>
</td>
  </tr>
</table>
</td>
</tr>

[Godfather]

ขอบคุณอีกครั้งนะครับสำหรับคำแนะนำ ผมก็คิดจะเปลี่ยนรูปอยู่เหมือนกัน ตอนนี้กำลังคิดอยู่ว่าจะขยายแบนเนอร์ด้านบนให้ใหญ่กว่านี้แล้วก็ รูปต่างๆที่เป็นตัวที่ติดมากับ Oscommerce แต่คงต้องค่อยเป็นค่อยไป  ตอนนี้ก็กำลังเตรียมรูป และ แบนเนอร์ 
ผมลองใส่แล้วครับ เยี่ยมเลยครับ

ถามต่อ

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

[Godfather]

เออ คุณ Kennn ครับ ถ้าอยากให้ลิงค์ที่ใส่เข้าไปใหม่ (Track&Trance) เวลากดแล้วให้เปิดหน้าต่างขึ้นมาใหม่อีกอันเลย ต้องทำไงครับ

[kennn]

เรื่องความสูงความกว้างของ Box ผมยังไม่แนะนำให้ทำนะครับ ปรับแต่งทีหลายส่วน อีกอย่างผมไม่มีเครื่องมือในการดูโค้ดในเครื่องนี้ บอกตรงๆว่าไม่ชัวร์ครับ

ส่วนเรื่องการขึ้นหน้าต่างใหม่ ให้เพิ่มโค้ดลงไปใน Tag Link ครับ ตามนี้

<a href="http://track.thailandpost.co.th/trackinternet/Default.aspx"><img src="images/Track & trance.gif=" alt="Track&Trace" align="center" border="0"  target="_blank"/></a>

[Godfather]

รบกวนอธิบายหน่อยครับ ตรง target="_blank"

[kennn]

พักนี้ สะเพร่ามากๆเลยครับ อุตส่าระวังแล้วนะเนี่ย งั้นถือโอกาสอธิบายเลยแล้วกันนะครับ

target เป็น Propertie ของ Tag Link เพื่อช่วยในการส่ง request ไปยังหน้าเพจอื่นในแบบต่างๆดังนี้

1. _blank ให้เปิดเพจที่เชื่อมโยงในหน้าต่างใหม่อีกหน้าต่าง

2. _parent ให้เปิดเพจที่เชื่อมโยง แสดงเพจหน้าเดิม

3. _self ให้เปิดเพจที่เชื่อมโยง แสดงในเฟรมเดียวกันกับที่มีข้อความอยู่

4. _top ให้เปิดเพจที่เชื่อมโยงขยายเต็มหน้าจอ

ในโค้ดที่ผมให้ไปมันผิดตรงที่ ผมไปใส่ Propertie ไว้ใน Tag IMG(รูปภาพ) ต้องเอาโค้ดไปใส่ไว้ที่ Tag Link ครับ

<a href="http://track.thailandpost.co.th/trackinternet/Default.aspx " target="_blank"><img src="images/Track & trance.gif=" alt="Track&Trace" align="center" border="0"/></a>

[kennn]

พอดีผมไปดู Source code ที่คุณทำมา คุณใส่โค้ดเกินนะครับ ที่ propertie target นะครับ โค้ดของคุณจะเป็น

target=target="_blank"

ที่ถูกคือ

target="_blank"

อย่างที่บอกไปแล้วครับ ตัว target เป็น propertie ของ Tag Link เพราะฉะนั้นต้องเอา propertie ไปใส่ใน Tag Link ครับ พยายามตรวจเช็คโค้ดให้ถูกต้องด้วยนะครับเดียว Propertie ไม่ทำงาน

ผมขอแนะนำนะครับ เพื่อความง่ายในการทำงานกับธุรกิจบนอินเตอร์เน็ต อย่างน้อยเราต้องเข้าใจภาษา Basic ให้แจ่มแจ้งเลย คือ ภาษา HTML มันเป็นภาษาพื้นฐานเลย และผมคิดว่าจำเป็นมากๆด้วย ไม่ว่าคุณจะเรียนภาษาโปรแกรมเว็ปมาเก่งแค่ไหน แต่ถ้าอ่าน Tag ต่างๆของ HTML ไม่เข้าใจงานคุณก้อตัน ผมแนะนำเว็ปให้ศึกษาเพิ่มเติมนะครับ

http://www2.se-ed.net/hellish/webmaster/html/index.htm

พอคุณเข้าใจ Tag ต่างๆบ้างแล้วคุณต้องลองประยุกต์ใช้ครับ หรือไม่ก็ view source ในเว็ปอื่นๆดูว่าเค้าใช้โค้ดกันยังไง แล้วลองมาปรับใช้กับเว็ปของเราดู

วิธี view source ก็ คลิกขวาที่เว็ปนั้น แล้วจะมีเมนู view source แล้วไล่หาข้อความหรือ Tag ที่เราต้องการดูได้ตามต้องการ

ที่ล่ายมา เพื่อเป็นประโยชน์กับตัวคุณนะครับ มีอะไรก็ถามได้ตลอดครับ