كد هاي زيبا براي سايت و وبلاگ شما

rufozeh

کاربر تازه وارد
تاریخ عضویت
30 مارس 2004
نوشته‌ها
77
لایک‌ها
1
سن
44
پنهان کردن اسکريپتهاي جاوا از دست مرورگرهاي قديمي


کد:
 <html> 
<head>
</head>
 
<body>
 
<h1>
 
<!-- hide script from old browsers -->
 
<script language="javascript" type="text/javascript">
 
document.write("IranJavaScript")
 
//end hiding script from old browsers -->
</script>
</h1>
 
</body>
</html>
 

rufozeh

کاربر تازه وارد
تاریخ عضویت
30 مارس 2004
نوشته‌ها
77
لایک‌ها
1
سن
44
تغيير رنگ پس زمينه هنگام ورود به صفحه

کد:
 <script> 
// Modified by CoffeeCup Software
 
function initArray() 
{
this.length = initArray.arguments.length
for (var i = 0; i < this.length; i++)
this[i+1] = initArray.arguments[i]
}
 
var hexChars = "0123456789ABCDEF";
 
function Dec2Hex (Dec) 
{
var a = Dec % 16;
var b = (Dec - a)/16;
hex = "" + hexChars.charAt(b) + hexChars.charAt(a);
return hex;
}
 
function bgChanger (begin, end, steps) 
{
steps = steps -1 ;
 
redA = begin.charAt(0) + begin.charAt(1);
red_valA = parseInt(redA,'16');
redB = end.charAt(0) + end.charAt(1);
red_valB = parseInt(redB,'16');
red_int = ((red_valB - red_valA) / steps) * -1;
grnA = begin.charAt(2) + begin.charAt(3);
grn_valA = parseInt(grnA,'16');
grnB = end.charAt(2) + end.charAt(3);
grn_valB = parseInt(grnB,'16');
grn_int = ((grn_valB - grn_valA) / steps) * -1;
bluA = begin.charAt(4) + begin.charAt(5);
blu_valA = parseInt(bluA,'16');
bluB = end.charAt(4) + end.charAt(5);
blu_valB = parseInt(bluB,'16');
blu_int = ((blu_valB - blu_valA) / steps) * -1;
 
step = 2;
red = red_valA;
grn = grn_valA;
blu = blu_valA;
 
document.bgColor = begin;
 
while ( steps >= step ) 
{
red -= red_int;
red_round = Math.round(red);
red_hex = Dec2Hex(red);
 
grn -= grn_int;
grn_round = Math.round(grn);
grn_hex = Dec2Hex(grn);
 
blu -= blu_int;
blu_round = Math.round(blu);
blu_hex = Dec2Hex(blu);
 
document.bgColor = red_hex + grn_hex + blu_hex;
 
step++;
}
document.bgColor = end;
}
 
</script>
</head>
<body bgcolor=#000000 text=#FFFFFF link="FF0000" vlink="8888FF" 
 
alink="FF00FF">
<script>
<!-- 
// black to black (pause)
bgChanger("000000","000000",25);
// black to red
bgChanger("000000","FF0000",25);
// red to black
bgChanger("FF0000","000000",25);
// black to purple 
bgChanger("000000","AA00EE",25);
// purple to black
bgChanger("AA00EE","000000",25);
// black to blue
bgChanger("000000","0000FF",25);
// blue to black
bgChanger("0000FF","000000",25);
// black to black (pause)
bgChanger("000000","000000",25);
// -->
</script>
</head>
<body>
<BODY BGCOLOR=000000 text="#ffffff" link="#0000ff" 
 
vlink="#c00c0">
 
 
_____________________________________________________
تنظيم يک فيلد بر اساس فيلد ديگر
 
<html>
<head>
<script language="javascript" type="text/javascript">
function SubmitIt(carForm) {
doorOption = -1
 
if (carForm.DoorCt[doorOption].value == "fourDoor" && carForm.sunroof.checked) {
alert("The sunroof is only available on the two door model")
return false
}
return true
}
 
function doorSet(sunroofField) {
	if (sunroofField.checked) {
		for (i=0; i<document.myForm.DoorCt.length; i++) {
			if (document.myForm.DoorCt[i].value == "twoDoor") {
				document.myForm.DoorCt[i].checked = true
				}
			}
		}
	}
</script>
</head>
<body>
<h2>
Car Picker<p>
<form onSubmit="return SubmitIt(this)" action="ok.asp" name="myForm">
Doors:
<br>
<input type="CHECKBOX" name="sunroof" value="YES" onClick="doorSet(this)">Sunroof(two door only)
<br><br>
<input type="radio" value="twoDoor" name="DoorCt">two 
<input type="radio" value="fourDoor" name="DoorCt">Four
<br>
 
<input type="Submit" value="Submit">
</form></h2>
</body>
</html>
 

Mashaheer

مدیر بازنشسته
کاربر فعال
تاریخ عضویت
5 می 2003
نوشته‌ها
1,972
لایک‌ها
17
سن
39
محل سکونت
UAE
دستتون درد نكنه دوست عزيز
بهتر اين كدها رو بين دو تگ كد (code) قرار بدهيد.
موفق باشيد. :)
 

rufozeh

کاربر تازه وارد
تاریخ عضویت
30 مارس 2004
نوشته‌ها
77
لایک‌ها
1
سن
44
طريقه ايجاد افكت Glow براي متن نوشته شده :

کد:
<p><font face="Tahoma">
<span style="FILTER: glow(Color=#50710,Strength=2); WIDTH: 1px; HEIGHT: 1px">
<font face="Tahoma" color="#ffff00" style="font-size:15pt">welcome</font></span></font></p>
 

Mashaheer

مدیر بازنشسته
کاربر فعال
تاریخ عضویت
5 می 2003
نوشته‌ها
1,972
لایک‌ها
17
سن
39
محل سکونت
UAE
سلام دوست عزيز
من اين كدها رو امتحان نكردم ولي سوالي دارم:
1. آيا اين كدها رو از جايي كپي مي كنيد؟
2. نقش كدهاي استايل در اين مثال چيه؟
3. پايين تگي بسته نشده

موفق باشيد.
 

ehsan

Administrator
مدیر انجمن
Administrator
تاریخ عضویت
5 دسامبر 2002
نوشته‌ها
7,935
لایک‌ها
3,821
محل سکونت
Internet
رفوزه جان ممنون. فقط دو نکته. یکی اینکه اگه بتونی اینا رو به عنوان تست روی یه سری صفحه نمایش بدی. دیگه اینکه کدها رو توی تگ کد بذاری. من دو تای قبلی رو اصلاح کردم.
ممنون و موفق باشی
 

Mashaheer

مدیر بازنشسته
کاربر فعال
تاریخ عضویت
5 می 2003
نوشته‌ها
1,972
لایک‌ها
17
سن
39
محل سکونت
UAE
دستت درد نكنه احسان جان كه كدها رو تصحيح كردي
 

rufozeh

کاربر تازه وارد
تاریخ عضویت
30 مارس 2004
نوشته‌ها
77
لایک‌ها
1
سن
44
كد براي قرار دادن فايل هل ( لوگو ... بنر و.... ) فلش در وبلاگ يا سايت :

کد:
<<embed width="128" height="128" src="url.swf"></p>
</body>
</html>
در قسمت url.swf آدرس مورد نظر خود را تايپ كنيد.
 

Mashaheer

مدیر بازنشسته
کاربر فعال
تاریخ عضویت
5 می 2003
نوشته‌ها
1,972
لایک‌ها
17
سن
39
محل سکونت
UAE
به نقل از rufozeh :
كد براي قرار دادن فايل هل ( لوگو ... بنر و.... ) فلش در وبلاگ يا سايت :

کد:
<<embed width="128" height="128" src="url.swf"></p>
</body>
</html>
در قسمت url.swf آدرس مورد نظر خود را تايپ كنيد.
دوست عزيز اين كد به صورت زير هستش:
کد:
<embed src="FILE" height="SIZE" width="SIZE">
اين تگ خارجي هستش كه مي توانيد به جاي گزينه فايل، فايلهاي با فرمتها مختلف صوتي، تصويري قرار بدهيد.

موفق باشيد.
 

rufozeh

کاربر تازه وارد
تاریخ عضویت
30 مارس 2004
نوشته‌ها
77
لایک‌ها
1
سن
44
متن سايه دار:
کد:
<html>

<head>
<title>New Page 1</title>
<script type = "TEXT/JAVASCRIPT" LANGUAGE = "JAVASCRIPT">
	function doShadow(newDiretction){
		if (document.all && newDiretction < 360) {
			newDiretction += 10 
			document.all.dropText.style.filter="shadow(direction=" + 

newDiretction + ")"
			setTimeout("doShadow(" + newDiretction + ")" , 100)
			}
		}
</script>

<STYLE TYPE="TEXT/CSS">
	#dropText {width: 500px; height: 100px; font-size: 36px; filter: 

shadow(direction=90)}
</STYLE>
</head>
<body>
<DIV ID="dropText">
به وبلاگ من خوش آمديد
</DIV>

</body>

</html>
 

Mashaheer

مدیر بازنشسته
کاربر فعال
تاریخ عضویت
5 می 2003
نوشته‌ها
1,972
لایک‌ها
17
سن
39
محل سکونت
UAE
خيلي جالب بود رفوزه جان
براي اين كار مي توان از حالت فيلترها در استايل هم استفاده كرد.
موفق باشيد.
 

aaber_piade

Registered User
تاریخ عضویت
19 دسامبر 2002
نوشته‌ها
1,662
لایک‌ها
25
سن
36
محل سکونت
Tehran
اينا کارايي جالبي هست .. البته متاسفانه پشتيباني فيلتر ها به ie محدود ميشه..
 

rufozeh

کاربر تازه وارد
تاریخ عضویت
30 مارس 2004
نوشته‌ها
77
لایک‌ها
1
سن
44
انتخاب رنگ پس زمينه:

کد:
<body>
<script language="Javascript">
<!--
// please keep these lines on when you copy the source
// made by: Amir - [url]http://www.IranJavaScript.com[/url]

function backbs(clr) {
document.bgColor = clr
}
<!--Template Name:"Asre Jadid"-By:Amin Asemi E.For Persianblog's blog--> 
//-->
</script>
<form>
<input type="button" value="zard" onclick="backbs('yellow')"> 
<input type="button" value="khaki" onclick="backbs('khaki')"> 
<input type="button" value="sefid" onclick="backbs('white')"> 
<input type="button" value="toosi" onclick="backbs('gray')">
<input type="button" value="meshki" onclick="backbs('black')">
<input type="button" value="soorati" onclick="backbs('pink')">
<input type="button" value="abi" onclick="backbs('blue')">
<input type="button" value="sabz" onclick="backbs('Green')">
<input type="button" value="noghre ei" onclick="backbs('silver')">
<input type="button" value="sabz tire" onclick="backbs('teal')">
<input type="button" value="limooei" onclick="backbs('lime')">
<input type="button" value="abi nafti" onclick="backbs('navy')">
<input type="button" value="ghermez" onclick="backbs('red')">
<input type="button" value="narenji" onclick="backbs('orange')">
<input type="button" value="ghahve ei" onclick="backbs('olive')">
<input type="button" value="banafsh" onclick="backbs('purple')">
</form>
</script>
</body>
 

rufozeh

کاربر تازه وارد
تاریخ عضویت
30 مارس 2004
نوشته‌ها
77
لایک‌ها
1
سن
44
با انجام عمل Double Click عمل خاصي را مشاهده خواهيد كرد
براي عمل onDbclick Event

onDblclick="newWindow(1)"

بدين صورت با دوبار کليک بر روي تصوير کوچک, تصوير بزرگ آن در پنجره جديد نمايش داده ميشود.

کد:
<html> 
<head> 
<script language="javascript" type="text/javascript"> 
function newWindow(imgNumber) { 
imgName = "images/test" + imgNumber + ".gif" 
imgWindow = window.open(imgName,"imgWin","width=320,height=240,scrollbars=no") 
} 
</script> 
</head> 
<body> 
<h2>Double-click on an image to see the full-size version</h2> 
<img src="images/test1.gif" border="2" onDblclick="newWindow(1)"> 
<img src="images/test2.gif" border="2" onDblclick="newWindow(2)"> 
<img src="images/test3.gif" border="2" onDblclick="newWindow(3)"> 

</body> 
</html>
 

rufozeh

کاربر تازه وارد
تاریخ عضویت
30 مارس 2004
نوشته‌ها
77
لایک‌ها
1
سن
44
پيام هنگام ورود به صفحه:
کد:
<html>
<head>
<script language="javascript" type="text/javascript">

alert("Welcome to my weblog")

</script>

</head>

<body>
<h1>

<!-- hide script from old browsers -->
<!--this is on example of a long JavaScript comment-->

<script language="javascript" type="text/javascript">

document.write("IranJavaScript")

//end hiding script from old browsers -->
</script>
</h1>

</body>
</html>
 

sara_gonjeshk

کاربر تازه وارد
تاریخ عضویت
10 آپریل 2004
نوشته‌ها
4
لایک‌ها
0
اقا كارو راحت كنين و برين سايت dseffects.com :blink:
 

rufozeh

کاربر تازه وارد
تاریخ عضویت
30 مارس 2004
نوشته‌ها
77
لایک‌ها
1
سن
44
اين کد فونت های مختلف داره ، می تونید نوشته ها رو خودتون تغییر بدید.
کد:
<script>
var divs = new Array();
var da = document.all;
var start;

//CONFIGUER THESE VARS!!!!!!
//speed of pulsing
var speed = 50;

function initVars(){

if (!document.all)
return

//Extend of shrink the below list all you want
//put an "addDiv(1,"2",3,4); for each div you made, 
//1)'id' of div
//2)color or glow(name or hex)(in quotes!!!)
//3)minimum strength
//4)maximum strength

addDiv(hi,"lime",2,11);
addDiv(welcome,"red",4,9);
addDiv(message,"purple",2,4);
addDiv(msg2,"orange",15,17);
addDiv(msg3,"blue",1,3);
addDiv(msg4,"pink",1,3);

//NO MORE EDITING!!!!!!



startGlow();
}

function addDiv(id,color,min,max)
{
var j = divs.length;
divs[j] = new Array(5);
divs[j][0] = id;
divs[j][1] = color;
divs[j][2] = min;
divs[j][3] = max;
divs[j][4] = true;
}

function startGlow()
{
	if (!document.all)
		return 0;

	for(var i=0;i<divs.length;i++)
	{
		divs[i][0].style.filter = "Glow(Color=" + divs[i][1] + ", Strength=" + divs[i][2] + ")";
		divs[i][0].style.width = "100%";
	}

	start = setInterval('update()',speed);
}

function update()
{
	for (var i=0;i<divs.length;i++)
	{
		if (divs[i][4])
		{
			divs[i][0].filters.Glow.Strength++;
			if (divs[i][0].filters.Glow.Strength == divs[i][3])
				divs[i][4] = false;
		}
	
		if (!divs[i][4])
		{
			divs[i][0].filters.Glow.Strength--;
			if (divs[i][0].filters.Glow.Strength == divs[i][2])
				divs[i][4] = true;
		}
	}
}
-->
</script>

<body onLoad="initVars()">

<div id="hi" style="color: lime">
Hello!
</div>
<br>
<div id="welcome" style="color: lime">
Welcome!
</div>
<br>
<div id="message" style="color: lime">
This is a pulsating message!
</div>
<br>
<div id="msg2" style="color: lime">
This is another pulsating message!
</div>
<br>
<div id="msg3" style="color: lime">
welcome my to weblog!
</div>
<br>
<div id="msg4" style="color: pink">
rufozeh !
</div>
 

rufozeh

کاربر تازه وارد
تاریخ عضویت
30 مارس 2004
نوشته‌ها
77
لایک‌ها
1
سن
44
منو باز شو :
کد:
<html>
<head>
<title>First menu</title>
<style>
.curhand{cursor:hand}
</style>
<script language="javascript">

function displayit(paragraph,title,imgmenu){
if (document.all[paragraph].style.display=='none')
{document.all[paragraph].style.display="block";
document.all[imgmenu].src="arrow_u2.jpg"}
else {document.all[paragraph].style.display="none";
document.all[imgmenu].src="arrow_d2.jpg"}
}

function setoverstyles(paragraph,imgmenu,title){
if (document.all[paragraph].style.display=='none')
{document.all[imgmenu].src="arrow_d2.jpg";
document.all[title].style.textDecorationUnderline='true'}
else {document.all[imgmenu].src="arrow_u2.jpg";
document.all[title].style.textDecorationUnderline='true'}
}

function setoutstyles(paragraph,imgmenu,title){
if (document.all[paragraph].style.display=='none')
{document.all[title].style.textDecoration='none';
document.all[imgmenu].src="arrow_d1.jpg"}
else {document.all[imgmenu].src="arrow_u1.jpg";
document.all[title].style.textDecoration='none'}
}

sw=0;
function displayall(){
if (sw==0) {swall.innerText="Hide all";document.all['x'].style.display='block';sw=1;
for (i=1;i<=5;i++)
{ xmenu='menu'+i ; ximg='imgmenu'+i ;
if (document.all[xmenu].style.display=='none') 
   {document.all[xmenu].style.display="block";document.all[ximg].src="arrow_u1.jpg"}}}

else {swall.innerText="Show all";document.all['x'].style.display='none';sw=0;
for (i=1;i<=5;i++)
{xmenu='menu'+i;ximg='imgmenu'+i;
if (document.all[xmenu].style.display=='block') 
   {document.all[xmenu].style.display="none";document.all[ximg].src="arrow_d1.jpg"}}}
}

function displayinline(text){
if (document.all[text].style.display=="none"){document.all[text].style.display="inline"}
else {document.all[text].style.display="none"}
}

</script>
</head>

<body>

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1">
    <tr>
      <td width="598" height="28">

<p align="left">
<span id="swall" onmouseover="this.style.textDecorationUnderline='true'" onmouseout="this.style.textDecoration='none'" class="curhand" onclick="displayall()">
Show all</span></td>
      <td width="93" height="28">
      <p align="right">
</td>
    </tr>
  </table><br>
<p id='x' style="display:none"></p>
<div onmouseover="setoverstyles('menu1','imgmenu1','title1')" onmouseout="setoutstyles('menu1','imgmenu1','title1')" class="curhand" onclick="displayit('menu1','title1','imgmenu1')" id="title1" style="position:static; width:83; height:19">
  <img id="imgmenu1" border="0" src="arrow_d1.jpg" width="12" height="12">First 
  menu</div>
<blockquote>
  <span id="menu1" style="display:none; width: 140">Item 1<br>
  Item 2<br>
  Item 3<br>
  Itrm 4<br>
  Item 5<br>
  Item 6<br>
  Item 7</span>
</blockquote>
<p></p>
<div onmouseover="setoverstyles('menu2','imgmenu2','title2')" onmouseout="setoutstyles('menu2','imgmenu2','title2')" class="curhand" onclick="displayit('menu2','title2','imgmenu2')" id="title2" style="position:static; width:100; height:4">
  <img id="imgmenu2" border="0" src="arrow_d1.jpg" width="12" height="12">Second 
  menu</div>
<p></p>
<blockquote>
  <span id="menu2" style="display:none; width: 140">Item 1<br>
  Item 2<br>
  Item 3<br>
  Item 4<br>
  Item 5<br>
  Item 6<br>
  Item 7</span>
</blockquote>
<p></p>
<div onmouseover="setoverstyles('menu3','imgmenu3','title3')" onmouseout="setoutstyles('menu3','imgmenu3','title3')" class="curhand" onclick="displayit('menu3','title3','imgmenu3')" id="title3" style="position:static; width:84; height:19">
  <img id="imgmenu3" border="0" src="arrow_d1.jpg" width="12" height="12">Third 
  menu</div>
<p></p>
<blockquote>
  <span id="menu3" style="display:none; width: 140">Item 1<br>
  Item 2<br>
  Item 3<br>
  Item 4<br>
  Item 5<br>
  Item 5<br>
  Item 6</span>
</blockquote>
<p></p>
<div onmouseover="setoverstyles('menu4','imgmenu4','title4')" onmouseout="setoutstyles('menu4','imgmenu4','title4')" class="curhand" onclick="displayit('menu4','title4','imgmenu4');" id="title4" style="position:static; width:93; height:19">
  <img id="imgmenu4" border="0" src="arrow_d1.jpg" width="12" height="12">Fourth 
  menu</div>
<p></p>
<blockquote>
  <span id="menu4" style="display:none; width: 140">
  Item 1<br>
  Item 2<br>
  Item 3<br>
  Item 4<br>
  Item 5<br>
  Item 6</span>
</blockquote>
<p></p>
<div onmouseover="setoverstyles('menu5','imgmenu5','title5')" onmouseout="setoutstyles('menu5','imgmenu5','title5')" class="curhand" onclick="displayit('menu5','title5','imgmenu5')" id="title5" style="position:static; width:80; height:19">
  <img id="imgmenu5" border="0" src="arrow_d1.jpg" width="12" height="12">Fifth 
  menu</div>
<p></p>
<blockquote>
  <span id="menu5" style="display:none; width: 140">
  Item 1<br>
  Item 1<br>
  Item 2<br>
  Item 3<br>
  Item 4<br>
  Item 5</span>
</blockquote>
</body>
</html>
 

rufozeh

کاربر تازه وارد
تاریخ عضویت
30 مارس 2004
نوشته‌ها
77
لایک‌ها
1
سن
44
كد ساعت در پايين صفحه بهمراه تاريخ در قسمت استاتيوس بار:
کد:
<!-- ONE STEP TO INSTALL PROPER DATE:

   1.  Add the first code to the BODY of your HTML document  -->

<!-- STEP ONE: Add the first code to the BODY of your HTML document  -->

<BODY>

<SCRIPT LANGUAGE="JavaScript">
<!-- Original:  Peter Oxley ([email protected]) -->
<!-- Web Site:  [url]http://www.theun.com[/url] -->

<!--Total Java Scripts 99 - Next Step Software-->

<!-- Begin
today=new Date();
day=today.getDate();
year=today.getYear();
month=today.getMonth()+1;
if (day==1) end=("st");
else if (day==2) end=("nd");
else if (day==3) end=("rd");
else if (day==21) end=("st");
else if (day==22) end=("nd");
else if (day==23) end=("rd");
else if (day==31) end=("st");
else end=("th");
if (month==1) name=("January");
else if (month==2) name=("February");
else if (month==3) name=("March");
else if (month==4) name=("April");
else if (month==5) name=("May");
else if (month==6) name=("June");
else if (month==7) name=("July");
else if (month==8) name=("August");
else if (month==9) name=("September");
else if (month==10) name=("October");
else if (month==11) name=("November");
else name=("December");
if (year<100) year="19" + year;
document.write(name + " " + day + end + ", " + year);
// End -->
</script>

<!-- Script Size:  1.31 KB  -->
 

rufozeh

کاربر تازه وارد
تاریخ عضویت
30 مارس 2004
نوشته‌ها
77
لایک‌ها
1
سن
44
اين کد ماله اينکه وقتی موس ميره روش رنگی ميشه : (براي لينك)
کد:
<script>

/*
Highlight Link script
By JavaScript Kit ]
Over 400+ free scripts here!
Above notice MUST stay entact for use
*/

function highlight(which,color){
if (document.all||document.getElementById)
which.style.backgroundColor=color
}
</script>


<center>


<a href="http://msn.com/" onMouseover="highlight(this,'yellow')" onMouseout="highlight(this,document.bgColor)">Free JavaScripts</a>
 
بالا