کد های جاوا برای زیبا تر کردن وبلاگ و وب سایت
تو این تاپیک می خوام براتون کدهای جاوای کاربردی رو بذارم . سعی میکنم بهترین کدها رو براتون پیدا کنم . شما هم کمک کنید تا یک لیست خفن از کدهای جاوا رو جم و جور کنیم . قبل از این که کدی رو معرفی کنید مطمئن بشید که اون کد قبلا تو این انجمن معرفی نشده باشه .
توجه : بعضی از کدها را نمی تونید با هم استفاده کنید . مثلا از کدهای "تغيير رنگ درون باکس" و "پرسيدن رنگ زمينه و نوشته ها" و "تغییر رنگ بک گراند" رو نمی تونید با هم استفاده کنید و باید یکی رو انتخاب کنید وگرنه هیچ کدوم کار نمی کنه .
نکته ی خیلی مهم
کدهایی را که می خواهید استفاده کنید بین تگ بادی کپی کنید
آموزش ساده استفاده از کدهای جاوا اسکریپت :
</body>
بین همین 2 تگ بادی کد مورد نظر را کپی کنید
</body>
برای امتحان کردن کدها یه راه ساده وجود داره :
1 وارد Notepad شوید .
2 در صفحه Notepad کدهای زیر را وارد کنید .
کد:
<html>
<body>
</body>
</html>
3 بین دو تگ <body> و </body> هر کدوم از کدهای گفته شده را که خواستید وارد کنید .
4 صفحه را با پسوند html ( مثلا example.html ) ذخیره کنید . قبل از ذخیره کردن مطمئن شوید که save as type روی حالت All Files باشد .
5 رو فایلی که درست کردید دبل کلیک کنید و نتیجه رو ببینید .
موفق باشید .:cool:
کد زیر هم خیلی قشنگه چند جرقه رو بوجود میاره که وقتی ماوس حرکت میکنه روشن میشن
کد زیر هم خیلی قشنگه چند جرقه رو بوجود میاره که وقتی ماوس حرکت میکنه روشن میشن
کد:
<STYLE TYPE="text/css">
<!--
BODY{
overflow:scroll;
overflow-x:hidden;
}
.s1
{
position : absolute;
font-size : 10pt;
color : blue;
visibility: hidden;
}
.s2
{
position : absolute;
font-size : 18pt;
color : red;
visibility : hidden;
}
.s3
{
position : absolute;
font-size : 14pt;
color : gold;
visibility : hidden;
}
.s4
{
position : absolute;
font-size : 12pt;
color : lime;
visibility : hidden;
}
//-->
</STYLE>
<DIV ID="div1" CLASS="s1">*</DIV>
<DIV ID="div2" CLASS="s2">*</DIV>
<DIV ID="div3" CLASS="s3">*</DIV>
<DIV ID="div4" CLASS="s4">*</DIV>
<p align="center">
<font face="arial, helvetica" size="-2"><a
Kit</a></font></p>
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript">
var nav = (document.layers);
var tmr = null;
var spd = 50;
var x = 0;
var x_offset = 5;
var y = 0;
var y_offset = 15;
if(nav) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse;
function get_mouse(e)
{
x = (nav) ? e.pageX : event.clientX+document.body.scrollLeft;
y = (nav) ? e.pageY : event.clientY+document.body.scrollTop;
x += x_offset;
y += y_offset;
beam(1);
}
function beam(n)
{
if(n<5)
{
if(nav)
{
eval("document.div"+n+".top="+y);
eval("document.div"+n+".left="+x);
eval("document.div"+n+".visibility='visible'");
}
else
{
eval("div"+n+".style.top="+y);
eval("div"+n+".style.left="+x);
eval("div"+n+".style.visibility='visible'");
}
n++;
tmr=setTimeout("beam("+n+")",spd);
}
else
{
clearTimeout(tmr);
fade(4);
}
}
function fade(n)
{
if(n>0)
{
if(nav)eval("document.div"+n+".visibility='hidden'");
else eval("div"+n+".style.visibility='hidden'");
n--;
tmr=setTimeout("fade("+n+")",spd);
}
else clearTimeout(tmr);
}
// -->
</SCRIPT>
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
کد زیر باعث میشه که متن انتخابیه شما به دور ماوس بیاد و دورش بچرخه
کد زیر باعث میشه که متن انتخابیه شما به دور ماوس بیاد و دورش بچرخه . قسمتی که نوشته well come to my weblog را شما میتونید عوض کنید .
کد:
<head>
<meta http-equiv="Content-Language" content="en-us">
</head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
if (document.all) {
//Things you can alter
yourLogo = "wellcome to my weblog"; //Not less than 2 letters!
logoFont = "Arial";
logoColor = "red";
//Nothing needs altering below!
yourLogo = yourLogo.split('');
L = yourLogo.length;
TrigSplit = 360 / L;
Sz = new Array()
logoWidth = 100;
logoHeight = -30;
ypos = 0;
xpos = 0;
step = 0.03;
currStep = 0;
document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < L; i++) {
document.write('<div id="ie" style="position:absolute;top:0px;left:0px;'
+'width:10px;height:10px;font-family:'+logoFont+';font-size:12px;'
+'color:'+logoColor+';text-align:center">'+yourLogo[i]+'</div>');
}
document.write('</div></div>');
function Mouse() {
ypos = event.y;
xpos = event.x - 5;
}
document.onmousemove=Mouse;
function animateLogo() {
outer.style.pixelTop = document.body.scrollTop;
for (i = 0; i < L; i++) {
ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180);
ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180);
Sz[i] = ie[i].style.pixelTop - ypos;
if (Sz[i] < 5) Sz[i] = 5;
ie[i].style.fontSize = Sz[i] / 1.7;
}
currStep -= step;
setTimeout('animateLogo()', 20);
}
window.onload = animateLogo;
}
// End -->
</script>
</body>
</html>
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
ماوس خود را تبديل به هدف گير نماييد...
ماوس خود را تبديل به هدف گير نماييد. با استفاده از اين کد ميتوانيد ماوس خود را تبديل به يک هدف گير بزرگ بصورت بعلاوه با رنگ قرمز نماييد.
کد:
<head>
<meta http-equiv="Content-Language" content="en-us">
<style>
<!--
#leftright, #topdown{
position:absolute;
left:0;
top:0;
width:1px;
height:1px;
layer-background-color:red;
background-color:red;
z-index:100;
font-size:1px;
}
--></style>
</head>
<div id="leftright" style="width:expression(document.body.clientWidth-2)">
</div>
<div id="topdown" style="height:expression(document.body.clientHeight-2)">
</div>
<script language="JavaScript1.2">
<!--
if (document.all&&!window.print){
leftright.style.width=document.body.clientWidth-2
topdown.style.height=document.body.clientHeight-2
}
else if (document.layers){
document.leftright.clip.width=window.innerWidth
document.leftright.clip.height=1
document.topdown.clip.width=1
document.topdown.clip.height=window.innerHeight
}
function followmouse1(){
//move cross engine for IE 4+
leftright.style.pixelTop=document.body.scrollTop+event.clientY+1
topdown.style.pixelTop=document.body.scrollTop
if (event.clientX<document.body.clientWidth-2)
topdown.style.pixelLeft=document.body.scrollLeft+event.clientX+1
else
topdown.style.pixelLeft=document.body.clientWidth-2
}
function followmouse2(e){
//move cross engine for NS 4+
document.leftright.top=e.y+1
document.topdown.top=pageYOffset
document.topdown.left=e.x+1
}
if (document.all)
document.onmousemove=followmouse1
else if (document.layers){
window.captureEvents(Event.MOUSEMOVE)
window.onmousemove=followmouse2
}
function regenerate(){
window.location.reload()
}
function regenerate2(){
setTimeout("window.onresize=regenerate",400)
}
if ((document.all&&!window.print)||document.layers)
window.onload=regenerate2
//-->
</script>
<p align="center"><b><a target="_blank" href="http://explorer.blogsky.com">
explorer blog</a></b></p>
</body>
</html>
</body>
</html>
</body>
</html>
</body>
</html>
عنوان (title) صفحه اينترنتی خود را به حركت در اوريد!!
بسيار جالب ! عنوان (title) صفحه اينترنتی خود را به حركت در اوريد . عنوان صفحه شما بصورت تايپت ماشينی در بالای صفحه اينترنتی شما به نمايش در می ايد.
جمله پيش فرض : به وبلاگ من خوش امدید قدم رنجه فرمودید راستی نظر یادت نره
کد:
<head>
<script language="JavaScript1.2">
var message="به وبلاگ من خوش امدید قدم رنجه فرمودید راستی نظر یادت نره اااا " //specifys the title
var message=message+" " //gives a pause at the end,1 space=1 speed unit, here I used 10 spaces@150 each = 1.5seconds.
i="0" //declares the variable and sets it to start at 0
var temptitle="" //declares the variable and sets it to have no value yet.
var speed="150" //the delay in milliseconds between letters
function titler(){
if (!document.all&&!document.getElementById)
return
document.title=temptitle+message.charAt(i) //sets the initial title
temptitle=temptitle+message.charAt(i) //increases the title by one letter
i++ //increments the counter
if(i==message.length) //determines the end of the message
{
i="0" //resets the counter at the end of the message
temptitle="" //resets the title to a blank value
}
setTimeout("titler()",speed) //Restarts. Remove line for no-repeat.
}
window.onload=titler
</script>
</head></body>
<p align="center"><a href="http://explorer.blogsky.com">
<font face="Tahoma" size="2">explorer blog</font></a></p>
</html>
حذف تبلیغات پرشین بلاگ و بلاگ اسکای
با کد زیر میتونید تبلیغات پرشین بلاگ رو بر دارید جای این کد بالای تمام کدهاست .
کد:
<!-- We Love Persianblog -->
<SCRIPT LANGUAGE="JScript.Encode">#@~^PgEAAA==&CPAShc1WMk0 Y0PMz@#@&W; mYbGx,D+sG-+zN7`bP`@#@&P~YMzP,P`@#@&PP~~,\CD,[b\Omok'NKm!h+ Y l^V Omo/vvNb\B*@#@&P,P,PWW.cb'Tib@!Nb\OCT/Rsn oOtpr3_b@#@&,PP,P,r0v`[k7YCLk$kY /DXV "q N6x'+TZ!buv[k7YCLk$kD kYzV .qU9+X''y!Zq#*@#@&P,P~~,PP,~Nb\YmLd$bTckUxn._K\S{vB@#@&~N@#@&P~^mY^t,c#~P8@#@&8,@#@&d+DqUYD-C^`BMn:K\+z[-`*BBFbifFkAAA==^#~@</script>
این کد هم برای کاربران بلاگ اسکای با این کد میتونید تبلیغات بلاگ اسکای رو بردارید . در بالای تمام کدها بذاریدش .
کد:
<body onload="javascript: document.getElementById('r74j').style.visibility = 'hidden';" href="javascript:void(0);">
