Group Blog
 
All blogs
 

คำชี้แจง

สรุปคำสั่งที่ใช้บ่อยๆมาไว้ที่เดียวกัน เพื่อความสะดวกสำหรับคนใจร้อน

ถ้าไม่อยากอ่านคำอธิบายเกี่ยวกับความหมายหรือที่มา ก็นำไปใช้ได้เลยเหมือนกันค่ะ คำสั่งที่เขียนไว้นี้มีมากเพียงพอที่จะทำให้ blog ของคุณ ตกแต่งแบบเบื้องต้นได้ครบค่ะ สคริปที่เอามารวมไว้ให้ดูนี้ บางส่วนเป็นสคริปมาตรฐาน แต่บางส่วนก็เป็นการคิดค้นของคุณกึ่งยิงกึ่งผ่านค่ะ (โดนบังคับให้คิด ฮ่าๆๆ) ขอบคุณคุณกึ่งด้วยนะคะ

ถ้าต้องการรายละเอียดในการมากกว่านี้ต้องอ่านจาก
-tips and tricks I และ II
-effect and material

หรือ

ใช้ google search หาเอาก็จะเจอคำสั่ง javascript อีกมากมายเอามาใช้ได้ค่ะ ที่เขียนไว้ใน groupblog อันนี้เขียนแค่สรุปคำสั่งมาตรฐานเท่านั้นนะคะ

ขอบคุณที่แวะชม




หมายเหตุ

การใส่ code ใน blog นั้นต้องลากให้มันมาอยู่บรรทัดเดียวกันนะคะ เช่นถ้าคุณ copy code ไปเป็น
<style>
body{
background-color: black;
background-positon: top center;
background-attachment: fixed;
}
</style>

ถ้า copy แบบนี้ไปวางใน blog แล้วมันไม่ทำงานก็ต้องแก้ใหม่ให้มาอยู่ในบรรทัดเดียวกัน ต้องแก้เป็น

<style>body{background-color: black;background-positon: top center;background-attachment: fixed;}</style>

ต้องทำให้เป็นแบบนี้ก่อนค่ะแล้วคำสั่ง ถ้าคุณเขียนไม่ผิด มันต้องทำงานได้นะ ฮี่ๆๆๆๆ อย่าเขียนให้ผิดก็แล้วกัน




 

Create Date : 04 เมษายน 2548    
Last Update : 13 กรกฎาคม 2548 9:15:18 น.
Counter : 5087 Pageviews.  

คำสั่งที่ใช้บ่อยตอนที่ 2 ใส่เพลง

เรื่องที่ 2 การใส่เพลงประกอบในบ๊อก
อ่านรายละเอียดเต็มๆได้ที่ ตัดแปะแปลงเพลง

แบบที่ 1 ซ่อนคอนโทรลแพนนอล คลิกเข้ามาในหน้านี้ก็ได้ยินเลย

<embed src="…..URL ของเพลงนั้น…."hidden="true" autostart="true" loop=" ใส่จำนวนรอบที่ต้องการให้เปิดวน"mastersound></embed>

ไม่ได้ใส่ตัวอย่างไว้เพราะว่าบางท่านอาจจะไม่ชอบที่เปิดหน้าเวปมาแล้วมีเสียงเพลงรบกวนค่ะ



แบบที่ 2 ซ่อนคอนโทรลแพนนอล ได้ยินตอนที่คลิกเข้ามาในเวปเลย

<embed pluginspage=//www.macromedia.com/go/getflashplayer src=".....URL..ของเพลงนั้น....."width=1 height=1 type=application/x-shockwave-flash quality="high"></embed>

ไม่ใส่ตัวอย่างละนะ มันหนวกหู แต่ว่าจะบอกว่าอันนี้ใช้กับ .swf น่ะค่ะ
* หมายเหตุ: เพลงที่มาในรูปของ flash บางทีก็จะมี control panel พ่วงมาด้วย แต่ว่าบางทีก็ไม่มี เช่น ถ้าเอามาจากเวป kapook ก็จะมีเป็นรูปที่เล่นซีดี หรือจากเวปอื่นอาจจะเป็นรูปวิทยุ
ดังนั้น file .swf นั้น ถ้าคุณไม่รู้ว่า control panel ที่เค้าสร้างขึ้นมานั้นหน้าตาเป็นอย่างไร คุณจะกำหนดค่าไม่ได้ค่ะ นี่เป็นสาเหตุที่ต้องซ่อนตัว control panel เว้นแต่ว่าถ้าคุณรู้ว่ามันมาในฟอแมทไหนหน้าตาเป็นอย่างไร แบบนั้นไม่ต้องซ่อนก็ได้ ก็ปรับขนาดเอาตามใจชอบ



แบบที่ 3 มีคอนโทรลแพนนอล ได้ยินตอนที่คลิกเข้ามาในเวปเลย

<OBJECT ID="mediaplayer" HEIGHT="60" WIDTH="200" CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" standby="Loading Microsoft Windows Media Player components..." VIEWASTEXT><param name="URL" value="…..URL ของเพลงนั้น…."><param name="CONSOLE" value="one"><param name="ShowControls" value="true"><param name="ShowStatusBar" value="True"><param name="ShowDisplay" value="TRUE"><param name="autostart" value="true"><PARAM NAME="AutoRepeat" VALUE="TRUE"><param name="AnimationAtStart" value="TRUE"><param name="BACKGROUNDCOLOR" value="#ffffff"><param name="CENTER" value="TRUE"><param name="autoSize" value="false"><param name="displaySize" value="0"><PARAM NAME="volume" VALUE="100"><PARAM NAME="cache" VALUE="true"></object>

ไม่ใส่ตัวอย่างนะ เพลงที่จะเอามาเป็นตัวอย่างขืนกำหนดให้เปิดพร้อมๆกันเดี๋ยวตกใจแย่



แบบที่ 4 มีคอนโทรลแพนนอล ต้องกด play เพื่อโหลดเพลงก่อนค่ะ

<OBJECT ID="mediaplayer" HEIGHT="60" WIDTH="200" CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" standby="Loading Microsoft Windows Media Player components..." VIEWASTEXT><param name="URL" value="…..URL ของเพลงนั้น…."><param name="CONSOLE" value="one"><param name="ShowControls" value="true"><param name="ShowStatusBar" value="True"><param name="ShowDisplay" value="TRUE"><param name="autostart" value="false"><PARAM NAME="AutoRepeat" VALUE="false"><param name="AnimationAtStart" value="TRUE"><param name="BACKGROUNDCOLOR" value="#ffffff"><param name="CENTER" value="TRUE"><param name="autoSize" value="false"><param name="displaySize" value="0"><PARAM NAME="volume" VALUE="100"><PARAM NAME="cache" VALUE="true"></object>


ตัวอย่างจ้ะ ลองกดทดสอบดูนะ




 

Create Date : 04 เมษายน 2548    
Last Update : 23 เมษายน 2548 19:05:54 น.
Counter : 1294 Pageviews.  

คำสั่งที่ใช้บ่อยตอนที่ 3 คำสั่ง html

เรื่องที่ 3 คำสั่ง html ที่ใช้บ่อย

3.1 กลุ่มที่เกี่ยวกับการใส่รูป

<img src='............ใส่ url ของรูปที่ต้องการ...........'>

ผลที่ได้ ใส่รูปเฉยๆ


<a href='…..ใส่ url ของเวปที่ต้องการให้ลิงค์ไป.....'target='_blank'><img src='............ใส่ url ของรูปที่ต้องการ...........'></a>

ผลที่ได้ ใส่รูปแล้วทำเป็นลิงค์ มีขอบที่ลิงค์ด้วย


<a href='…..ใส่ url ของเวปที่ต้องการให้ลิงค์ไป.....'target='_blank'><img src='............ใส่ url ของรูปที่ต้องการ...........' border='0'></a>

ผลที่ได้ใส่รูปเป็นลิงค์แล้วกำหนดขอบให้เป็น 0




3.2 กลุ่มที่เกี่ยวกับการจัดวางข้อความ
<center>จัดข้อความที่ต้องการเอาไว้กลางหน้า</center>

ผลที่ได้
จัดข้อความที่ต้องการเอาไว้กลางหน้า


<p align="center"> การที่จะจัดวางให้ย่อหน้านี้ไปอยู่ตรงกลางหน้า มันไม่จำเป็นต้องมี tag มาปิดก็ได้ <br> tag <p align="center"> นี้จะปิดตัวเองได้เมื่อคุณเริ่มย่อหน้าใหม่<br>หรือว่ามีตารางใหม่

ผลที่ได้คือ

การที่จะจัดวางให้ย่อหน้านี้ไปอยู่ตรงกลางหน้า มันไม่จำเป็นต้องมี tag มาปิดก็ได้
tag <p align="center"> นี้จะปิดตัวเองได้เมื่อคุณเริ่มย่อหน้าใหม่
หรือว่ามีตารางใหม่

<p align="right"> การที่จะจัดวางให้ย่อหน้านี้ไปอยู่ชิดขอบขวา มันไม่จำเป็นต้องมี tag มาปิดก็ได้ <br> tag <p align="right"> นี้จะปิดตัวเองได้เมื่อคุณเริ่มย่อหน้าใหม่<br>หรือว่ามีตารางใหม่

ผลที่ได้คือ

การที่จะจัดวางให้ย่อหน้านี้ไปอยู่ตรงกลางหน้า มันไม่จำเป็นต้องมี tag มาปิดก็ได้
tag <p align="right"> นี้จะปิดตัวเองได้เมื่อคุณเริ่มย่อหน้าใหม่
หรือว่ามีตารางใหม่
*หมายเหตุ align ทางซ้ายเป็น default ดังนั้นไม่ต้องตั้งค่าก็ได้ค่ะ

<blockquote>...........ใส่ข้อความที่ต้องการ............</blockquote>

ผลที่ได้คือ
"I object to violence because when it appears to do good, the good is only temporary; the evil it does is permanent."-- Mohandas Karamchand Gandhi (1869-1948)




3.3 ตัวหนังสือเลื่อนไปมา
ไปอ่านที่นี่ค่ะ เนื่องจากถ้าเอามาไว้ตรงนี้มันจะลายตาและยาว marquee tag click here




 

Create Date : 04 เมษายน 2548    
Last Update : 4 เมษายน 2548 8:17:20 น.
Counter : 1489 Pageviews.  

คำสั่งที่ใช้บ่อยๆ ตอนที่ 4 รูปแบบของ blog

4 รูปแบบของเวปทั้งเวป.....หรือเรียกง่ายๆก็ style นั่นแหละ จะเอาแบบไหนล่ะกำหนดให้มันเหมือนๆกันทุกหน้าเลย
*เอามารวมไว้ให้เฉพาะคำสั่งหลักๆนะคะ ถ้าใครต้องการอ่านมากกว่านี้ก็ไปอ่านที่ tips and trick II

คุณอาจจะใช้วิธีเก็บเป็น .css file แล้วเขียนคำสั่งเรียกมาใช้งาน หรือจะเอาไปใส่ไว้ในส่วนของ profile ก็ได้ค่ะ ถ้าจะเอาไปใส่ไฟล์แยกออกไปให้ตัดคำว่า <style>....</style> ออกก่อนนะคะ

4.1 คำสั่งที่ทำให้เส้นขอบและสีหายหมด

ดูตัวอย่างที่นี่ คลิกเลยค่ะ

<style>TABLE {background-color: transparent;border-style: none;border-spacing: none;}TD {border: none;border-color: none;background: none;}</style>




4.2 ทำให้มีกรอบแค่ตรงกลาง

ดูตัวอย่างที่นี่ คลิกเลยค่ะ
<style>TABLE {background-color: transparent;border-spacing: none;border-color: "#ffffff";}TD {border: none;border-color: none;background: none;}</style>




4.3 แก้ bullet กลมๆ หน้าหัวข้อให้เป็นรูปอื่น

ดูตัวอย่างที่นี่ คลิกเลยค่ะ
<style>ul{list-style: ;list-style-image: url('//...........url ของรูปที่คุณต้องการเอามาใข้....');}</style>




4.4 ใส่ background ให้กับเวป

<style>body{background-image:url("//...........url ของรูปที่คุณต้องการเอามาใข้....");}</style>




4.5 คำสั่งที่ทำให้ background มันติดอยู่กับที่ไม่เคลื่อนไปไหน

<style>body{background-attachment: fixed;}</style>




4.6 คำสั่งที่ทำให้มีกรอบตรงที่คนแสดงความคิดเห็น

คำสั่งนี้เป็นคำสั่งที่คุณกึ่งยิงกึ่งผ่านคิดขึ้นนะคะ มันเหมาะกับคนที่ทำเวปแบบไร้กรอบ ถ้าใส่กรอบตรงความเห็นสักหน่อยจะทำให้อ่านได้ง่ายขึ้นค่ะ และจะแสดงลำดับความเห็นของคนที่ตอบด้วยนะคะ

ตรงสีแดง คือการจัดว่าจะเลื่อนคำว่า "ความคิดเห็นที่" ไปทางซ้ายหรือขวา อันนี้คุณกำหนดเองได้ค่ะ left, right, center

นอกจากนี้บริเวณที่เป็นสี (ไอ้ที่เป็น #....... น่ะค่ะ คือสี)ก็สามารถเปลี่ยนได้ค่ะ

ดูตัวอย่างที่นี่ คลิกเลยค่ะ
<script>HTML = document.body.innerHTML; CommentCount = 0; var reg = new RegExp("-- Comment", "gm"); while(reg.test(HTML)) CommentCount++; CommentCount--; for(i=1; i<=CommentCount; i++){ originalHtml = document.getElementById( i ).innerHTML; beforeHtml = '<fieldset style="border: #1A669F solid 1px; padding:4"> <legend align=center style="border: #1A669F solid 1px; padding:2; background: #FFCC66"> <font color=#1A669F size=-1>คห.ที่ ' + i + ' ที่แวะมาตอบ blog</font></legend>'; document.getElementById( i ).innerHTML = beforeHtml + originalHtml; }</script>





 

Create Date : 04 เมษายน 2548    
Last Update : 24 กรกฎาคม 2548 6:05:20 น.
Counter : 3914 Pageviews.  


รำเพย
Location :


[Profile ทั้งหมด]

ฝากข้อความหลังไมค์
Rss Feed
Smember
ผู้ติดตามบล็อก : 52 คน [?]




สงวนลิขสิทธิ์ ตามพระราชบัญญัติลิขสิทธิ์ พ.ศ. 2539 ห้ามผู้ใดละเมิด ไม่ว่าการลอกเลียน หรือนำส่วนหนึ่งส่วนใดของข้อความใน blog แห่งนี้ไปใช้ ทั้งโดยเผยแพร่และเพื่อการอ้างอิง โดยไม่ได้รับอนุญาตเป็นลายลักษณ์อักษร จะถูกดำเนินคดี ตามที่กฏหมายบัญญัติไว้สูงสุด
Friends' blogs
[Add รำเพย's blog to your web]
Links
 

 Pantip.com | PantipMarket.com | Pantown.com | © 2004 BlogGang.com allrights reserved.