|
|
 |
 |
 |
 |
| |
|
Code พยากรณอากาศ
พยากรณ์อากาศสำหรับเว็บ |
กรมอุตุนิยมวิทยาจัดทำ หน้าแสดงผลการพยากรณ์อากาศรายจังหวัดแบบคร่าว ๆ โดยออกแบบมาให้มีขนาดเล็ก เพื่อให้เหมาะกับการนำไปวางในหน้าเว็บเพจของผู้ให้บริการเว็บไซต์ ได้อย่างสะดวก มีให้เลือกใช้ 2 แบบ ดังนี้ |
|
แบบมาตรฐาน
แสดงข้อมูลพยากรณ์อากาศในจังหวัดหลัก ๆ ของแต่ละภูมิภาค
|
|
|
|
|
|
Control Form
สามารถเลือกแสดงผลการพยากรณ์รายจังหวัดที่ต้องการได้ตามความสนใจ
|
Free TextEditor
| Create Date : 15 มีนาคม 2552 | | |
| Last Update : 15 มีนาคม 2552 16:58:09 น. |
| Counter : 389 Pageviews. |
| |
|
 |
|
|
|
ป้องกันการคลิกขวา
 ป้องกันการคลิกขวา
|
เอามาฝากกันสำหรับ Request ที่ขอกันมาที่ต้องการอยากได้ Code สำหรับป้องกันการคลิกขวาของคนเข้าเว็บ โดย Copy Code ด้านล่างนำไปวางระหว่าง <head> และ </head> ในเว็บของคุณ แล้วก็เปลี่ยนข้อความที่ท่านต้องการให้แจ้งเมื่อคลิกขวาตรงข้อความที่เป็นสีน้ำเงินนะครับ
วิธี Copy ให้ใช้ Mouse ระบาย Code แล้วกด Ctrl+C เพื่อ Copy แล้ว Ctrl+V เพื่อวาง
<script language="JavaScript">
<!--
var message="กำลังทำอะไร จ๊ะ"; // กำหนดตัวแปรและค่าสำหรับข้อความที่แสดงเมื่อมีการคลิกขวา
function click(e)
{
if (document.all) {
if (event.button == 2) {
alert(message);
return false;
}
}
if (document.layers) {
if (e.which == 3) {
alert(message);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=click;
//-->
</script> |
|
| Create Date : 15 มีนาคม 2552 | | |
| Last Update : 15 มีนาคม 2552 16:49:12 น. |
| Counter : 189 Pageviews. |
| |
|
| |
|
|
|
ห้ามคลิ๊กขวาและลาก-วาง ป้องกันการ save
ห้ามคลิ๊กขวาและลาก-วาง ป้องกันการ save |
ป้องการ copy รูป
1. copy code java นี้ ใส่ในส่วนฺ body ของ ไฟล์ index.php ของ template ที่ใช้อยู่
<script language=JavaScript>
<!--
//Disable right mouse click Script
//By Maximus ( maximus@nsimail.com อีเมลนี้จะถูกป้องกันจากสแปมบอท แต่คุณต้องเปิดการใช้งานจาวาสคริปก่อน ) w/ mods by DynamicDrive
//For full source code, visit //www.dynamicdrive.com
var message="ห้าม copy น่ะ เจ้านาย";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>
|
หรือ
ใน CSS กำหนดดังนี้
img#hidden
{
background-color: transparent;
background-image: url('/../images/realimg.png');
background-repeat: no-repeat;
background-attachment: scroll;
background-x-position: 0pt;
background-y-position: 0pt;
}
ป้องกัน drag drop
<script language="JavaScript1.2">
//Disable select-text script (IE4+, NS6+)
function disableselect(e){
return false
}
function reEnable(){
return true
}
//if IE4+
document.onselectstart=new Function ("return false")
//if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script> |
|
ข้อมูลจาก : //brain.itac.co.th
| Create Date : 15 มีนาคม 2552 | | |
| Last Update : 15 มีนาคม 2552 16:36:51 น. |
| Counter : 543 Pageviews. |
| |
|
| |
|
|
|
Basic Trick
ข้อแนะนำสำหรับการตกแต่ง blog
1. การใช้ code ต่างๆ ที่เกี่ยวข้องกับรูปภาพ เช่น เปลี่ยนโลโก้ เปลี่ยน background จะต้องใช้ url ของรูปภาพนั้นๆ หากท่านต้องการใส่รูปจากเครื่องของท่านเอง จะต้อง upload รูปของท่านไว้ที่เว็บที่ให้บริการรับฝากรูปก่อน ตัวอย่างเช่นเว็บ //photobucket.com/ และ //www.freeimagehosting.net
ส่วนการใส่รูปประกอบใน blog แบบไม่ได้พิมพ์ code html เอง สามารถทำได้โดย เลือก  ซึ่งอยู่สุดท้ายของ tool จัดการข้อความในหน้าเขียน blog นะคะ
2. code ต่างๆ ที่เป็น java script จะต้องใส่ไว้ที่ส่วน script area เท่านั้น สำหรับ stylesheet สามารถใส่ได้ที่ script area และช่องเขียน blog
3. หากเกิดปัญหาจากการใส่ code html หรือ script ต่างๆ เช่น ใส่แล้วทำให้การแสดงผลของ blog ผิดเพี้ยนไป หรือไม่แสดงผล แสดงว่า code ที่ใส่ผิดพลาด ให้นำ code นั้นออก และตรวจสอบ code ให้ถูกต้อง ก่อนทดลองใส่เพื่อทดสอบการแสดงผลแต่ละคำสั่งใหม่อีกครั้ง
Code Hot Hit !
1.เปลี่ยน background (จะต้องเลือก theme เป็น Theme อิสระ)
<style>body{background-image:url("//...........url ของรูปที่คุณต้องการเอามาใช้....");}</style>
2. code ที่ทำให้ background ติดอยู่กับที่ไม่เคลื่อนไปไหน
<style>body{background-attachment: fixed;}</style>
3. เปลี่ยนโลโก้ bloggang (จะต้องเลือก theme เป็น Theme อิสระ)
<script>document.images[0].src = "//...........url ของโลโก้ bloggang ที่ต้องการจะ ใส่ ... "</script>
4. ใส่เพลงใน blog
4.1 แบบที่แสดง control และต้องกด play เพื่อฟังเพลง
<EMBED ALIGN="CENTER" SRC=".......url ของเพลงที่คุณต้องการ...." HEIGHT="60" WIDTH="280" AUTOSTART="FALSE" VOLUME="50%" MASTERSOUND></EMBED>
4.2 แบบที่ซ่อน control โดยเมื่อเปิดหน้าเว็บจะได้ยินเสียงเพลงเลย
<EMBED SRC=".......url ของเพลงที่คุณต้องการ...." HIDDEN="true" AUTOSTART="true"LOOP=" ใส่จำนวนรอบที่ต้องการให้เปิด" MASTERSOUND></EMBED>
ทั้งนี้วิธีการใส่เพลงเพิ่มเติม สามารถดูได้ที่ blog ของ คุณรำเพย ค่ะ
5. แก้ bullet หน้าหัวข้อให้เป็นรูปอื่น
<style>ul{list-style-image: url('//...........url ของรูปที่คุณต้องการเอามาใช้....');}</style>
6. ทำให้มีกรอบและตัวเลขตรงส่วน comment
<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>
* ส่วนสีแดงคือส่วนที่สามารถเปลี่ยนแปลงได้
* code จาก คุณกึ่งยิงกึ่งผ่าน และ คุณรำเพย
7. ใส่รูปให้กล่อง comment
<STYLE type="text/css">textarea{width:450;height:240;background:url("http:ของรูป");color="blue"; font-family : tahoma; font-size:20pt;} </STYLE>
8. ตกแต่งตัวหนังสือและเปลี่ยนสี font
<style>body, ul, li, p{font: normal "MS Sans Serif",Tahoma;font-size:10pt;color:"black";}</style>
* ส่วนสีแดงคือส่วนที่สามารถเปลี่ยนแปลงได้
* สำหรับตารางสีดูได้ที่บล๊อกของคุณ ป้ามด ค่ะ
| Create Date : 08 มีนาคม 2552 | | |
| Last Update : 8 มีนาคม 2552 16:22:22 น. |
| Counter : 257 Pageviews. |
| |
|
| |
|
|
|
|
| |
|
 |
 |
 |
 |
|
|
ป้องกันการคลิกขวา
ซึ่งอยู่สุดท้ายของ tool จัดการข้อความในหน้าเขียน blog นะคะ
ฝากข้อความหลังไมค์
Rss Feed
ผู้ติดตามบล็อก : 1 คน [
