คำชี้แจง
สรุปคำสั่งที่ใช้บ่อยๆมาไว้ที่เดียวกัน เพื่อความสะดวกสำหรับคนใจร้อน ถ้าไม่อยากอ่านคำอธิบายเกี่ยวกับความหมายหรือที่มา ก็นำไปใช้ได้เลยเหมือนกันค่ะ คำสั่งที่เขียนไว้นี้มีมากเพียงพอที่จะทำให้ 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.
สงวนลิขสิทธิ์ ตามพระราชบัญญัติลิขสิทธิ์ พ.ศ. 2539 ห้ามผู้ใดละเมิด ไม่ว่าการลอกเลียน หรือนำส่วนหนึ่งส่วนใดของข้อความใน blog แห่งนี้ไปใช้ ทั้งโดยเผยแพร่และเพื่อการอ้างอิง โดยไม่ได้รับอนุญาตเป็นลายลักษณ์อักษร จะถูกดำเนินคดี ตามที่กฏหมายบัญญัติไว้สูงสุด