• MrTote
  • ranking : สมาชิกทั่วไป
  • email : MrTote@gmail.com
  • วันที่สร้าง : 2007-12-18
  • จำนวนเรื่อง : 58
  • จำนวนผู้ชม : 21722
  • จำนวนผู้โหวต : 57
  • ส่ง msg :
เปิบข้าว

เปิบข้าวทุกคราวคำ จงสูจำเป็นอาจินต์ เหงื่อกูที่สูกิน จึงก่อเกิดมาเป็นคน

View All
วันเสาร์ ที่ 19 กรกฎาคม 2551
ทำตัวอักษรวิ่ง-เลื่อน (Scroll Text) ใส่บลอก
Posted by MrTote , ผู้อ่าน : 239 , 08:58:36 น.   | หมวดหมู่ : IT  
พิมพ์หน้านี้



ในรูปข้างบนคือ 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 ที่ "พิมพ์หน้านี้" ดูครับ  ขอบพระคุณ

อ่านความคิดเห็น

ความคิดเห็นที่ 46
ครูเก๋ วันที่ : 29/07/2008 เวลา : 17.30 น.
http://www.oknation.net/blog/clear
Clear : ชัดเจน จริงใจ ตรงไปตรงมา 

ว้าเรื่องเก่า
ความคิดเห็นที่ 45
watcha วันที่ : 28/07/2008 เวลา : 23.13 น.
http://www.oknation.net/blog/learnlivelove
อย่าทำในสิ่งที่ไม่มีสิทธิ์ อย่าคิดในสิ่งที่ไม่มีค่าอย่ารอในสิ่งที่ไม่มีมา อย่าไขว่คว้าในสิ่งที่ไม่มีจริง" วัชชา "

อ่ะนะ...จ๊ะ
ความคิดเห็นที่ 44
ภู่กันดอย วันที่ : 27/07/2008 เวลา : 21.19 น.
http://www.oknation.net/blog/anubarnmaetalu

ขอบคุณครับ
สวัดดีครับ
กลับมาเยี่ยมเพื่อนบ้านครับ
กลับมารับฟัง
ความรู้สึกประสบการณ์ในการถ่ายทอด
ขอบคุณมากนะครับ
สำหรับความรู้และบทความที่ดีดี
กาลเวลาแม้จะผ่านพ้นไป
แต่การเก็บเกี่ยวความรู้
ประสบการณ์นั้นสำคัญเช่นกันครับ
ว่างๆ มาเยี่ยมน้อง ๆ โรงเรียนบ้านแม่ทะลุนะครับ
วันนี้มีกิจกรรมใหม่มานำเสนอครับ
เป็นกิจกรรมนักเรียน ผลงานนักเรียน
ที่บ่งบอกถึงความรู้สึก และความสามรถ
ความคิด และจินตนาการในตัวเด็กครับ
ขอบคุณครับ
ภู่กันดอย....สบเมย...แม่ฮ่องสอน
ความคิดเห็นที่ 43
เก็ดถวา วันที่ : 27/07/2008 เวลา : 19.54 น.
http://www.oknation.net/blog/gedtawa
...ขอแต่เพียง ยังยืนหยัดต่อสู้ต่อไป...

ว้าว.. ขอบพระคุณมากๆ ค่ะ จะลองทำดูค่ะ

...

ขอบพระคุณที่แวะเข้าไปชมภาพม็อบพล่านเชียงรายด้วยนะคะ
ความคิดเห็นที่ 42
Je@b วันที่ : 27/07/2008 เวลา : 15.09 น.
http://www.oknation.net/blog/wujira
The secret of success in life is to be ready for your opportunity when it comes.ความลับของความสำเร็จ คือ เตรียมตัวให้พร้อมอยู่เสมอสำหรับโอกาสที่มาถึง


วันก่อนเห็นโฆษณาทางทีวีของเออเซ่อนี่แหละ ยังว่าเล็กดี อยากได้สักเครื่องเหมือนกัน แต่ไม่รู้ว่าเล็ก ๆ เนี่ยะจะใช้ได้เปล่าสำหรับผู้มีวิชั่นอย่างเรา (มองเห็นแต่ไกล ๆ) ใกล้ ๆ จอ ๑๗ นิ้วยังต้องใส่แว่นเลย!

เราว่าอะไร ๆ ก็พัฒนาให้มันเล็ก ๆ ลงก็ดีนะจะได้ไม่เปลืองทรัพยากร โดบเฉพาะคนเนี่ย ถ้าทุกคนตัวเล็กลงซักครึ่งหนึ่ง ก็จะใช้ทรัพยากรน้อยลงครึ่งหนึ่งนะ เห็นด้วยมะ!

.......

เห็นด้วยค่ะ ... เราก็ใช้ 12 นิ้วอยู่ปวดตามาก ๆ เหมือนกัน
คงใกล้ๆ ใส่แว่นและ .... แต่เล็ก ๆ เนี่ย ไว้ใช้คุยกะเพื่อน ๆ
คงพอไหว ... บางทีก็อยากมีเครื่องเล็ก ๆ เบา ๆ ไว้แบกไป
เล่นตามร้านกาแฟอ่ะ ... คงเพลินดี ...

แต่ถ้าจะใช้เป็นเครื่องทำงานหลัก แบบดูทั้งวัน ๆ คงต้องใช้
จอใหญ่ ๆ น่าจะสบายตากว่า ^ - ^

อิอิ .. ชอบจริง ๆ คนมี Vision อย่าง "พวกเรา" ... ก็เป็นเช่น
นั้นแล .... คือ ต้องดูอะไรไกล ๆ หน่อย .. อ่ะนะ ...

ยิ่งไกลยิ่งชัดเจน
ความคิดเห็นที่ 41
chedtha วันที่ : 26/07/2008 เวลา : 18.43 น.
http://www.oknation.net/blog/chedtha
http://www.oknation.net/blog/chedtha3 (ความทรงจำที่สวยงาม)

โอ้โห....เท่ จริงๆครับ ตัวอักษรเลื่อนได้
+1 โหวตให้ด้วยความขอบคุณในวิทยาทานครับ


วันนี้นำภาพดอกไม้ในสวน มาโพสต์ไว้ที่บ้าน chedtha3 นะครับ
http://www.oknation.net/blog/chedtha3/2008/07/25/entry-1
ความคิดเห็นที่ 40
komyos วันที่ : 26/07/2008 เวลา : 14.18 น.
http://www.oknation.net/blog/youngmomy
อยู่กับสิ่งที่มี..ไม่ใช่สิ่งที่ฝัน..

สวัสดีบ่ายวันเสาร์เจ้า
ความคิดเห็นที่ 39
MrTote วันที่ : 24/07/2008 เวลา : 17.08 น.
http://www.oknation.net/blog/MrTote
มิสเตอร์โต๋เต๋


ตอบคุณบี ความคิดเห็นที่ ๓๘ ครับ
Code เลื่อนขวาไปซ้ายครับ ขออภัยที่ต้องส่งมาเป็นรูปนะครับ ส่งมาเป็นโค้ด browser จะเอาไปรันหมดครับ
ความคิดเห็นที่ 38
วิตามินบี วันที่ : 24/07/2008 เวลา : 13.00 น.
http://www.oknation.net/blog/babymind
ความอ่อนน้อมถ่อมตน คืออาภรณ์ประดับกายที่งดงาม


ขอโค้ดเลื่อนขวาไปซ้ายแบบด้านล่างได้มั้ยคะ
ความคิดเห็นที่ 37
ครูเก๋ วันที่ : 23/07/2008 เวลา : 22.04 น.
http://www.oknation.net/blog/clear
Clear : ชัดเจน จริงใจ ตรงไปตรงมา 

ค.ห.๓๑น่าสงสารจังค่ะ อายุปานนี้แล้ว ยังต้องมานั่งถ่ายรูป เขียนเรื่องลงบล็อกอีก
ความคิดเห็นที่ 36
yungjung วันที่ : 23/07/2008 เวลา : 21.38 น.
http://www.oknation.net/blog/yungjung

ขอบคุณสำหรับคอมเมนต์ ค่ะ แล้วจะปรับปรุงค่ะ
ความคิดเห็นที่ 35
aihu วันที่ : 23/07/2008 เวลา : 19.55 น.
http://www.oknation.net/blog/aihu
การไม่ก้าวเดิน..ย่อมไม่ถึงซึ่งความหมาย

น่าสนใจค่ะ
ความคิดเห็นที่ 34
อะหนึ่ง วันที่ : 23/07/2008 เวลา : 19.44 น.
http://www.oknation.net/blog/mindhand
..อนึ่ง....คิดถึงพอสังเขป.. ..อะหนึ่ง..

ขอบคุณไว้ล่วงหน้าครับ
เผื่อนำไปใช้งาน
ความคิดเห็นที่ 33
พิรี้พิไรลา วันที่ : 23/07/2008 เวลา : 13.35 น.
http://www.oknation.net/blog/mesa
ดื่มด่ำในความเหงา

น่าสนใจจังครับ
เสียแต่ผมแต่งไม่ค่อยเป็น...
ความคิดเห็นที่ 32
komyos วันที่ : 23/07/2008 เวลา : 08.45 น.
http://www.oknation.net/blog/youngmomy
อยู่กับสิ่งที่มี..ไม่ใช่สิ่งที่ฝัน..

สวัสดีเจ้าคุณโต๋เต๋..

*ที่ว่า "ขอสมัครเป็นลูกศิษย์" น่ะ ขอบคุณครับ แต่ขอไม่รับนะครับ เพราะไม่ได้รู้มากพอจะเป็นครูได้ครับ เพียงแต่ไปพบอะไรที่คิดว่าน่าสนใจก็เอามาปันกันครับ ยินดีให้คำแนะนำ (ถ้ารู้จริง ๆ) ครับ *

แฮะๆทีแรกนึกว่าปฎิเสธก๋ารฮับเป๋นลูกศิษย์..เพราะลูกศิษย์แก่เกิน..อิอิ..
ขอบคุณเจ้าสิ่งดีๆตี้นำมาแบ่งปัน..เอาไว้ข้าเจ้าลองทำถ้าบ่เข้าใจ๋จะถามมาเน่อเจ้า
ความคิดเห็นที่ 31
คุณนายหวี วันที่ : 22/07/2008 เวลา : 20.16 น.
http://www.oknation.net/blog/hello

คุณเต๋ขา...เห็นใจคุณนายเถอะค่ะ ( ไม่ได้แก้ตัวนะค้า..)
ต้องทำเอง ถ่ายรูปเอง แต่พอถึงวิธีห่อ.. หาคนถ่ายรูปไม่ได้ ก็เลยต้องข้ามขั้น วันนั้นไม่มีใครอยู่เลย ต้องช่วยตัวเองอ่ะ..
อะไร ๆ ก็ตู
ความคิดเห็นที่ 30
มะอึก วันที่ : 22/07/2008 เวลา : 10.00 น.
http://www.oknation.net/blog/panakom

ผมไม่กล้าทำครับโต๋เต๋....ผมกลัวตัวอักษรมันจะเลื่อนไปคนละทิศคนละทาง
เหมือนรัฐมนตรีชุดนี้...ต้องแตกกระจายไปทีละคน ๆ
.
ความคิดเห็นที่ 29
roselobster วันที่ : 21/07/2008 เวลา : 18.51 น.
http://www.oknation.net/blog/Memyself
" บทกวีไม่ได้เป็นของคนแต่ง....แต่เป็นของคนที่ต้องการมันต่างหาก " 


ลองดูแล้ว

ทำได้ค่ะ

ขอบคุณนะค่ะ
ความคิดเห็นที่ 28
ครูเก๋ วันที่ : 21/07/2008 เวลา : 16.42 น.
http://www.oknation.net/blog/clear
Clear : ชัดเจน จริงใจ ตรงไปตรงมา 

ขอบคุณค่า ว่างๆจะลองนะคะ
ความคิดเห็นที่ 27
Je@b วันที่ : 21/07/2008 เวลา : 16.25 น.
http://www.oknation.net/blog/wujira
The secret of success in life is to be ready for your opportunity when it comes.ความลับของความสำเร็จ คือ เตรียมตัวให้พร้อมอยู่เสมอสำหรับโอกาสที่มาถึง

อ่ะ .... ว่าจะมาเป็นศิษย์ด้วยคน
ไม่ยอมรับ ... งั้นแวะมาบอกนิดนึงล่ะกันนะเพื่อนว่า ...
เอาตัววิ่ง ๆ ไปเล่นแล้ว

ช่วยแวะไปชื่นชมหน่อยนะคะ ...
ขอบคุณมากค่ะ สำหรับคำแนะนำ ^ - ^
ความคิดเห็นที่ 26
spyone วันที่ : 21/07/2008 เวลา : 10.08 น.
http://www.oknation.net/blog/spyone
  โลกหมุนด้วยความรัก

ขอบคุณค่ะ
ความคิดเห็นที่ 25
MrTote วันที่ : 21/07/2008 เวลา : 08.17 น.
http://www.oknation.net/blog/MrTote
มิสเตอร์โต๋เต๋


อรุณสวัสดิ์วันจันทร์ครับ คุณ komyos!

ที่ว่า "ขอสมัครเป็นลูกศิษย์" น่ะ ขอบคุณครับ แต่ขอไม่รับนะครับ เพราะไม่ได้รู้มากพอจะเป็นครูได้ครับ เพียงแต่ไปพบอะไรที่คิดว่าน่าสนใจก็เอามาปันกันครับ ยินดีให้คำแนะนำ (ถ้ารู้จริง ๆ) ครับ
ความคิดเห็นที่ 24
komyos วันที่ : 21/07/2008 เวลา : 08.16 น.
http://www.oknation.net/blog/youngmomy
อยู่กับสิ่งที่มี..ไม่ใช่สิ่งที่ฝัน..

*สวัสดีเช้าวันจันทร์ครับ แม่ริมฝนหยุดหรือยังครับ เชียงรายฝนตกมา ๔ วัน ๔ คืนแล้ว ไม่เห็นพระอาทิตย์เลย วันนี้ก็ยังมีทีท่าว่าจะตกอีก! *

สวัสดีเจ้า..
แม่ริมตะวาเมื่อค่ำฝนตกหนักเลยเจ้า..
ดูจากข่าวหันว่าตี้เจียงฮายมีดินถล่มกาเจ้า..
แม่ริมเจ๊าวันนี้ฟ้าก่อยังบดๆมืดๆ..ทำท่าจะลงมาแห๋มเจ้า
ฝนตกจะอี้ ดูแลรัษาสุขภาพเน่อเจ้า..
ความคิดเห็นที่ 23
komyos วันที่ : 21/07/2008 เวลา : 07.52 น.
http://www.oknation.net/blog/youngmomy
อยู่กับสิ่งที่มี..ไม่ใช่สิ่งที่ฝัน..

สวัสดีต๋อนเจ๊าเจ้า
ความคิดเห็นที่ 22
MrTote วันที่ : 20/07/2008 เวลา : 22.57 น.
http://www.oknation.net/blog/MrTote
มิสเตอร์โต๋เต๋

ตอบคุณบี (วิตามินบี ความเห็นที่ ๒๐) ครับ

ถ้าต้องการตัวอักษรใหญ่ขึ้นแก้ Code ตรง font color="#ffffff" size="+1" เป็น +2 +3 +4 .... ครับ
ถ้าจะให้เล็กลงแก็เป็น -0 -1 -2 ครับ
ความคิดเห็นที่ 21
ญาใจ วันที่ : 20/07/2008 เวลา : 21.43 น.
http://www.oknation.net/blog/yahyy
@...ถ้าทำแล้วฝืน ก็จงอย่าฝืนที่จะทำ...@

ความคิดเห็นที่ 36
MrTote วันที่ : 20/07/2008 เวลา : 17.23 น.
http://www.oknation.net/blog/MrTote
มิสเตอร์โต๋เต๋
ip : 124.157.160.223


สวัสดีครับ มาดูแห่เทียนครับ ได้ยินเสียงมาแต่ไกลรีบวิ่งมาดูเลยครับ!

เมื่อกี้ตามลิงค์ที่ไปคอมเมนต์ไว้ หลงไปอีกบ้านนึง เข้าไม่ได้ ใส่กุญแจ งงเลย!

************************************
ต้องขออภัยเป็นอย่างยิ่งค่ะ
กำลังซ่อมแซมบ้านหลักอยู่ค่ะ
ความคิดเห็นที่ 20
วิตามินบี วันที่ : 20/07/2008 เวลา : 21.41 น.
http://www.oknation.net/blog/babymind
ความอ่อนน้อมถ่อมตน คืออาภรณ์ประดับกายที่งดงาม


บีทำแบบเลื่อนขวาไปซ้ายได้
แต่ขยายตัวอักษรให้ใหญ่ขึ้นไม่เป็นค่ะ
ช่วยแนะนำด้วยค่ะ
ความคิดเห็นที่ 19
ครูแดง วันที่ : 20/07/2008 เวลา : 21.16 น.
http://www.oknation.net/blog/krudang

ขอเป็นผู้ชื่นชมนะคะ
ความคิดเห็นที่ 18
ญาใจ วันที่ : 20/07/2008 เวลา : 15.54 น.
http://www.oknation.net/blog/yahyy
@...ถ้าทำแล้วฝืน ก็จงอย่าฝืนที่จะทำ...@

เยี่ยมค่ะ
แล้วจะพยายามทำนะคะ
ความคิดเห็นที่ 17
รวงข้าวล้อลม วันที่ : 20/07/2008 เวลา : 14.21 น.
http://www.oknation.net/blog/roungkaw
กัลยาณมิตร    เป็นสิ่งหาง่ายเสมอ   แค่รู้จักคำว่า....ให้....และคำว่า...รับ 

ลองไปทำแล้วนะคะ ช่วยกลับไปตรวจสอบให้ด้วยนะคะ
ความคิดเห็นที่ 16
komyos วันที่ : 20/07/2008 เวลา : 10.20 น.
http://www.oknation.net/blog/youngmomy
อยู่กับสิ่งที่มี..ไม่ใช่สิ่งที่ฝัน..

สวัสดีวันติ๊ดเจ้า

หลายๆอย่างตี้อยากเรียนรู้..สมัครเป๋นลูกศิษย์ได้ก่อเจ้า..อิอิ..

ขอบคุณตี้แวะไปแอ่วเจ้า
ความคิดเห็นที่ 15
ช่างนอกตำรา วันที่ : 20/07/2008 เวลา : 08.55 น.
http://www.oknation.net/blog/VRThai

ว่าง ๆ จะลองทำดูมั่ง..
ขอบคุณครับ.
ความคิดเห็นที่ 14
ปอจู วันที่ : 20/07/2008 เวลา : 04.42 น.
http://www.oknation.net/blog/Paojoo1974


อรุณสวัสดิ์ค่ะ.....คุณโต๋เต๋..

รับทราบแล้วค่ะ..
ขอบคุณมากนะคะ..
ที่นำสิ่งแปลก ๆ ใหม่ ๆ มาเสนอให้เพื่อน ๆ เสมออะค่ะ
ความคิดเห็นที่ 13
komyos วันที่ : 19/07/2008 เวลา : 21.30 น.
http://www.oknation.net/blog/youngmomy
อยู่กับสิ่งที่มี..ไม่ใช่สิ่งที่ฝัน..

สวัสดีเจ้า..

อยากทำเป๋นผ่องแต้ๆ..

จะลองพยายามทำเจ้า..อิอิอิ
ความคิดเห็นที่ 12
ลูกสาวชาวนา วันที่ : 19/07/2008 เวลา : 21.13 น.
http://www.oknation.net/blog/ck2008

เอาล่ะทำได้แล้ว ทั้งขึ้น ลง ซ้าย ขวา ขอบคุณมากค่ะ อิ อิ
ความคิดเห็นที่ 11
ลูกสาวชาวนา วันที่ : 19/07/2008 เวลา : 21.05 น.
http://www.oknation.net/blog/ck2008

คุณนี่เจ่งจริงๆเลย เดี๋ยวจิ้กเลย!! อยากได้แบบเลื่อนขวา -ซ้ายมั่ง เดี๋ยวจะรอนะ
ความคิดเห็นที่ 10
BaCon วันที่ : 19/07/2008 เวลา : 15.35 น.
http://www.oknation.net/blog/countonme

ลองแล้วครับ ... แจ๋ว เจง ๆ ...
ขอบคุณมากคร๊าบบบบบบบบบ
ความคิดเห็นที่ 9
Je@b วันที่ : 19/07/2008 เวลา : 14.26 น.
http://www.oknation.net/blog/wujira
The secret of success in life is to be ready for your opportunity when it comes.ความลับของความสำเร็จ คือ เตรียมตัวให้พร้อมอยู่เสมอสำหรับโอกาสที่มาถึง


หวัดดีค่ะ Mr. โต๋เต๋ ... ไม่รู้นะเนี่ย ว่านับละเอียดซะขนาดนี้

ว่าแต่จะมีรอบที่ 6 ม๊ะ ...

ทำให้เจ้าของบ้านละอายเลยนะคะเนี่ย ..

ว่ายังไม่ยอมเปลี่ยนเรื่องซะกะที ..... ไปอ่านมาแร้วนะคะ

Entry เรื่องที่เขียนอ่ะ .... ไว้ต้องลองทำดูมั่งดีก่า ....



ส่วนเรื่องแถบข่าวอ่ะ ... เคยเล่นอยู่เหมือนกันค่ะ ...
สมัย