Bloggang.com : Jจุ้ย : โค้ดพื้นฐาน จากป้ามด 2

โค้ดพื้นฐาน จากป้ามด 2

32. ตัวหนังสือในแถบเรืองแสง

ตัวหนังสือในแถบเรืองแสง
เลือกสีของ background และ font ตามใจชอบ ขนาดของแถบสีจะเปลี่ยนตามขนาดของข้อความ

Code 1

<*table style="filter:glow(color:#FF99CC"><*tr><*td><*font color=#FFFFFF>ใส่ข้อความที่นี่
<*/font><*/td><*/tr><*/table>

Code 2

<*table style="filter:shadow(color:#FFFFFF"><*tr><*td><*font color=#FF99CC>ใส่ข้อความที่นี่
<*/font><*/td><*/tr><*/table>

Code 3

<*table style="filter:blur(color:#FFFFFF"><*tr><*td><*font color=#FF99CC>ใส่ข้อความที่นี่
<*/font><*/td><*/tr><*/table>

Code 4

<*input type=button value="ใส่ข้อความที่นี่" style="font-family:comic sans ms;font-size:10pt;color:black;font-weight:bold;height:80px;width:200px;background-color:#FFFFFF ;filter:alpha(style=2,opacity=100,finishopacity=0)"><*/input>

Code 5

<*input type=button value="ใส่ข้อความที่นี่" style="font-family:comic sans ms;font-size:14pt;color:black;font-weight:bold;height:100px;width:250px;background-color:#FFFFFF ;filter:alpha(style=3,opacity=100,finishopacity=0)"><*/input>

32. กล่อง alert ปรากฏตอนเข้าหน้าบล็อก

คำสั่งนี้จะเป็นกล่องข้อความต้อนรับขึ้นมาเมื่อโหลดหน้าเว็บเสร็จ

Code

<*SCRIPT LANGUAGE="JavaScript">
<*!-- Begin
alert("ใส่ข้อความที่นี่")
// End -->
<*/script>

33. ส่งข้อความหลังไมค์

การทำหลังไมค์ คือการสร้างลิ้งค์นั่นเอง

ก่อนอื่นคุณต้องหา url ของกล่องส่งหลังไมค์ของคุณ โดยคลิกที่อมยิ้มท้ายชื่อของคุณที่พันทิป
แล้วคลิกที่ ส่งข้อความ จะขึ้นหน้าจอส่งหลังไมค์ถึงคุณเอง
ให้ก็อปปี้ url ของจอนั้น มาใส่ในคำสั่ง

โค้ด 1

<*a href ='url ของหลังไมค์' target='_blank'>หลังไมค์ถึงป้ามดกดที่นี่<*/a>

จะออกมาอย่างนี้

หลังไมค์ถึงป้ามดกดที่นี่

ถ้าต้องการใส่รูปแทนข้อความ ก็ใส่คำสั่งใส่รูปเข้าไปแทนข้อความ

โค้ด2

<*a href ='http ของหลังไมค์' target='_blank'><*img src='http ของรูป'border=0><*/a>

จะออกมาอย่างนี้

ถ้าใส่รูปหลังไมค์ของพันทิป คือ

โค้ด3

//www.pantip.com/cafe/krazip/images/logomic.gif

จะออกมาอย่างนี้

34. ทำ Rainbow Link

Rainbow Link คือ เมื่อชี้ cursor ไปที่ข้อความที่เป้น link จะเกิดสีสายรุ้งขึ้นมา
script นี้ได้มาจาก //www.dynamicdrive.com ที่นั่นแจกลูกเล่นหลายอย่าง
ป้ามดจะได้นำมาแจกกันแบบง่ายๆ เท่าที่จะสามารถ

โค้ด

<*script type="text/javascript" src="//www.geocities.com/merrymod/rainbow.js"><*/script>

35. ใส่รูปหรือข้อความให้เคลื่อนที่ (Marquee)

การเคลื่อนที่มีหลายแบบ
เปลี่ยนทิศทางการเคลื่อนที่ ที่ direction และเปลี่ยนความเร็วที่ scrollamount

โค้ด1

<*marquee>ใส่ข้อความตรงนี้<*/marquee>

ใส่ข้อความตรงนี้

โค้ด2

<*marquee direction=right scrollamount=1>ใส่ข้อความตรงนี้ <*/marquee>

ใส่ข้อความตรงนี้

โค้ด3

<*marquee><*img src=XXX><*/marquee>

โค้ด4

<*marquee direction=right scrollamount=1><*img src=XXX>

โค้ด5

<*marquee direction=right scrollamount=2><*img src=XXX> ให้รูปวิ่งพร้อมข้อความ<*/marquee>

ให้รูปวิ่งพร้อมข้อความ

โค้ด6

<*marquee direction=up style="filter:wave(add=0, lightstrength=75, phase=1, strength=1, freq=2);color:#FF0000"><*center>ใส่ข้อความหรือรูปที่นี่<*br>ใส่ข้อความหรือรูปที่นี่<*br>ใส่ข้อความหรือรูปที่นี่<*br>ใส่ข้อความหรือรูปที่นี่<*/marquee>

marquee direction=up style="filter:wave(add=0, lightstrength=75, phase=1, strength=1, freq=2);color:#FF0000">ใส่ข้อความหรือรูปที่นี่
ใส่ข้อความหรือรูปที่นี่
ใส่ข้อความหรือรูปที่นี่
ใส่ข้อความหรือรูปที่นี่

โค้ด7

<*marquee width=350 height=250 direction=up scrollamount=1><*center>ใส่ข้อความและรูปที่นี<*/center><*/marquee>

ใส่ข้อความและรูปที่นี

36. ใส่โค้ดให้เป็นรูป ⓐⓑⓒ

โค้ดตัวเลขที่อยู่ตามหลังรูป คือโค้ดของรูปนั้น
ถ้าก้อปปี้โค้ดไปเขียนที่ใด ก็จะออกมาเป็นรูปนั้น

โค้ด ⓐⓑⓒ

โค้ดตัวเลขที่อยู่ตามหลังรูป คือโค้ดของรูปนั้น
ถ้าก้อปปี้โค้ดไปเขียนที่ใด ก็จะออกมาเป็นรูปนั้น

ⓐ ⓐ ⓑ ⓑ ⓒ ⓒ ⓓ ⓓ
ⓔ ⓔ ⓕ ⓕ ⓖ Ⓦ ⓗ ⓗ
ⓘ ⓘ ⓙ ⓙ ⓚ ⓚ ⓛ ⓛ
ⓜ ⓜ ⓝ ⓝ ⓞ ⓞ ⓟ ⓟ
ⓠ ⓠ ⓡ ⓡ ⓢ ⓢ ⓣ ⓣ
ⓤ ⓤ ⓥ ⓥ ⓦ ⓦ ⓧ ⓧ
ⓨ ⓨ ⓩ ⓩ

37. ใส่โค้ดให้เป็นรูป

โค้ด

♤ &9828 ♡ ♡
♧ ♧ ★ ★ ☆ ☆

♬ ♬ ♭ ♭ ♩ ♩
☎ ☎ ☏ ☏ ۩ ۩ ☜ ☜
☞ ☞ ♯ ♯
▓ ▓ ï ï ε ε з з
≈ ≈ ღ ღ ■ ■ ☉ &9737
【 &12304 】 &12305 ც ც
● ● ※ ※ ▊ ▊ ▒ ▒
□ □ ▣ ▣ ▤ ▤ ▥ ▥
▦ ▦ ▧ ▧ ▨ ▨ ▩ ▩
△ △ ▽ ▽
▶ ▶ ▷ ▷ ◀ ◀ ◁ ◁
◆ ◆ ◇ ◇ ◈ ◈ ۞ ۞
◊ ◊ ◎ ◎ ● ● ♨ &9832
◐ ◐ ◑ ◑ ◢ ◢ ◣ ◣
© © ® ®

38. เปลี่ยนชื่อที่ title bar

title bar คือชื่อที่แถบสีฟ้าบนสุดของ web page (คุณกึ่งยิงฯ)

โค้ด

<*script>window.document.title="..ชื่อที่จะเปลี่ยน (เช่น ...ยินดีต้อนรับสู่บล็อกคนใจดี ....)";<*/script>

copy code ใส่ที่ช่อง script

40. สร้างกรอบด้วย bg สีต่างๆ

การที่จะสร้างกรอบกี่ชั้น ก็ต้องใส่ url ของ bg ที่จะทำกรอบให้ครบทุกชั้น
นับจากชั้นนอกสุดเป็นhttp 1กรอบที่ 2 ก็เป็นhttp 2 กรอบที่ 3 ก็เป็นhttp 3
ความกว้างของกรอบแต่ละชั้นคือค่า cellspacing
ส่วนข้อความหรือรายละเอียด ให้ใส่ที่ MMMMMM

โค้ด

<*center><*table style="background:none url(http );";cellpadding="20" cellspacing="20"><*tr><*td><*table style="background:none url(http 2);";cellpadding="30" cellspacing="20"><*table style="background:none url(http 3);";cellpadding="30" cellspacing="20"><*tr><*td><*center>
MMMMMMMMM
MMMMMMMMM
MMMMMMMM<*/center>
<*/td><*/tr><*/table><*/center><*/td><*/tr><*/table><*/center>

เช่นเรามี bg ดังนี้
bgsetgreen1 bgsetgreen2 bgsetgreen4
ใส่ table style เข้าไป 3 ชั้น ดั้งนี้

โค้ด

<*center><*table style="background:none url(http:/bgsetgreen1.jpg);";cellpadding="20" cellspacing="20"><*tr><*td><*table style="background:none url(http:/bgsetgreen2.jpg);";cellpadding="30" cellspacing="20"><*table style="background:none url(http/bgsetgreen4.jpg);";cellpadding="30" cellspacing="20"><*tr><*td><*center>
MMMMMMMMM
MMMMMMMMM
MMMMMMMM<*/center>
<*/td><*/tr><*/table><*/center><*/td><*/tr><*/table><*/center>

ถ้าต้องการให้เป็นกรอบโดยไม่มีพื้นสีอื่น ให้ใส่ table style ตัวสุดท้ายเป็น bg เดียวกับหน้าบล็อก

41. Blockquote

เมื่อเขียนบทความยาวๆ จะจัดข้อความให้อ่านได้ง่ายๆ
จัดระยะเว้นวรรคหน้าหลังให้เท่าๆกัน
มาใช้ blockqoute กันดีกว่า

ไม่ใช้ blockqoute

ดร.สิติมา จิตตินันทน์ นักวิชาการจากสถาบันวิจัยโภชนาการ มหาวิทยาลัยมหิดล ให้ข้อมูลถึงเรื่องอาหารเช้ากับสุขภาพว่า อาหารเช้านั้น เป็นมื้อที่สำคัญที่สุดของวัน และการไม่รับประทานอาหารเช้าก็มีผลเสียมากกว่าผลดี

กล่าวคือนับจากอาหารมื้อเย็น จะเห็นได้ว่า ร่างกายของเราต้องอดอาหารมาประมาณ 10-12 ชั่วโมง ซึ่งส่งผลทำให้ระดับน้ำตาลในเลือดต่ำ ดังนั้น หากงดอาหารเช้าจะทำให้มีแนวโน้มการรับประทานอาหารที่มีพลังงานและไขมันสูงในมื้อเที่ยงมากขึ้น จนเป็นสาเหตุหนึ่งของภาวะน้ำหนักเกินและโรคอ้วน

“อาหารเช้าที่เหมาะสมควรมีค่าพลังงานและสารอาหารอย่างน้อย 1 ใน 4 หรือร้อยละ 25 ของปริมาณที่ควรจะได้รับตลอดวัน ส่วนการกระจายของพลังงานในมื้อกลางวันและมื้อเย็น ควรอยู่ที่ร้อยละ 35 และ 30 ตามลำดับ และที่เหลือเป็นพลังงานจากอาหารว่างอีกร้อยละ 10”

ใช้ blockqoute

ดร.สิติมา จิตตินันทน์ นักวิชาการจากสถาบันวิจัยโภชนาการ มหาวิทยาลัยมหิดล ให้ข้อมูลถึงเรื่องอาหารเช้ากับสุขภาพว่า อาหารเช้านั้น เป็นมื้อที่สำคัญที่สุดของวัน และการไม่รับประทานอาหารเช้าก็มีผลเสียมากกว่าผลดี

กล่าวคือนับจากอาหารมื้อเย็น จะเห็นได้ว่า ร่างกายของเราต้องอดอาหารมาประมาณ 10-12 ชั่วโมง ซึ่งส่งผลทำให้ระดับน้ำตาลในเลือดต่ำ ดังนั้น หากงดอาหารเช้าจะทำให้มีแนวโน้มการรับประทานอาหารที่มีพลังงานและไขมันสูงในมื้อเที่ยงมากขึ้น จนเป็นสาเหตุหนึ่งของภาวะน้ำหนักเกินและโรคอ้วน

“อาหารเช้าที่เหมาะสมควรมีค่าพลังงานและสารอาหารอย่างน้อย 1 ใน 4 หรือร้อยละ 25 ของปริมาณที่ควรจะได้รับตลอดวัน ส่วนการกระจายของพลังงานในมื้อกลางวันและมื้อเย็น ควรอยู่ที่ร้อยละ 35 และ 30 ตามลำดับ และที่เหลือเป็นพลังงานจากอาหารว่างอีกร้อยละ 10”

code

<*blockquote>ใส่รายละเอียดที่นี่<*/blockquote>

42. Wrist Band เรารักในหลวง

script ของ wrist band เพื่อนๆส่งมาให้จาก //thaiblogger.org

นำโค้ดทั้งหมดไปใส่ที่ช่อง script เป็นรูป wristband เรารักในหลวงคาดที่หัวมุมบล็อกด้านบน ให้เลือกซ้ายและขวา
เลือกเอาว่าจะเอาไปไว้ที่มุมด้านไหนของบล็อก เอาคำสั่งไปใส่ที่ช่องใส่ script

Code มุมซ้าย

<*script type="text/javascript" src="//thaiblogger.org/webbands/weloveourking_left.js"><*/script>

Code มุมขวา

<*script type="text/javascript" src="//thaiblogger.org/webbands/weloveourking_right.js"><*/script>

39. ใส่ background เฉพาะส่วนกลางบล็อก

เป็นฝีมือมั่วของป้ามด ที่ทดลองใช้ table ใส่ background แล้วใส่คำสั่งปิดท้ายไม่ครบ
จึงออกมาเหมือนเป็นการใส่ background เฉพาะส่วนกลางให้แยกขาดจากด้านข้าง
คลุมไปจนถึงส่วนของ comment

เชิญเอาโค้ดไปใช้ดูนะคะ
ทดลองเลือกสีของ background ให้เหมาะสมได้ที่บล็อก ▣ background แบบเรียบ

BG 1 จะเป็นสีที่ครอบคลุมไปถึงข้างล่าง
BG 2 เป็นกรอบที่แยกส่วนเนื้อหากับส่วนของ comment
BG 3 เป็นพื้นที่ตรงกลางของเนื้อหา

โค้ด

<*center><*table style="background:none url(BG 1);";cellpadding="10" cellspacing="20"><*tr><*td align=center><*table style="background:none url(BG 2);";cellpadding="10" cellspacing="20"><*tr><*td align=center><*table style="background:none url(BG 3);";cellpadding="20" cellspacing="20"><*tr><*td align=center>ใส่รายละเอียดที่นี่
<*/td><*/tr><*/td><*/tr><*/center>

43. โค้ดซ่อนข้อความ

รายละเอียดกดดูที่บล็อกของป้ามดครับ

Create Date : 04 พฤศจิกายน 2554

Last Update : 7 พฤศจิกายน 2554 13:32:44 น.

0 comments

Counter : 748 Pageviews.