404 Hatası Yakalama ve örnek Sayfa - Htaccess
UstaDerslik Soru-Cevap Yararlı Araçlar
arama ikon
Diller
Türkçe Türkçe

bilgi UstaDerslik
Bu uyari kutusudur.
Tamam
Anasayfa
İletişim
Üyeler

404 Hatası Yakalama ve örnek Sayfa - Htaccess

profil
cArleone
BEĞEN(0)
BEĞENME(0)
GÖRÜNTÜLENME(1786)
RAPOR ET
Sitelerimize bazen konuları sileriz veya kullanıcılar yanlış url girebilirler.Bu gibi durumlarda kullanıcıyı bir sayfaya yönlendirerek aradığı sayfayı bulmasına yardımcı olmamız gerek.Bulunamayan sayfalar da 404 hatası verilir.Htaccess ile bu hatayı yapalayıp istediğimiz sayfaya yönlendirebiliriz.

Ben kendim için hazırladığım 404 sayfasını paylaşıyorum.Bunu kullanabilirsiniz.

İncele : http://ustaderslik.com/ornek/404/

İndir : http://ustaderslik.com/dosya/404.zip

Bu şekil de 404 sayfanız varsa artık htaccess ile yönlendirmeye hazırız.Şimdi .htaccess dosyasına girelim.

ErrorDocument 404 url
/*Ornek*/
ErrorDocument 404 http://ustaderslik.com/404.php

Şeklin de yönlendirmemizi yaptıktan sonra otomatik yönlenecektir sayfa bulunamadığında.

Örnek tasarımın kodları :
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>404-UstaDerslik</title>
<link href='http://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Shojumaru&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="jquery.particleground.min.js"></script>
<script type="text/javascript">
$(function(){
var h=$(window).height();
$("#alan").height(h);

$('#alan').particleground({
dotColor: '#999',
lineColor: '#666',
particleRadius:3,
density:15000,
lineWidth:.3
});
$(".ara input").focus();
})
</script>
<style type="text/css">
#alan{width:100%;background:url(karinca.gif);position:absolute;top:0;left:0;z-index:-10;}
.logo{width:175px;height:150px;background:url(icon.png);margin:auto;margin-top:100px;opacity:.3;}
.yok{text-align:center;color:#fff;font-family:'Josefin Sans', sans-serif;font-size:30px;}
.yok span{font-size:120px;font-family:'Shojumaru', cursive;}
.ara{text-align:center;}
.ara input{width:650px;height:40px;margin-top:25px;padding:10px;font-family:'Josefin Sans', sans-serif;font-size:20px;outline:none;border:none;}
</style>
</head>
<body>

<div id="alan"></div>

<div class="logo"></div>
<div class="yok"><span>404</span> <br /> Sayfa Bulunamadı...</div>
<div class="ara">
<form action="ara.php" method="get">
<input type="text" name="kelime" value="Ne Aramıstın ?" />
</form>
</div>

</body>
</html>



Kod
Kalın
Vurgu
Resim
Video
Url
CEVAPLA
Tüm Hakları Saklıdır. ©Arleone 2013-2014 UstaDerslik






Giriş
Şifremi Unuttum...
Şifre Talep
  Kuralları Kabul Ediyorum.
Kaydol