diy วิธีทำอักษรวิ่งจากขวาไปซ้าย

suttasilo

          วันนี้นำdiy วิธีทำอักษรวิ่งจากขวาไปซ้ายมาแบ่งปันครับ  โค้ดที่ทำใช้จากเว็บเก่า phpwind

          ขั้นตอนวิธีทำไปที่ ปุ่มเครื่องมือ DIY  
          คลิกเลือกขั้นสูง\คลิกเพิ่มเฟรม 100% ลากไปวางตำแหน่งที่ต้องการ\ลบชื่อเฟรมออก(หรือตั้งชื่อตามต้องการ)\คลิกที่โมดูล\เลือกโค้ดHTML\ลากโค้ด HTMLไปวางที่ตำแหน่งเฟรม\ตั้งชื่อID  อักษรวิ่ง\คลิกเลือกช่องแหล่งข้อมูลเป็น โค้ด HTML\นำโค้ดภาพวิ่งด้านล่างไปใส่ในช่อง\คลิกที่ยืนยัน\ปรับแต่งสีพื้นต่างๆได้ตามต้องการ\คลิกที่ตกลง

โค้ดอักษรวิ่งจากขวาไปซ้าย

1. <div class="noticebg" align="center"><span class="wwww"><marquee><font
   
2. color="#ff0033"><img src="data/attachment/advpic/wwh-attention.ico"> ประกาศ  : </font><font color="#00b82e">ขอความร่วมมือสมาชิกทุกท่าน "ห้ามแสดงความคิดเห็น, อัพโหลดภาพ, สื่อ หรือข้อมูลต่าง ๆ ที่พาดพิงถึงสถาบันชาติ ศาสนา พระมหากษัตริย์ และราชวงศ์ ไปในทางเสื่อมเสียเป็นอันขาด" หากพบเห็นกรุณาแจ้งได้โดย : <u>โพสที่บอร์ด หรือ อีเมล์ watbangkrang@gmail.com </u></font><img src="data/attachment/advpic/wwh-attention.ico"><font color="#03a3ff">วางอบายมุขสิ่งเสพติดจิตแจ่มใส วางการยึดมั่นถือมั่นว่าตัวเราแล้วจะเบาใจ</font></marquee></span></div>

คัดลอกไปที่คลิปบอร์ด

         นำโค้ดไปใช้ให้แก้ไขลิงค์อีเมลตามเว็บไซต์ของท่าน ข้อความพิมพ์แก้ไขได้ตามต้องการครับ   ศึกษาดูรายละเอียดขั้นตอนการทำจาก VDO

suttasilo

สร้างโฟลเดอร์ advpic แล้วอัพโหลดไฟล์ wwh-attention.ico ไปไว้ที่โฟลเดอร์ data/attachment/advpic/wwh-attention.ico
ดาวน์โหลด

toulnoi

สวยงามมากครับ จะไส่ ไอคอนหรือไม่ไส่ก็ได้แล้วแต่ความชอบ

toulnoi

มี 1คำ ถามครับ จะปรับ ไห้ตัวหนังสือ วิ่งช้าลงต้องปรับแก้ตรงไหนครับ
ขอบคุณครับ

suttasilo

toulnoi ตอบกลับเมื่อ 2016-4-29 13:02
มี 1คำ ถามครับ จะปรับ ไห้ตัวหนังสือ วิ่งช้าลงต้องปรับแก้ตรงไหนครับ
ขอบคุณครับ

ตรง <marquee><front>  เพิ่มโค้ดเป็น
<marquee scrollamount=1>font>   ตัวเลข 1 ถ้าใส่ค่ามากก็จะวิ่งเร็ว ทดลองทดสอบความเร็วโดยการใส่ค่าตัวเลขดู

เพิ่มเนื้อหา (2016-4-29 15:10):
<marquee direction=right>font> ให้อักษรวิ่งไปทางขวา
<marquee direction=left>font>   ให้ตัวอักษรวิ่งไปทางซ้าย

cholphan

ขอบคุณมากครับที่แบ่งปัน

Noomhk

ถ้าเราอยากปรับขนาดตัวหนังสือ ต้องเพิ่ม code ตรงไหนครับ

suttasilo

Noomhk ตอบกลับเมื่อ 2018-8-12 19:42
ถ้าเราอยากปรับขนาดตัวหนังสือ ต้องเพิ่ม code ตรงไหนครับ

หากต้องการเพิ่มขนาดตัวอักษร  ให้ใส่โค้ดนี้เพิ่มเติมหน้าข้อความ  <font size="ใส่ตัวเลข">เขียนข้อความที่นี่ และปิดตัวแท็กคำสั่งคือ</font>
        เลข 1จะมีขนาดเล็กที่สุด
        เลข 7 จะมีขนาดใหญ่ที่สุด
จากโค้ดตัวอย่างจะเพิ่มเป็นดังนี้

1. <div class="noticebg" align="center"><span class="wwww"><marquee><font
   
2. color="#ff0033"><img src="data/attachment/advpic/wwh-attention.ico"><font size="7"> ประกาศ  : </font><font color="#00b82e"><font size="7">ขอความร่วมมือสมาชิกทุกท่าน "ห้ามแสดงความคิดเห็น, อัพโหลดภาพ, สื่อ หรือข้อมูลต่าง ๆ ที่พาดพิงถึงสถาบันชาติ ศาสนา พระมหากษัตริย์ และราชวงศ์ ไปในทางเสื่อมเสียเป็นอันขาด" หากพบเห็นกรุณาแจ้งได้โดย : <u>โพสที่บอร์ด หรือ อีเมล์ watbangkrang@gmail.com </u></font><img src="data/attachment/advpic/wwh-attention.ico"><font color="#03a3ff">วางอบายมุขสิ่งเสพติดจิตแจ่มใส วางการยึดมั่นถือมั่นว่าตัวเราแล้วจะเบาใจ</font></marquee></span></div>

คัดลอกไปที่คลิปบอร์ด

ผลลัพธ์ตัวอักษรใหญ่ขึ้นดังรูป

Noomhk

suttasilo ตอบกลับเมื่อ 2018-8-13 07:43
หากต้องการเพิ่มขนาดตัวอักษร  ให้ใส่โค้ดนี้เพิ่มเติม ...

สุดยอด ขอบคุณมากครับผม

9kapong

ขอบคุณครับ