SEARCH    
 
   - A   + A
พบกับทิป และทริก(Tips and trick) สำหรับการออกแบบเซ็บไซต์ ด้วย for เว้บไซต์สำเร็จรูป-ninenic.com
www.tips.ninenic.com
HOME เกี่ยวกับเรา ติดต่อเรา
 

การทำข้อความ หรือ ภาพเคลื่อนไหวในเว็บเพจด้วย marquee
 แนะนำโดย : เว็บไซต์สำเร็จรูป-NineNIC

Marquee เป็น code ที่นำมาใช้ในการตกแต่งหน้าเว็บเพจ ซึ่งมีหลายรูปแบบสามารถนำมาใช้กับข้อความหรือ รูปภาพ เช่น แสดงข้อความ หรือรูปภาพแบบเลื่อน (scrolling) โดยมีตัวอย่างการนำมาใช้ดังนี้ค่ะ

ข้อความเลื่อนด้วย Marquee code

 Source Code   ผลลัพท์(results)

<marquee >ข้อความ</marquee>
 		 ข้อความ

วิธีการทำข้อความสไลด์ด้วย Marquee  ใน Webedit ของระบบเว็บไซต์สำเร็จรูป-NineNIC 

1.นำโค้ดตามตัวอย่าง ไปวางไว้ในตำแหน่งที่ต้องการ โดยให้ คลิก Source ก่อนวางโค้ด และ Save

2. ตัวอย่างโค้ดที่นำไปวาง

<marquee >ข้อความ</marquee>
 
 3. คลิก Save เพื่อบันทึก

วิธีการทำข้อความสไลด์ด้วย Marquee ใน Webedit ของระบบเว็บไซต์สำเร็จรูป-NineNIC


ตัวอย่างการทำรูปภาพเลื่อน ด้วย Marquee code

 Source Code   ผลลัพท์(results)
<marquee ><img  src="http://tips.ninenic.com/download/tips_ninenic_com/slide1/show1_1.jpg" /><img src="http://tips.ninenic.com/download/tips_ninenic_com/slide1/show1_2.jpg" /><img src="http://tips.ninenic.com/download/tips_ninenic_com/slide1/show1_3.jpg" /> <img  src="http://tips.ninenic.com/download/tips_ninenic_com/slide1/show1_4.jpg" /> </marquee>

วิธีการทำภาพสไลด์ด้วย Marquee  ใน Webedit ของระบบเว็บไซต์สำเร็จรูป-NineNIC 

การทำภาพสไลด์ด้วย marquee code มีดังต่อไปนี้
 
ขั้นตอนที่ 1 สร้าง Folder สำหรับจัดเก็บภาพที่จะนำมาทำ Slide

ขั้นตอนที่ 2 อัพโหลด รูปภาพสำหรับ Slide ทั้งหมดลงใน Folder ที่สร้างไว้ในขั้นตอนที่1 (โดยให้ความสูงของภาพมีขนาดเท่ากันทุกภาพ-เพื่อความสวยงาม)

 

ขั้นตอนที่ 3 นำโค้ดตามตัวอย่าง ด้านล่างนี้ ไปวางไว้ใน Row ที่ต้องการ โดยให้ คลิก Source ก่อนวางโค้ด และ Save

ตัวอย่างโค้ดของ Marquee
<marquee >
<img border="0" alt="" src="http://domainname.com/download/domainname_com/foldername/picturename.jpg" />
<img border="0" alt="" src="http://domainname.com/download/domainname_com/foldername/picturename.jpg"  />
<img border="0" alt="" src="http://domainname.com/download/domainname_com/foldername/picturename.jpg" />
</marquee><br />
 
คำอธิบาย

http://domainname.com/download/domainname_com/foldername/picturename.jpg

 
domainname.com เปลี่ยนเป็นชื่อ โดเมนของท่าน
domainname_com ใส่ชื่อ โดเมน โดยเปลี่ยนจากเครื่องหมาย . (dot) เป็น _ (under scroll)
foldername ใส่ชื่อโฟลเดอร์ที่มีรูปภาพสำหรับทำภาพสไลด์
picturename.jpg ใส่ชื่อรูปภาพ
 

 

ตัวอย่าง Marquee  Codes เพิ่มเติม


www.tips.ninenic.com
HOME เกี่ยวกับเรา ติดต่อเรา
Web hosting | website builder |เว็บไซต์สำเร็จรูป by ninenic ©Copyright 2002-2025 All rights reserved.
บริษัท อีคอมสยาม ดอทคอม จำกัด
82/8 หมู่ 6 ถ.ประชาราษฎร์
ต.ตลาดขวัญ อ.เมือง จ.นนทบุรี 11000
Tel : 029682665 Fax: 029683400
Email : info@ecomsiam.com