mamynongguy  >>  

----- Code เกี่ยวกับตัวอักษร และข้อความ -----
    Text : การแสดงข้อความ หรือ การกำหนดรุปแบบของตัวอักษร

Code เกี่ยวกับข้อความ / ลูกเล่นต่าง ๆ ของข้อความ


1. การกำหนดรูปแบบตัวอักษร

วางแท็กคร่อมตัวอักษรเลยจ๊า
<b> ข้อความที่ต้องการ </b> เพื่อ ทำให้ตัวหนังสือเป็นตัวหนา
<i> ข้อความที่ต้องการ </i> เพื่อ ทำให้ตัวหนังสือเป็นตัวเอียง
<u> ข้อความที่ต้องการ </u> เพื่อ ขีดเส้นใต้ ให้กับตัวหนังสือ
<s> ข้อความที่ต้องการ </s>เพื่อ ตัวอักษรที่มีเส้นขวางพาดทับ
<center> ข้อความที่ต้องการ </center>เพื่อ จัดตำแหน่งจัดกลางให้กับตัวอักษร



2. กำหนดรูปแบบตัวอักษร

<font face="AngsanaUPC">ข้อความที่ต้องการ</font>

อยากให้ข้อความที่เราเพิ่มเข้าไปเป็นตัวอักษรพิเศษ เราก็เอาชื่อของแบบตัวอักษร
แทนที่เข้าไปค่ะ อย่างตัวอย่างนี้ เราก็เปลี่ยนตรง AngsanaUPC เป็นชื่ออื่นแทน



3. เปลี่ยนสีและแบบ Font ใช้ได้ทั้งเว็บค่ะ
<style>body, ul, li, p{font:bold MS Sans Serif;font-size:10pt;color: โค้ดสี;}</style>

ใส่แบบอักษร แทนที่ MS Sans Serif ค่ะ
ขนาด แทนที่ที่ตัวเลขตรง font-size หน่วยเป็น pt
และ เปลี่ยนสีตัวอักษร เราก็ใช้ โค๊ตสี แทนที่ได้เลยค่ะ
แต่ควรเป็นตัวอักษรที่ Browser ส่วนใหญ่รองรับด้วยนะคะ
ไม่งั้นก็จะไม่แสดงผลค่ะ



4. เปลี่ยนสี Link สีตัวอักษร
<style>A:link{color: โค้ดสี Link;text-decoration:none;}
A:visited{color: โค้ดสีที่คลิกแล้ว;text-decoration:none}
A:hover{color: โค้ดสีที่ลากผ่าน;text-decoration:none;}</style>

::::::::::::::: code สีดูที่นี่ค่ะ ::::::::::::::::::
http://www.zalim-code.com/codeconlor.htm
http://www.khonkaenlink.info/serviceprogram/Webmaster_ColorChart.htm
http://my.dek-d.com/Writer/story/viewlongc.php?id=250446&chapter=188
โดย: เจ้าบ้าน [11 มี.ค. 52 2:59] ( IP A:58.9.151.146 X: )
Add to Facebook  Add to Twitter  Add to Multiply  Add to Google  Add to Blogger  Add to Live

ความคิดเห็นที่ 1
   5. ข้อความต้อนรับ
จะปรากฏเป็น Pop up เมื่อโหลดหน้า Home เสร็จแล้ว
<Script Language= "VBScript">alert("ข้อความ")</Script>



6. ข้อความจากลา
จะปรากฏเป็น Pop up เมื่อออกจากเว็บ หรือ refresh
<Script Language="VBScript">Sub Window_onUnLoad()alert("ข้อความ") End Sub</Script>

ข้อความ = แทนที่ข้อความที่ต้องการ

**** ข้อความต้อนรับและข้อความจากลา จะให้ผลไม่เหมือนเว็บบล็อคค่ะ น่ารำคาญมากกว่า
เพราะมันขึ้นทุกครั้งที่มีการเปลี่ยนหน้าเว็บเพจ ****



7. ข้อความวิ่ง

<marquee direction=up height= 130 onMouseOut=this.start() onMouseOver=this.stop() scrollamount= 1 scrolldelay=30 width=100% truespeed=true><center>ข้อความ</marquee></center>


คำอธิบาย
direction= up <== ทิศทางในการเคลื่อนไหว up = บน, down = ลง, left =ซ้าย, right=ขวา
height= 130 <== กำหนดความสูงของการวิ่งขึ้นลง
scrollamount= 1 <== ความเร็วของการเคลื่อนที่ ตัวเลขยิ่งมากยิ่งเคลื่อนที่เร็ว
scrolldelay= 30 <== การหน่วงของการเริ่มต้นการเคลื่อนไหวของชุดต่อไป
(onMouseOut=this.start() onMouseOver=this.stop() <== คำสั่งที่ทำให้หยุดเมื่อเมาส์โดนข้อความ
<center>..............</center> <== การใส่คำสั่งให้จัดตำแหน่งจัดกลางของข้อความ
ข้อความ = แทนที่ด้วยข้อความที่เราต้องการ
หากต้องการให้ข้อความขึ้นบรรทัดใหม่ให้แทรกด้วย <br> ระหว่างข้อความ



8. คำสั่งให้ภาพเคลื่อนที่แทนตัวอักษร

ตัวอย่างให้ภาพเคลื่อนที่จากซ้ายไปขวา
<marquee direction= right scrollamount= 1><img src= XXX></marquee>

คำอธิบาย
direction= right <== ทิศทางในการเคลื่อนไหว up = บน, down = ลง, left =ซ้าย, right=ขวา
scrollamount= 1 <== ความเร็วของการเคลื่อนที่ ตัวเลขยิ่งมากยิ่งเคลื่อนที่เร็ว
XXX <== แทนที่ด้วย URL ของภาพ


:::::::::::::::::::: แหล่งโหลด Font น่ารัก ๆ :::::::::::::::::::::::::::::::
http://www.zalim-code.com/codephotoshoploadfont.htm
http://f0nt.com ฟอนต์ภาษาไทย โดน ๆ โหลดฟรีค่ะ
http://www.dolliecrave.com/fonts.shtml นี่ก็แฟนซีมาเลย ลิงค์รูปอาจจะไม่ขึ้น แต่ลิงค์โหลดทำงานได้จ๊า

โดย: เจ้าบ้าน [11 มี.ค. 52 2:59] ( IP A:58.9.151.146 X: )

ความคิดเห็นที่ 2
   โหลดฟอนต์ภาษาอังกฤษ .. แปลก ๆ สวย ๆ

http://www.dafont.com
http://www.urbanfonts.com
http://www.1001freefonts.com
http://www.free-fonts.com
http://www.getfreefonts.info
http://www.searchfreefonts.com
http://www.downloadfreefonts.com
http://www.all-4-free.com/fonts
http://www.fontfree.com
โดย: เจ้าบ้าน [3 เม.ย. 53 14:08] ( IP A:58.11.39.186 X: )


คลิกที่นี่เพื่อกลับหน้าบ้าน