Web siteniz için 404 sayfası oluşturun. 0

Web site sahipleri bu konuda çok özenliler. Büyük sitelerde bunların örneklerini çokça görüyoruz aslında hatta 404 sayfalarını şekillendiren güzel tasarımlar yapan web siteleride var.

Twitter’ın daha önceden 404 sayfaları için kuşlarla balina kaldırmalarını biliyoruz. Sizde bu tarz yada sade bir 404 sayfası oluşturabilirsiniz.

https://4.bp.blogspot.com/-U9xuj5wF9fY/T0_E__M-ZdI/AAAAAAAAF5Y/CgeG1WWeFNU/s1600/twitter-404-page.png

404 Sayfası oluşturmak

Aslında bunu oluşturmak kolay ancak bunu otomatik yönlendirme ile yapmayı bilmeyen çok arkadaşımız var .htaccess yardımı ile otomatik hatalı sayfaları yönlendiricez.

Dipnot: Hatalı linkleri bulmak ve 301 yönlendirme yapmak

Öncelikle hatalı sayfanın sadece 404 olmadığı belirtmek istiyorum. 400, 401, 403, 404, 500 bunlar web sayfanızın hatalı bağlantılarıdır bunlar için özel bağlantıları yönlendirmek için .htaccess dosyanıza alttakini yerleştirmeniz gerekiyor.

ErrorDocument 400 /errors/badrequest.html
ErrorDocument 401 /errors/authreqd.html
ErrorDocument 403 /errors/forbid.html
ErrorDocument 404 /errors/404.html
ErrorDocument 500 /errors/serverr.html

Elimde alttaki gibi hazır bir 404 sayfası var. Bunu kendi sitenize uyarlamayı anlatıcam. Ben türkçeleştirdim ancak indirdiğiniz dosyada hala ingilizce olabilir türkçeleştirmeyide anlatıcam.

https://1.bp.blogspot.com/-UtTJmb-P7OU/T0_Gm_Dg7kI/AAAAAAAAF5o/-lm6rH7r8ZY/s1600/404-hatali-linkler-rooteto1.jpg

Öncelikle htaccess dosyasına yukarıdaki söylediğim kodları ekleyin ve FTP Ana dizine alttaki dosyayı indirip errors klasörünü ftp ana dizine yükleyin.

Aşağıdaki kod 404 sayfasındaki görünen kısımdaki kodlar. Yani buradaki yazıları kendi 404 sayfanıza göre değiştirebilirsiniz. Metin editörünüz yoksa Notepad++‘yı kesinlikle kullanın.


<body>

<div class="wrapper">
  <div class="error_number">404</div>
  <div class="error_exp">
    <h1>Üzgünüm aradiginizi bulamadim.</h1>
  Lütfen ana sayfaya dönüp arama yapın. <a href="/">Ana Sayfa</a> </div>
</div>
</body>

Style.css içerisindeki kodlarda yazı tipi ve kullanılan 2 resimin dosya yolunu doğru girdiğinizden emin olun.


@font-face {
  font-family: KOMIKA;
  src: url(../fonts/KOMIKAX_.ttf);
}

body {
	background-image: url(../images/bg_repeat.jpg);
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
}

.wrapper {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	min-height:542px;
	padding-top: 110px;
	background-image: url(../images/bg_highlight.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.

Dosyaları Geri Dönüşüm Kutusuna Göndermeden Silme Dosyaları Geri Dönüşüm Kutusuna Göndermeden Silme için yorumlar kapalı

dosyalari kalici silme

Windows sıkı sık çalışıyorsanız ve sildiğiniz dosyalarınız geri dönüşüm kutusuna gidiyor. Geri dönüşüm kutusu‘nda bulunan dosyalarınız diskinizde gereksiz şekilde yer kaplıyor diyorsanız işte tam size göre çözümler.

Dosyayı sildiğinizde otomatik olarak doğrudan çöp kutusuna gitmeden diskten silme yöntemi ve klavye kısayollarını gösterelim. Aslında çok basit ancak bazı kullanıcılar bu yöntemleri ve kısayolları bilmiyorlar. Bu basit yollar nelermiş bakalım.

İLGİNİZİ ÇEKEBİLİR: Hard Diskten Silinen Dosyaları Geri Getirme Yöntemi

1. Yöntem

Sildiğiniz dosyaların diskinizde depolanmadan direk silmek için geri dönüşüm kutusuna sağ tıklayarak özellikler diyoruz. Karşımıza geri dönüşüm kutusunun özellikleri geliyor. Burada karşımıza gelen pencerenin üst tarafında bilgisayarımızdaki diskleri görüyoruz. Bilgisayarımızın sistem diskini (yerel disk)’mizi bir kere tıklayıp seçiyoruz. Seçtikten sonra alt tarafta (Dosyaları geri dönüşüm kutusuna taşıma. Dosyalar silindiğinde hemen kaldır) kutucuğunu işaretleyerek Tamam butonuna basarak işlemimizi gerçekleştiriyoruz. Sadece masaüstü ve sistem diskinizden silimesini istiyorsanız bu işlemi gerçekleştirin.

İstersek standart olarak seçili özel boyut kutucuğumuzdan istediğimiz boyutu ayarlayarak ne kadar yer kaplayacağını kendimiz belirleyebiliriz. Silme onay işlemi kutucuğumuzda herhangi bir dosyayı sildiğimizde silme onayını görmek istemiyorsanız kutucuğu kaldırabilirsiniz.

grey

Sağ tıklayıp özellikler dedikten sonra pencereyi kapatmadan diğer diskimizi seçerek tekrar dosyaları geri dönüşüm kutusuna taşıma seçeneğini işaretleyelim. Eğer başka bir diskimiz daha varsa aynı işlemi gerçekleştirebiliyoruz. Eğer diğer diskinizde sildiğiniz dosyaların geri gönüşüm kutusunda kalmasını istemiyorsanız özel boyut seçeneği işaretli kalsın.

grey

2. Yöntem

Sadece bazı istediğiniz dosyaları silmek istiyorsanız bu çözüm tam size göre klavyede shift tuşuna basılı tuuyoruz.

grey

Daha sonra silmek istediğimiz dosyaya sağ tıklıyarak sil diyoruz.

grey

Karşımıza dosyanın kalıcı olarak yani geri dönüşüm kutusuna atmadan direk silinsinmi diye soruyor. Burada sil diyerek dosyamızı siliyoruz. Shift – dosyaya sağ tıkla – sil – evet diyoruz işte bu kadar basit.

grey

3. Yöntem – Shift, Delete, Enter!

Tüm bunların klavye kısayolları ile hiç uğraşmadan istediğimiz dosyayı silmek için çok daha basit bir yöntem var. Silmek istediğimiz dosyayı seçerek sırası ile Shift – Delete – Enter tuşlarına basarak hızlı bir şekilde silebiliriz.

grey

İlham Veren 23 Etkileyici Koyu Website Tasarımı 0

Webtasarım yaparken ilham almak için bir çok siteye giriyorum, inceliyorum, araştırıyorum. En çok siyah site yaparken zorlanıyorum en iyisimi koyu siteleri inceliyim dedim bakın hangi siteleri buldum.

Ben biraz ilham alabildim ama inanıyorumki alttaki tasarımları görünce siz daha çok ilham alıp yeni websiteleri öyle tasarlayacaksınız.

Bu arada daha önceden üst düzey Web Site Tasarımları diye bir konu daha açmıştım onuda incelemenizi tavsiye ederim. Orada harika websiteleri var ama onlar koyu olarak seçilmedi en iyiler olarak seçildi. Bu gibi tasarımlarıda ücretsiz indirmek için Free HTML Templates yazımı incelemenizi öneririm.

DUNCKELFELD

https://4.bp.blogspot.com/-DE0PMkFtlgU/VFIns2vgt-I/AAAAAAAAbJw/qKcnPdeYkeg/s1600/Dunckelfeld.jpg

Electrik Company

https://2.bp.blogspot.com/--qCUbJJKHWU/VFIntNS0oYI/AAAAAAAAbJ0/5zPYA8zF__Y/s1600/Electrik-Company.jpg

Elliot Condon

https://1.bp.blogspot.com/-b99y10V3l1g/VFIntvuUxGI/AAAAAAAAbKI/eiIgFpQlhqw/s1600/Elliot-Condon.jpg

Fiasam Web Solutions

https://1.bp.blogspot.com/-riJvPqMtx_A/VFInt9PclcI/AAAAAAAAbKE/peUOGcI7pTs/s1600/Fiasam-Web-Solutions.jpg

Amplified Creations

https://4.bp.blogspot.com/-g6KGMoT16fA/VFInp8wEpnI/AAAAAAAAbJE/8u2RwwhhLZk/s1600/Amplified-Creations.jpg

Craig Teel

https://2.bp.blogspot.com/-nkUmqrFpUcc/VFInrJGcxfI/AAAAAAAAbJc/K24UqsBYjDg/s1600/Craig-Teel.jpg

The Whig

https://2.bp.blogspot.com/-F4bHHAIKlNk/VFInwTH7ABI/AAAAAAAAbK8/K45qY0vQX8g/s1600/The-Whig.jpg

Pixate

https://1.bp.blogspot.com/-JAugSxhL7gA/VFInvOOi1ZI/AAAAAAAAbKg/3AJhhlKzFfQ/s1600/Pixate.jpg

Tobias van Schneider

https://3.bp.blogspot.com/-W1AcT_R5fyU/VFInwuwUOiI/AAAAAAAAbLA/wIGFypXHVbM/s1600/Tobias-van-Schneider.jpg

Dang & Blast

https://4.bp.blogspot.com/-zkUXIsBYfcU/VFInsEg1NJI/AAAAAAAAbKM/-OytPwsDR34/s1600/Dang-Blast.jpg

Q Ideas

https://3.bp.blogspot.com/-stnxhW1AGEw/VFInvfDZ0zI/AAAAAAAAbKo/jLhTgQ_fhKI/s1600/Q-ideas.jpg

Visage

https://4.bp.blogspot.com/-WYIF2GRvKpw/VFInwz3Z89I/AAAAAAAAbLE/b1KHdRwWt_E/s1600/Visage.jpg

Intercore

https://1.bp.blogspot.com/-7dzarKeGx6A/VFInx8QozpI/AAAAAAAAbLg/VA6u44WZcnw/s1600/intercore.jpg

FLIPP

https://3.bp.blogspot.com/-wJPa-9dKK9o/VFInx3kzw0I/AAAAAAAAbLc/AHZj_nDqaNQ/s1600/flipp.jpg

Circles Conference

https://4.bp.blogspot.com/-PkV0hoLYUKo/VFInp1zJAFI/AAAAAAAAbJI/qGexVW_pvVM/s1600/Circles-Conference.jpg

Rook

https://3.bp.blogspot.com/-NKkeN9YehjI/VFInwEmsAaI/AAAAAAAAbK0/s8E_weCKApI/s1600/Rook.jpg

Drexler

https://4.bp.blogspot.com/-k-Sgjo9w6oU/VFInsc_d8iI/AAAAAAAAbJk/iFB2dagi3uw/s1600/Drexler.jpg

Mammoth Media

https://4.bp.blogspot.com/-RUd2akqKSxA/VFInuwWwTzI/AAAAAAAAbKc/DsmX-9bkTsI/s1600/Mammoth-Media.jpg

Jamie Syke

https://3.bp.blogspot.com/-CFtsoQeBpJ0/VFInuuPKoBI/AAAAAAAAbKQ/4t0QQ1lb-Qc/s1600/Jamie-Syke.jpg

Coyote Rock Ranch

https://4.bp.blogspot.com/-4rDLXazrjYo/VFInq8qLnnI/AAAAAAAAbJQ/O65FjiFUwKQ/s1600/Coyote-Rock-Ranch.jpg

ENVOY

https://3.bp.blogspot.com/-i4NsKPIOeKE/VFInywufNzI/AAAAAAAAbL8/OdWAm_rcylo/s1600/rooteto-2.jpg

Casper Odendaal

https://4.bp.blogspot.com/-bnmHuVTndUs/VFInzNT4T5I/AAAAAAAAbL0/ppQartsRDS4/s1600/rooteto.jpg

MAGNETIC CREATIVE

https://2.bp.blogspot.com/-8-4Yjul9Nkk/VFIny4_zF5I/AAAAAAAAbLs/eQE6VjGdxvk/s1600/magnetic-creative.jpg

Most Popular Topics

Editor Picks