วิธีการใส่ รูป หรือ Icon ในเมนู

วันที่: 2010-10-18 17:35:26.0

หมายเหตุ : การแก้ไขข้อมูลในเว็บไซต์ ต้องทำการ SIGN-IN หรือ LOG-IN ก่อนทุกครั้ง
( คลิกดูวิธีการSIGN-IN )

วิธีการใส่ Icon

1. คลิกแก้ไขที่เมนูต้องการใส่ icon

2. ใส่ Code ลงไปในช่อง ชื่อ ตามตำแหน่งที่ต้องการ

<img src="ใส่ลิ้งค์รูปที่นี่">

เช่น

<img src="http://vanessa.ran4u.com/userfiles/fckeditor/2/image/hot.gif">

<img src="http://vanessa.ran4u.com/userfiles/fckeditor/2/image/hot.gif">

<img src="http://www.ran4u.com/userfiles/fckeditor/2/image/ico-3534(2).gif">

<img src="http://www.ran4u.com/userfiles/fckeditor/2/image/Gif_Icon_Hot.gif">

<img src="http://www.ran4u.com/userfiles/fckeditor/2/image/wow(1).gif">

<img src="http://www.ran4u.com/userfiles/fckeditor/2/image/livescore(1).gif">

<img src="http://www.ran4u.com/userfiles/fckeditor/2/image/new.gif">

<img src="http://www.ran4u.com/userfiles/fckeditor/2/image/new%20(1).gif">

<img src="http://www.ran4u.com/userfiles/fckeditor/2/image/ico-4408.gif">

หมายเหตุ : ไม่สามารถนำไอค่อนไปใส่ในหมวดหมู่ชนิดบทความได้ เพราะจะทำให้การแสดงผลหน้าเว็บผิดพลาด

การใส่รูปในเมนูLink

1. คลิกปุ่ม NEW เลือก LINK

2. ใส่ Code ลงไปในช่อง Link Name

<img src="ใส่ลิ้งค์รูปที่นี่" width="130" style="border: 1px solid #cfcfcf;" align="middle" / >

เช่น <img src="http://www.ran4u.com/userfiles/fckeditor/2/image/google-logo.jpg" width="130" style="border: 1px solid #cfcfcf;" align="middle" / >

วิธีการใส่ รูปในเมนู

HTML code

ให้สร้า้ง เมนูที่ชื่อว่า "หมวดหมู่" NEW -> หมวดหมู่ เเล้วจึง ระบุ code ในช่อง ชื่อหมวดหมู่ ตามนี้

รูป : <img src="link url ของรูปภาพ" width="146"/>

ตัวอย่าง <img src="http://image.ohozaa.com/i/2e8/06130.gif" width="146" />

หมายเหตุ ** width="146" หากไม่กำหนด จะทำให้รูปมีความกว้างเกินกว่ากรอบของเมนูซ้ายมือ

การใส่ link : <a href="link เว็บปลายทางที่จะให้ไป">ข้อความ</a>

ตัวอย่าง

ผลลัพธ์ เว็บบอร์ด

*** เทคนิคเพิ่มเติม: หากต้องการ "คลิกที่รูปแล้วไปหน้าที่เราต้องการ" ให้เอา 2 คำสั่งมาประกอบกัน

ตัวอย่าง

ผลลัพธ์

หมายเหตุ ถ้าต้องการให้ลิงค์เปิดไปยังหน้าใหม่ ให้แทรกคำสั่ง target="_blank" ลงไปที่หลัง a

เช่น <a target="_blank" href="http://track.thailandpost.co.th/trackinternet/Default.aspx"><img src="http://howto.ran4u.com/userfiles/fckeditor/372/image/track_trace.jpg" width="146" /></a>

ดูวิดีโอเพิ่มเติม