ترفند و آموزش رایگان

آموزش زبان انگلیسی Extra هم سریال ببینید، هم زبان یاد بگیرید! روش جدید آموزش زبان انگلیسی با فیلم	200 کارتون معروف هر کارتون که فکرشو بکنی، هر کارتون فقط 80 تومان \| 9 DVD
X تبلیغات در بلاگ اسکای


	Your browser does not support inline frames or is currently configured not to display inline frames.

شنبه 9 شهریور ماه سال 1387

حذف تبلیغات بلاگ اسکای از بالای وبلاگ

این آموزش رو شاید من چند سال هستش که بلدم ولی هنوز به خودم اجازه ندادم که روی وبلاگ خودم اجرا کنم .چون متعقدم که نباید این کار رو کردُبلاگ اسکای چندین ساله که داره به ایرانیان سرویس وبلاگ نویسی ارائه میده و تا الان هم من راضی بودم.

و همین جا هم از تمام کسانی که برای این سایت زحمت میکشند تشکر میکنم.

خوب به درخواست چند تا از دوستان مجبور شدم که این آموزش را برای شما بدم.

حتما همه شما این تبلیغات را در بالای تمام وبلاگ های بلاگ اسکای دیده اید که یک بنر در سایز ۴۶۸*۶۰ میباشد.

مانند عکس زیر :

برای دیدن آموزش به ادامه مطلب بروید.

ادامه مطلب ...

جمعه 14 مهر ماه سال 1385

آموزش قراردادن کلمه عبور (password) برای بخشی از سایت خود

آموزش قراردادن کلمه عبور (password) برای بخشی از سایت خود

1- ایجاد فرم:

ابتدا احتیاج به یک فرم داریم که در آن یک محل برای وارد کردن پسورد (text input) و یک کلید برای ارسال پسورد به بانک سایت در نظر بگیریم.

برای ایجاد این فرم ما میتواتیم از کدهایی شبیه به کدهای زیر استفاده کنیم.

با وارد کردن کدهای فوق فرم شما به این شکل میشود:

2- کدهای جاوا برای کنترل افرادی که مجاز به ورود نیستند:

ابتدا در قسمت Head عبارات زیر را وارد کنید. توجه داشته باشید که مابین دو براکت را بعدا با کدهای مربوطه پر میکنیم.

//-->
</script>

کدهای زیر را بین دو براکت به شکل زیر وارد کنید.

function passcheck() {
  if (document.pass.userpass.value.toLowerCase=="paper") {
    location.href="welcome.html";
  } else {
    location.href="again.html";
  }
}

//-->
</script>

برنامه کوچک جاوا اسکریپت شما کامل شده است. وقتی شما پسورد خود را با حروف کوچک تایپ کنید و پسورد موجود باشد به صفحه welcome.html میروید در غیر این صورت به صفحه again.html میروید.

میتوانید کدهای زیر را در ادیتور خود وارد کنید تا هم فرم و جاوا اسکریپت را یکجا و براحتی ایجاد کنید (برای تنبل تر ها J ):

<html>
<head>
<script language="JavaScript">
<!--

function passcheck() {
  if (document.pass.userpass.value.toLowerCase=="paper") {
    location.href="welcome.html";
  } else {
    location.href="again.html";
  }
}

//-->
</script>
<title>Your Title Here</title>
</head>
<body>
<form name="pass">
<input type="password" name="userpass">
<input type="submit" value="Enter Now >>>">
</form> </body>
</html>

حالا فقط کافیست صفحات welcome.html , again.html را بسازید و در سایت خود قرار دهید.

3- برای امنیت بیشتر:

به منظور بالا بردن امنیت صفحه ساخته شده خود جهت کنترل پسوردهایی که وارد میشود به روش زیر عمل کنید.

یک صفحه جدید در ادیتور خود ایجاد کنید. فقط کدهای جاوا اسکریپت را در آن وارد کرده و به نام pass.js ذخیره نمایید. سپس به صفحه پسورد خود مراجعه کرده و قسمت Header کدهای جاوا اسکریپت را با عبارت زیر جایگزین نمایید :

فراموش نکنید "pass.js" را با نام فایل جاوا اسکریت خود عوض کنید.

نمونه برنامه :

چهارشنبه 22 شهریور ماه سال 1385

یک افکت زیبا در هنگام باز شدن وب سایت خود

شما با قرار دادن این کد در اول کد قالب وب خود در هنگام باز شدن وبسایت خود شاهد یک افکت زیبا میشوید.

<head> <style>  </style> </head> <body> <div id="i1" class="intro"></div><div id="i2" class="intro"></div><div id="i3" class="intro"></div><div id="i4" class="intro"></div><div id="i5" class="intro"></div><div id="i6" class="intro"></div><div id="i7" class="intro"></div><div id="i8" class="intro"></div> <script language="JavaScript1.2"> /* Left-Right Stripy Curtain Script- © free-amozesh (www.free-amozesh.blogsky.com) visit http://www.free-amozesh.blogsky.com */ var ns4=document.layers?1:0 var ie4=document.all?1:0 var ns6=document.getElementById&&!document.all?1:0 var speed=20 var temp=new Array() var temp2=new Array() if (ns4){ for (i=1;i<=8;i++){ temp[i]=eval("document.i"+i+".clip") temp2[i]=eval("document.i"+i) temp[i].width=window.innerWidth temp[i].height=window.innerHeight/8 temp2[i].top=(i-1)*temp[i].height } } else if (ie4||ns6){ var clipright=ns6?window.innerWidth:document.body.clientWidth clipleft=0 for (i=1;i<=8;i++){ temp[i]=ns6?document.getElementById("i"+i).style:eval("document.all.i"+i+".style") temp[i].width=ns6?window.innerWidth-15:document.body.clientWidth temp[i].height=ns6?window.innerHeight/8:document.body.offsetHeight/8 temp[i].top=(i-1)*parseInt(temp[i].height) } } function openit(){ window.scrollTo(0,0) if (ns4){ for (i=1;i<=8;i=i+2) temp[i].right-=speed for (i=2;i<=8;i=i+2) temp[i].left+=speed if (temp[2].left>window.innerWidth) clearInterval(stopit) } else if (ie4||ns6){ clipright-=speed for (i=1;i<=8;i=i+2){ temp[i].clip="rect(0 "+clipright+" auto 0)" } clipleft+=speed for (i=2;i<=8;i=i+2){ temp[i].clip="rect(0 auto auto "+clipleft+")" } if (clipright<=0){ if (ns6){ for (i=1;i<=8;i++) temp[i].display="none" } clearInterval(stopit) } } } function gogo(){ stopit=setInterval("openit()",100) } gogo() </script> <p>This DHTML template created by <a href="http://www.free-amozesh.blogsky.com">free-amozesh</a></p> <p><span lang="fa">کد قالب خود را در اینجا قرار دهید</span></p>

دیدن نمونه این افکت

یکشنبه 12 شهریور ماه سال 1385

آموزش قرار دادن Loading برای وبلاگ ها و صفحات وب

لودینگی که امروز بهتون آموزششو میدم به این شیوه کار میکنه که هنگامی آدرس صفحه رو میزنید یه مستطیل مثل زیر در بالای صفحه میاد و هی پر میکنه تا صفحه کاملا لود شه .

صفحه در حال بارگذاری است!
لطفا کمی صبر کنید...

Please wait ...

بعد از اینکه صفحه کامل لود شد این Loading خود به خود محو میشه و شما صفحه رو به صورت کامل و لود شده می بینید .

خوب برای یاد گرفتن اینکه چطور چنین لودینگی در وبلاگ و یا صفحات داشته باشید ادامه ی مطلب رو بخونید :

اول یه توضیح کوچیک بدم که هر صفحه ی Html یا قالب وبلاگ با یک تگ <html> شروع میشه و با تگ پایانی <html/> تموم می شه .

خوب حالا بریم سر اصل مطلب و چگونگی قرار دادن لودینگ در وبلاگ یا صفحات وب :

خوب ابتدا کد زیر رو بردارید و در قالب وبلاگ ( یا کدهای Html صفحه ی مورد نظرتون ) بعد از تگ <html> که در اول قالب هست بزارید .

<SCRIPT> var DHTML = (document.getElementById || document.all || document.layers); function ap_getObj(name) { if (document.getElementById) { return document.getElementById(name).style; } else if (document.all) { return document.all[name].style; } else if (document.layers) { return document.layers[name]; } } function ap_showWaitMessage(div,flag) { if (!DHTML) return; var x = ap_getObj(div); x.visibility = (flag) ? 'visible':'hidden' if(! document.getElementById) if(document.layers) x.left=280/2; return true; } </SCRIPT> <body> <div id="waitDiv" style="border: 1px dotted silver ; POSITION:absolute;TOP: 90;RIGHT:400;TEXT-ALIGN:center; visibility:hidden; width:211; background-color:#eaeaea" padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px> <tr> <td align="middle"> </td> <p dir="rtl" style="margin-top: 5"> <font color="#808080" face="Tahoma" size="2"><span lang="fa">صفحه در حال بارگذاری است!<br> لطفا کمی صبر کنید...</span></font></p> <table cellpadding="6" border="0"> <tr> <td align="middle"> <img alt="Please wait ..." src="http://f-learn.persiangig.com/image/other/wait3.gif" width="91" height="11" border="0"> <p> <span lang="en-us"><a target="_blank" href="http://www.free-amozesh.blogsky.com">Loading by : free-amozesh</a> </span></p> </td> </tr> </table> </div> <SCRIPT> ap_showWaitMessage('waitDiv', 1); </SCRIPT>

همونطور که گفتم بعد از تگ <html> یه اینتر بزنید تا یه سطر باز بشه و بعد کد رو در اون سطر بزارید . مثل زیر :

<html>
کد اول رو اینجا بزارید
.......

بعد از اینکه کد بالا رو در جایی که گفتم قرار دادید نوبت به کد دوم میرسه . کد دوم کاربردش اینه که وقتی صفحه کامل لود شد لودینگ بسته بشه پس این کد باید در انتهای قالب و قبل از تگ <html/> قرار بگیره .

<SCRIPT> ap_showWaitMessage('waitDiv', 0); </SCRIPT>

کد دوم رو باید بزارید آخره آخره قالبتون ( اگه بزارید قبل از تگ <html/> بهتره ) . مثل زیر :

.....
کد دوم رو اینجا بزارید
</html>

لازمه اینو بگم: اینکه کد اول رو بعد از تگ <html> بزارید ضروری نیست و میتونید کد اول رو در اوله اوله قالب بزارید .

همچنین اینو : که کد دوم رو قبل از تگ <html/> بزارید ضروری نیست و میتونید کد دوم رو در آخره آخره قالب بزارید .

فقط به این خاطر من این جاها رو براشون گفتم که اول و آخر کدها معلوم باشه که مثلا یه قالب با <html> شروع و با <html/> تموم میشه .

در ضمن اگر شما می توانید برای لودینگ خود عکس جدید دیگری بگذارید.

اگر شما این عکس ها را برای لودینگ خود انتخاب کردید باید آدرس آن را در کد اول قسمتsrc قرار دهید در ضمن اندازه عکس را در کد اول تنظیم کنید.

آدرس:

موفق باشید...

سه شنبه 7 شهریور ماه سال 1385

فرم ارتباط با کاربر )F-learn Form Mailer(

راهنمای استفاده از اسکریپت F-learn Form Mailer

برای استفاده از این اسکریپت مراحل زیر را انجام دهید:

1- ابتدا در فرانت پیج یا هر نرم افزار ویرایش گر HTML فرم خود را طراحی نمایید.

2- سپس بر روی فرم رایت کلیک کرده و از منو گزینه Form Properties را انتخاب نمایید

3-بعد از آن گزینه Send to Other را انتخاب کرده و دکمه Options را فشار دهید

4- در قسمت Action نام اسکریپت (email.php ) را انتخاب نمایید.

5- چنانچه مقدار فیلد Method به صورت پیشفرض POST نبود آن را به POST تغییر دهید

6- کد mail.conf.php را با یک ویرایشگر عادی مثل Notepad باز نمایید و محتویات ان را مطابق دستورالعمل زیر تغییر دهید و بعد آن را با نام mail.conf.php سییو کنید:

<? ##################################################### # ghabl az estefadeh etellat zir ra tanzim nemayeed.# # Chenancheh dar Form khod fiedhayee ba name # #"email" , "subject" dashete bashid, bejaye # # meghdar haye zir az meghdare vared shode dar form # # estefadeh khahad shod. # ######## Copyright 2005.www.flearn.sub.ir ################ $to='your Email'; $subject='f-learn Form Mailler'; $redirect='http://flearn.sub.ir'; $from='From Email'; ##################################################### ?>

$to='Your email';	بین کوتیشن ها آدرس ایمیل خود را بنویسید،به عنوان مثال: $to='yahooid@yahoo.com';
$redirect='http://yoursite.com/return.htm';	مسیر صفحه ای که بعد از ارسال فرم نشان داده خواهد شد. به عنوان مثال: $redirect='http://your site/thankyou.htm';
$subject=f-learn Form Mailler';	موضوع ایمیل : هرچیزی که در این این قسمت وارد نمایید به عنوان موضوع ایمیل ارسالی به شما خواهد بود. چنانچه در فرم خود فیلدی با نام subject داشته باشید ، مقدار آن ، موضوع ایمیل شما خواهد بود.
$from='From Emaill';	اایمیل فرستنده : در این قسمت ایمیل شخص فرستنده مشخص می شود. چنانچه در فرم خود فیلدی با نام email داشته باشید مقدار آن به عنوان ایمیل فرستده منظور خواهد شد.

7-کد email.php را با یک ویرایشگر عادی مثل Notepad باز نمایید و محتویات ان را مطابق دستورالعمل زیر تغییر دهید و بعد آن را با نام email.phpسییو کنید:

<?
#be name Khoda
#Lotfan Code zir ra taghyeer nadahid ,
#baraye tanzimat az File "mail.conf.php" ra virayesh konid
############################
include 'mail.conf.php';
############################
$top='<html dir="rtl">

<body>

<div align="center">
	<p style="margin-top: 0; margin-bottom: 0">
	<font face="Tahoma" size="1" color="#003366">به نام خدا</font></p>
	<p style="margin-top: 0; margin-bottom: 0"><b>
	<font face="Tahoma" size="1" color="#003366">محتویات فرم ارسال شده</font></b></p>
	<p style="margin-top: 0; margin-bottom: 0"><font face="Tahoma" size="1"> </font></p>
	<table border="0" cellpadding="0" style="border-collapse: collapse" width="500" height="20" bordercolor="#000000" id="table1">
		<tr>
			<td width="161" height="24" style="border-style: solid; border-width: 1px" bgcolor="#F4F4F4" bordercolor="#333333">
			<p align="center" style="margin: 2px 5px"><b>
			<font face="Tahoma" style="font-size: 9pt">نام گزینه</font></b></td>
			<td height="24" style="border-style: solid; border-width: 1px" bgcolor="#F4F4F4" bordercolor="#333333">
			<p align="center" style="margin: 2px 5px"><b>
			<font face="Tahoma" style="font-size: 9pt"> اطلاعات وارد شده توسط
			کاربر</font></b></td>
		</tr>';
##############################
$body='		<tr>
			<td width="161" style="border-style: solid; border-width: 1px" height="24" bordercolor="#333333">
			<p align="center" style="margin: 2px 5px"><span lang="en-us">
			<font face="Tahoma" style="font-size: 9pt">%field</font></span></td>
			<td style="border-style: solid; border-width: 1px" height="24" bordercolor="#333333">
			<p align="justify" style="margin: 2px 10px; "><span lang="en-us">
			<font face="Tahoma" style="font-size: 9pt">%info</font></span></td>
		</tr>';
##############################
$footer='	</table>
	<p style="margin-top: 0; margin-bottom: 0"> </p>
	<p style="margin-top: 0; margin-bottom: 0"><b><font face="Tahoma" size="1"> </font></b></div>

<div align="center">
	<table border="0" cellpadding="0" style="border-collapse: collapse" width="500" height="20" bordercolor="#000000" id="table2">
		<tr>
			<td height="25" style="border-style: solid; border-width: 1px" bgcolor="#F2CC84" colspan="2" bordercolor="#333333">
	<p style="margin-top: 0; margin-bottom: 0" align="center"><b>
	<font face="Tahoma" size="1" color="#800000">مشخصات کاربر</font></b></p>
			</td>
		</tr>
		<tr>
			<td width="161" height="25" style="border-style: solid; border-width: 1px" bordercolor="#333333">
			<p align="center" style="margin: 2px 5px">
			<font face="Tahoma" style="font-size: 9pt">آدرس آی پی</font></td>
			<td height="25" style="border-style: solid; border-width: 1px" bordercolor="#333333">
			<p align="center" style="margin: 2px 5px"><span lang="en-us">
			<font face="Tahoma" style="font-size: 9pt">%ip</font></span></td>
		</tr>
		<tr>
			<td width="161" style="border-style: solid; border-width: 1px" height="25" bordercolor="#333333">
			<p align="center" style="margin: 2px 5px">
			<font face="Tahoma" style="font-size: 9pt">لینک معرف</font></td>
			<td style="border-style: solid; border-width: 1px" height="25" bordercolor="#333333">
			<p align="center" style="margin: 2px 5px"><span lang="en-us">
			<font face="Tahoma" style="font-size: 9pt">%link</font></span></td>
		</tr>
		</table>
	<p align="center" style="margin: 2px 5px"> <p align="center" style="margin: 2px 5px"> </div>

<p align="center" dir="ltr" style="margin-top: 2px; margin-bottom: 2px">
<span lang="en-us"><font face="Verdana" size="1" color="#333333">if you can,t
Read this , change the encoding to UTF-8</font></span></p>
<p align="center" style="margin-top: 2px; margin-bottom: 2px">
<span lang="en-us"><font size="1" face="Verdana">
<a href="http://www.f-learn.sub.ir"><font color="#800000">Powered By: www.f-learn.sub.ir</font></a></font></span></p>

</body>

</html>';
##############################
if (isset($_POST['email']))
	$email=$_POST['email'];
else
	$email=$from;
if (isset($_POST['subject']))
	$subject=$_POST['subject'];
##############################
$header='From: "'.$email.'" <'.$email.">
"
.'Reply-To: "'.$email.'" <'.$email.">
"
.'To:<'.$to.">
"
."Mime-Version: 1.0
"
."Content-type: text/html; charset=utf-8
"
."Content-Transfer-Encoding: 7bit
";
##############################
$main='';
foreach($_POST as $k => $v)
	{
    $lists=$body;
	$lists=ereg_replace('%field',$k,$body);
    $lists=ereg_replace('%info',$v,$lists);
    $main .=$lists;
    }
#############################
$ip= $_SERVER['REMOTE_ADDR'];
$link=$_SERVER['HTTP_REFERER'];
$footer=ereg_replace('%ip',$ip,$footer);
$footer=ereg_replace('%link',$link,$footer);
$body=$top.$main.$footer;
mail($to,$subject,$body, $header);
header("location: $redirect")
?>

8- پس ار انجام تنظیمات، فرم خود را به همراه دو فایل email.php , email.conf.php در سایتتان قرار دهید، توجه داشته باشید چنانچه فرم خود را مطابق آموزش های فوق تنظیم نموده اید ، هر سه فایل بایستی در یک محل قرار گیرند.

یکشنبه 5 شهریور ماه سال 1385

درست کردن یک منوی زیبا برای وب شما......جدید

منویی زیبا برای وب شما

این آموزش به شما خواهد آموخت که منویی بسازید که با رفتن موش بر روی منو رنگ آن تغییر کند. اگر توجه داشته باشید اینگونه منوها را در سایتهای مختلف دیده اید.

1- اول ساخت منو در صفحه مورد نظر وب سایت خود. سپس انتخاب 2 رنگ مختلف یکی برای وقتی که موش بر روی منو میرود و یکی برای حالت عادی برای این موارد کد های زیر را بین دو عبارت HEAD در ادیتور خود کپی کنید (Between <HEAD></HEAD> tags) :

کد:

<style type="text/css"> td.off { background: #CCCCCC; } td.on { background: #999999; } </style>

میتوانید عبارات #CCCCCC و #999999 که معرف رنگهای انتخاب شده است را با رنگهای مورد علاقه خود عوض کنید.

2- حال CSS به table ساخته شده توسط شما اضافه خواهد شد. این قسمت یک class file است. برای این منظور کدهای زیر را وارد نمایید :

کد:

table. class="off" onmouseover="this.className='on'" onmouseout="this.className='off'"

باید کدهای شما مانند کد زیر باشد :

کد:

<td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'">MENU 1</td>

حال موارد زیر را یکی یکی اعمال کنید :

کد:

1: td class="off" 2: onmouseover="this.className='on'" 3: onmouseout="this.className='off'"

خب این هم کدهای این آموزش به صورت کامل برای آنهایی که میخواهند بدون آموزش فقط از این امکان استفاده کنند و به چند و چون کار علاقه ای ندارند :

کد:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Table Background Change</title> <style type="text/css"> td.off { background: #CCCCCC; } td.on { background: #999999; } </style> </head> <body> <table width="150" cellpadding="3"> <tr> <td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'"><font color="#000000" size="1" face="Verdana, Arial, Helvetica, sans-serif">Menu 1 </font></td> </tr> <tr> <td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'"><font color="#000000" size="1" face="Verdana, Arial, Helvetica, sans-serif">Menu 2 </font></td> </tr> <tr> <td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'"><font color="#000000" size="1" face="Verdana, Arial, Helvetica, sans-serif">Menu 3</font></td> </tr> <tr> <td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'"><font color="#000000" size="1" face="Verdana, Arial, Helvetica, sans-serif">Menu 4 </font></td> </tr> </table> </body> </html>

نمونه

Menu 1

Menu 2

Menu 3

Menu 4

majid oline.com

کپی برداری از مطالب وبلاگ فقط با ذکر منبع مجاز می باشد .