โค้ดแต่งบล็อก โค้ดใส่ background

เปลี่ยนรายละเอียดที่ต้องการ ตรงข้อความ สีชมพู

คำสั่งที่ใส่ใน script จะแสดงผลทุกบล็อก
คำสั่งที่ใส่ที่ช่องรายละเอียดตอนสร้างบล้อก จะแสดงเฉพาะที่บล็อกนั้น

โค๊ด bg แบบ fixed ไม่ให้ bg เลื่อนลงตาม scroll bar

โค้ดใส่กรอบและรูปภาพให้กล่องคอมเม้นท์

เปลี่ยนรายละเอียดที่ต้องการ ตรงข้อความ สีชมพู
นำโค๊ดไปจัดที่โปรแกรม notepad ก่อนนำไปใส่ที่ script area นะค่ะ


<style>
textarea{
width: 300;
height: 200;
background: url(URL ของรูปที่ต้องการ);
color: โค้ดสีเวลาพิมพ์ข้อความ;
font-family: MS Sans Serif;
font-size: 15pt;
border: double 5px โค้ดสีกรอบที่ต้องการ;}
input{
background: โค้ดสีพื้นหลังตรงที่จะพิมพ์ชื่อ;
color: โค้ดสีเวลาพิมพ์ชื่อ;
border: double 2px โค้ดสีกรอบตรงที่จะพิมพ์ชื่อ;}
</style>

โค๊ดใส่ของน่ารักๆ ลอยในบล็อก

ถ้าชอบรูปไหนก็นำ url ของรูปนั้นไปใส่แทนที่ ตรง .....URL .ของรูป....
นำลูกโป่งไปใส่ก็ได้นะค่ะ
นำโค๊ดไปใส่ที่ script area นะค่ะ

<script language="JavaScript">

<!-- fall Script Kurt Grigg - //www.btinternet.com/~kurt.grigg/javascript



var isNetscape6=false;

if (navigator.appName == "Netscape" && parseFloat(navigator.appVersion) >= 5)

isNetscape6=true;


/*

This script has been disabled for

Netscape 6 due to ugly scrollbar

activety. Could probably be fixed

with a clipped container div but

can't be bothered.

*/



if (!isNetscape6){

num=1; //Smoothness depends on image file size, the smaller the size the more you can use!

stopafter=240; //seconds!





//Pre-load images!

pics=new Array(".....URL ของรูป.....");

load=new Array();

for(i=0; i < pics.length; i++){

load[i]=new Image();

load[i].src=pics[i];

}

stopafter*=1000;

timer=null;

y=new Array();

x=new Array();

s=new Array();

s1=new Array();

s2=new Array();

if (document.layers){

for (i=0; i < num; i++){

randomleaf = pics[Math.floor(Math.random()*pics.length)];

document.write("<LAYER NAME='leaf"+i+"' LEFT=0 TOP=0><img src="+randomleaf+"></LAYER>");

}

}

if (document.all){

document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < num; i++){

randomleaf = pics[Math.floor(Math.random()*pics.length)];

document.write('<img id="leaf'+i+'" src="'+randomleaf+'" style="position:absolute;top:0px;left:0px">');

}

document.write('</div></div>');

}

if (!document.all&&!document.layers){

for (i=0; i < num; i++){

randomleaf = pics[Math.floor(Math.random()*pics.length)];

document.write("<div id='leaf"+i+"' style='position:absolute;top:0px;left:0px'><img src="+randomleaf+"></div>");

}

}

inih=(document.all)?window.document.body.clientHeight:window.innerHeight-100;

iniw=(document.all)?window.document.body.clientWidth:window.innerWidth-100;

for (i=0; i < num; i++){

y[i]=Math.round(Math.random()*inih);

x[i]=Math.round(Math.random()*iniw);

s[i]=Math.random()*5+3;

s1[i]=0;

s2[i]=Math.random()*0.1+0.05;

}

function fall(){

h=(document.all)?window.document.body.clientHeight:window.innerHeight;

w=(document.all)?window.document.body.clientWidth:window.innerWidth;

scy=(document.all)?document.body.scrollTop:window.pageYOffset;

scx=(document.all)?document.body.scrollLeft:window.pageXOffset;

for (i=0; i < num; i++){

sy=s[i]*Math.sin(90*Math.PI/180);

sx=s[i]*Math.cos(s1[i]);

y[i]+=sy;

x[i]+=sx;

if (y[i] > h){

y[i]=-60;

x[i]=Math.round(Math.random()*w);

s[i]=Math.random()*5+3;

}

s1[i]+=s2[i];

if (document.layers){

document.layers["leaf"+i].left=x[i];

document.layers["leaf"+i].top=y[i]+scy;

}

else{

document.getElementById("leaf"+i).style.left=x[i];

document.getElementById("leaf"+i).style.top=y[i]+scy;

}

}

timer=setTimeout('fall()',80);

}

fall();



function dsbl(){

for (i=0; i < num; i++){

if (document.layers)

document.layers["leaf"+i].visibility="hide";

else

document.getElementById("leaf"+i).style.visibility="hidden";

}

clearTimeout(timer);

}

setTimeout('dsbl()',stopafter);

}

//-->

</script>

Create Date : 13 ธันวาคม 2552
Last Update : 13 ธันวาคม 2552 21:47:43 น.		0 comments
Counter : 380 Pageviews.
Share Tweet