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

mostafa98

کاربر عضو
سلام

این بار با آموزش ساخت صفحه 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

کاربر عضو
مرسی بابت آموزش

منم یه کد صفحه 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

کاربر عضو
باسه ورد پرسم کار میکنه؟

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

 

MahdiY

راهبر انجمن
شما میتوانید کد های داده شده در تاپیک های بالا را

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

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

404.php

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



 

amin704

کاربر عضو
شما میتوانید کد های داده شده در تاپیک های بالا رادر فایل زیر در مسیر قالب خود وارد کنید

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

404.php

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

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

 

amin704

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

 

MahdiY

راهبر انجمن
اگه اشتباه نکنم تعریف روت میشه مسیر اصلی! (مثلا تو ویندوز اگه بخای فرض کنی مای کامپیوتر میشه روت)

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

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

 
بالا