วันที่ เสาร์ กรกฎาคม 2551

พิมพ์หน้านี้  |  ดูบล๊อกอื่นๆ ที่ OKnation

 

ทำตัวอักษรวิ่ง-เลื่อน (Scroll Text) ใส่บลอก




ในรูปข้างบนคือ Code สำหรับทำตัวอักษรเลื่อน-อักษรวิ่งครับ


ขออธิบาย Code สำหรับไว้ปรับแต่ง


scrollamunt="2" - ปรับแต่งความเร็ว-ช้าของการเลื่อน

ตัวเลขยิ่งมาก ยิ่งเลื่อนเร็ว


direction="up" - เลื่อนขึ้น direction="down" - เลื่อนลง


direction="left" - เลื่อนไปทางซ้าย direction="right" - เลื่อนไปทางขวา


width="90%" - ความกว้างของกรอบ


bgcolor="#0000ff" - สีของพื้นหลัง (background)


font color="#ff00ff" - สีของตัวอักษร


size="+1" - ขนาดตัวอักษร


(จบข้อความ)



วิธีใช้
๑. คัดลอก (copy) code ไปวาง (paste) ในเนื้อเรื่อง ในโหมด html
๒. เปลี่ยนข้อความ The 1st line, The 2nd line, ..... เป็นข้อความที่ต้องการ
๓. ปรับแต่ง code ตามต้องการ



Scroll Text Code :

<p class="MsoNormal" style="MARGIN: 0in 0in 0pt"><span lang="TH"><font face="Tahoma" color="#000000"></font></span></p>
<p class="MsoNormal" style="MARGIN: 0in 0in 0pt"><span lang="TH"><font face="Tahoma" color="#000000"></font></span></p>
<p class="MsoNormal" style="MARGIN: 0in 0in 0pt"><span style="FONT-WEIGHT: bold"> </span></p>
<p><font face="Tahoma" color="#000000"> </font></p>
<div align="center"><marquee scrollamount="2" direction="up" width="90%" bgcolor="#000080"><center><font color="#ffffff" size="+1"><strong>
The 1st line (บรรทัดที่ ๑) <br /><br /><br />
The 2nd line (บรรทัดทื่ ๒) <br /><br /> <br />
The 3rd line (บรรทัดที่ ๓) <br /><br /><br />
The 4th line (บรรทัดที่ ๔) 
</strong></font></center></marquee></div>




ข้อควรระวัง
- พื้นหลังและตัวอักษรควรเลือกสีที่อ่านง่าย ไม่แสบตา
- ข้อความแต่ละบรรทัดควรจะเป็นข้อความสั้น ๆ ไม่ยาวมากนัก
- ข้อความแต่ละบรรทัด ควรห่างกันพอสมควร
- ความเร็วในการเลื่อน ปรับแต่งให้พอดี ไม่ช้าหรือเร็วเกินไป
- ฯลฯ
โพสต์เสร็จแล้ว ทดลองอ่านเองดูก่อน เอาใจเขามาใส่ใจเรา มีทั้งคนอ่านหนังสือช้า-อ่านเร็ว คนเยาว์วัย-คนมากประสบการณ์ ฯลฯ ปรับให้เป็นแบบกลาง ๆ (ทางสายกลาง) จะได้อ่านกันทันครับ



ขอขอบคุณ Scroll Text Code จาก www.javascript.com




ขออภัยถ้าตัวอักษรเล็กไป ประสบปัญหา font ผิดขนาดและรูปแบบตาม http://www.oknation.net/blog/manual/2008/07/17/entry-1 ครับ ลองแก้ด้วยการ click ที่ "พิมพ์หน้านี้" ดูครับ  ขอบพระคุณ

โดย MrTote

 

กลับไปที่ www.oknation.net