آموزش ساخت صفحه 404(html)

سلام

این بار با آموزش ساخت صفحه 404 (صفحه مورد نظر پیدا نشد) در خدمت شما هستم

برای این کار کد زیر رو کپی و در روت سایت خودتون بریزید.

خب اول یه صفحه به اسم notfound.html بسازید.

وارد کنترل پنل هاست بشید و فایل “.htaccess” را باز کنید و کد زیر رو وارد و ذخیره کنید.

دمو :

جهت تست صفحه 404 که توسط عزیز

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



کد:
ErrorDocument 404 /notfound.html
کد صفحه :

کد:
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>صفحه مورد نظر پیدا نشد !</title><style>a{color:#FFFFFF;text-decoration:none;}a:hover, a:active{color:#CCFF33;}</style></head><body><div align="center"><div style="border: 1px solid #DFDFDF;text-align:center;width:670px;margin-top:10%;padding:5px;font-family:Tahoma;font-size:10pt" dir="rtl"><div style="background:url(http://up.persianscript.ir/uploads/136275377802841.jpg);width:670px;height:452px;"><div style="font-weight:bold;padding-top:320px;color:white"><a href="http://آدرس شما.com">برگشت به سایت</a></div></div></div></div></body></html>
 
آخرین ویرایش توسط مدیر:

zegersot

کاربر عضو
23/4/08
626
1
16
مرسی بابت آموزش

منم یه کد صفحه 404 زیبایی میزارم


کد:
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>404 Not Found</title>

<style>
body { font-family: 'Terminal Dosis',  Arial, sans-serif, serif; font-size: 18px; }

h1 {
	display:inline-block;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-0-transition: all 0.2s ease-out;
}

h1:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
}

h1 { 
	font-family: 'Terminal Dosis', Arial, sans-serif, serif; font-weight: 600; 
	text-shadow: 0 1px 0 #ccc,
				 0 2px 0 #c9c9c9,
				 0 3px 0 #bbb,
				 0 4px 0 #b9b9b9,
				 0 5px 0 #aaa,
				 0 6px 1px rgba(0,0,0,.1),
				 0 0 5px rgba(0,0,0,.1),
				 0 1px 3px rgba(0,0,0,.3),
				 0 3px 5px rgba(0,0,0,.2),
				 0 5px 10px rgba(0,0,0,.25),
				 0 10px 10px rgba(0,0,0,.2),
				 0 20px 20px rgba(0,0,0,.15);
}

#custom {
	width:100%;
	text-align:center;
	padding:1.1em 0;
	// background:rgba(0,0,0,.5);	
	// border-bottom:1px solid rgba(149,149,149,.1);
	-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 5px 5px rgba(0,0,0,.4);
	-0-box-shadow: 0px 5px 5px rgba(0,0,0,.4);
	box-shadow: 0px 5px 5px rgba(0,0,0,.4);	
}

#custom h1 {
	font-family: 'Terminal Dosis', Arial, sans-serif, serif; font-weight: 600;
	font-size:4.175em;
	// text-shadow: 4px 4px 0px rgba(255,255,255,.8), 10px 10px 0px rgba(187,187,187,0.5);
	text-shadow: 0px 2px 3px #666;
}

</style>


</head>

<body>

<div id="custom">
<h1>404 Not Found</h1>
<hr>
<p></p>
<p><a href="http://persianscript.ir">PersianScript.IR</a></p>
</div>



</body></html>
 

amin704

کاربر عضو
28/7/13
378
0
16
باسه ورد پرسم کار میکنه؟

چون من فایل “.htaccess” ندارم.باید بسازمش؟؟

 

MahdiY

راهبر انجمن
25/1/13
2,110
36
48
اینترنت!
شما میتوانید کد های داده شده در تاپیک های بالا را

در فایل زیر در مسیر قالب خود وارد کنید

اگر این فایل وجود ندارد آن را بسازید

404.php

در ضمن میتوانید از این صفحه 404 زیبا نیز استفاده کنید



 

amin704

کاربر عضو
28/7/13
378
0
16
شما میتوانید کد های داده شده در تاپیک های بالا رادر فایل زیر در مسیر قالب خود وارد کنید

اگر این فایل وجود ندارد آن را بسازید

404.php

در ضمن میتوانید از این صفحه 404 زیبا نیز استفاده کنید

ممنون اون 404 که لینکشو گذاشتین خیلی زیبا بود............ راستی من باید کدوم کد هارو در صفحه 404 که ساختم کپی کنم؟ چون بالای صفحه دو کد هست

 

amin704

کاربر عضو
28/7/13
378
0
16
ممنون اون 404 که لینکشو گذاشتین خیلی زیبا بود............ راستی من باید کدوم کد هارو در صفحه 404 که ساختم کپی کنم؟ چون بالای صفحه دو کد هست
upppppppppppppppppppppppppppppppppppppppppp

 

sr__amir

تازه وارد
26/7/13
1
0
1
روت چیه

من اصلا هاست ندارم لطفا کمک

کنید :42: :42:

 

MahdiY

راهبر انجمن
25/1/13
2,110
36
48
اینترنت!
اگه اشتباه نکنم تعریف روت میشه مسیر اصلی! (مثلا تو ویندوز اگه بخای فرض کنی مای کامپیوتر میشه روت)

میتونی یه لوکال رو کامپیوترت درست کنی

xampp یکی از بهترین نرم افزار هاست برای ساخت لوکال در کامپیوتر