ทำ RSS เพื่อดึงข่าวเว็บอื่นมาติดเว็บไซต์
วิธีการทำ
นำ Code ด้านล่างไปไว้ในตำแหน่งที่ต้องการให้แสดงข่าว
นำ Code ด้านล่างไปไว้ในตำแหน่งที่ต้องการให้แสดงข่าว
1. ข่าวบันเทิง
1. <iframe src ="http://www.zabzaa.com/news/entertain/entertain.php"
2. marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=No width=468 height=360></iframe>
2. ข่าวบันเทิงต่างประเทศ
1. <iframe src ="http://www.zabzaa.com/news/ent/ent.php"
2. marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=No width=468 height=360></iframe>
3. ข่าวการเมือง
1. <iframe src ="http://www.zabzaa.com/news/politic/politic.php"
2. marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=No width=468 height=350></iframe>
4. ข่าวกีฬา
1. <iframe src ="http://www.zabzaa.com/news/sport/sports.php"
2. marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=No width=468 height=350></iframe>
5. ข่าวอาชญากรรม
1. <iframe src ="http://www.zabzaa.com/news/crime/crime.php"
2. marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=No width=468 height=350></iframe>
6. ข่าวเทคโนโลยี
1. <iframe src ="http://www.zabzaa.com/news/technology/technology.php">
2. marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=No width=468 height=360></iframe>
การทำภาพสไลด์
ขั้นตอนการทำภาพสไลด์
1.การทำภาพสไลด์ที่จะกล่าวถึงต่อไปนี้ต้องอาศัย โค้ดสองส่วนด้วยกันคือ java script ซึ่งเป็นส่วนควบการทำงานหลักของการสไลด์ภาพ และ CSS เป็นส่วนของการจัดรูปแบบในการนำเสนอภาพให้มีความสวยงามเหมาะสมตรงตามความต้องการที่ผู้จัดทำต้องการนำเสนอ
2.ก่อนที่จะลงมือทำภาพสไลด์นี้เราจะต้องมีการเตรียมความพร้อมก่อน นั้นคือ จะต้องมีการเตรียมรูปภาพที่ต้องการนำไปทำสไลด์ รูปภาพที่เราจะนำไปทำสไลด์นั้นควรมีขนาดของรูปภาพเท่ากันทุกรูป สิ่งนี้จำเป็นเพราะจะทำให้ภาพที่สไลด์ออกมานั้นมีความสวยงามสม่ำเสมอ และอีกอย่างที่จะต้องเตรียมก่อนทำภาพสไลด์นี้ก็คือ ไฟล์ ที่ควบคุมการทำงาน(Java Script) จำนวน 2 ไฟล์(jquery.js, easySlider1.7.js) และไฟล์ css 1 ไฟล์(screen.css)
3.เมื่อเตรียมสิ่งที่กล่าวมาในข้างต้นเรียบร้อยแล้ว เราก็ลงมือเขียนโค้ดได้เลย และในส่วนของการเขียนโค้ดลงไปนั้นจะมีอยู่สองส่วนด้วยกันคือ
3.1เขียนโค้ดลงไปในส่วนของ Head (<Head> ...โค้ด... </Head>) ซึ่งเป็นส่วนของการกำหนดค่าการทำงานต่างๆ โดยโค้ดที่จะต้องนำไปเขียนไว้ในส่วนนี้ก็คือ
· การ import ไฟล์ CSS เข้ามา
<link href="../css/screen.css" rel="stylesheet" type="text/css" media="screen" />
· การ import ไฟล์ java script ที่เตรียมไว้เข้ามาใช้
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript"src="../js/easySlider1.7.js"></script>
· เขียนโค้ด java script เพิ่มเติมเพื่อสั่งให้มีการทำงาน โดยพิมพ์ตามด้านล่างนี้
<script type="text/javascript">
$(document).ready(function(){
$("#slider").easySlider({
auto: true, //ภาพสไลด์เองอัตโนมัติ(True)
continuous: true,//การกำหนดให้มีการวนภาพซ้ำ(Repeat)
numeric: true//เมื่อกดตัวเลขภาพจะสไลด์ตามลำดับตัวเลขนั้น
});
});
</script>
3.2เขียนโค้ดลงไปในส่วนของ body(<body>...โค้ด...</body>)เพื่อให้แสดงผล(ให้เขียนโค้ดตรงตำแหน่งตามที่ต้องการให้แสดงผล) โค้ดดังกล่าวดูไปจากด้านล่างนี้
<div id="container">
<div id="header">//กำหนดส่วนหัวของรูป
<h1>ข้อความที่เป็นห้วข้อของรูปที่สไลด์</h1>
</div>
<div id="content">
<div id="slider">//ส่วนของภาพที่นำไปทำสไลด์
<ul>
<li><a href="#ลิงค์"><img src="รูปที่ 1(image1.jpg)" alt="คำอธิบายแทนภาพ" /></a></li>
<li><a href="#ลิงค์"><img src="รูปที่ 2(image2.jpg)" alt="คำอธิบายแทนภาพ" /></a></li>
.
.
.
</ul>
</div>
</div>
</div>
ป้องกันการคลิกขวา
Code สำหรับป้องกันการคลิกขวาของคนเข้าเว็บ (ใช้ป้องกันได้ แต่ไม่ 100%) โดย Copy Code ด้านล่างนำไปวางระหว่าง <head> และ </head> ในเว็บของคุณ แล้วก็เปลี่ยนข้อความที่ท่านต้องการให้แจ้งเมื่อคลิกขวาตรงข้อความที่เป็นสี น้ำเงิน
วิธี Copy ให้ใช้ Mouse ระบาย Code แล้วกด Ctrl+C เพื่อ Copy แล้ว Ctrl+V เพื่อวาง วิธี 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>
alert(message);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=click;
//-->
</script>
บทความ
