Support
HowTo Ran4U
Your shopping cart
ดูตะกร้าสินค้าของคุณ
ไม่มีสินค้าในตะกร้าของคุณ

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

wybird | 02-12-2559 | เปิดดู 576 | ความคิดเห็น 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>

ตัวอย่าง 

<a href="http://9silvery.com/listClubForum.do?clubId=2174&clubForumMenuId=2952">เว็บบอร์ด</a>

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

 

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

ตัวอย่าง 

<a href="http://9silvery.com/listClubForum.do?clubId=2174&clubForumMenuId=2952"><img src="http://image.ohozaa.com/i/2e8/06130.gif" width="146" /></a>

 

 

 

ผลลัพธ์ 

 

 

หมายเหตุ ถ้าต้องการให้ลิงค์เปิดไปยังหน้าใหม่ ให้แทรกคำสั่ง 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>

 

 

 

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

 

ความคิดเห็น

วันที่: 25-06-2019

แสดงความคิดเห็น
All Comments: 0 Pages: 1/0
 

Contacts Us

หากมีมีข้อสอบถาม หรือข้อสงสัย สามารถติดต่อเราได้ที่นี่

  • เลขที่ 1432 ถนน สุทธิสาร ซอยศรีสุข แขวงห้วยขวาง เขตห้วยขวาง กทม 10320
  • 02-047-0022
  • 086-906-4106
  • Email: admin@rongrean.com

QR Code


Line id : @ran4u