+18 Uyarı Panosu Yapımı

+18 Uyarı Panosu Yapımı

sola ok  Kaldırılan İçerikler

21.06.2016

2,405 Gösterim

Bu içeriği 1 dakika okuyabilirsiniz.

+18 Uyarı Panosu Yapımı


Web sitelerinde eğer şiddet içeren bir yazı, görsel, video veya yetişkin içerikli bir içerik varsa site sahipleri, siteye gelen ziyaretçileri uyarmak adına, ekrana bir +18 uyarı panosu çıkmasını sağlar. Ziyaretçi bu panoda gösterilen yönergeleri okuyarak, ister siteye veya sayfaya devam edebilir, isterse siteden veya sayfadan çıkış yapabilir. Bunu yapmak oldukça basittir ve bunun için html, css ve javascript gereklidir. Aşağıda vereceğim kodlar sayesinde sahibi olduğunuz web sitesinin girişine veya sitenizde bulunan bir sayfaya +18 uyarı panosu ekleyebilirsiniz.


HTML Kodları


Aşağıdaki kodları, +18 uyarı panosunun gösterilmesini istediğiniz sayfada veya sayfalarda, <body> </body> etiketleri arasına ekleyin. Eğer +18 uyarı panosunun, doğrudan siteye girişte gösterilmesini istiyorsanız, kodu ana sayfanızda bahsettiğim etiketlerin arasına ekleyin.

<div id="uyari-panosu-tum-ekran" class="uyari1 uyari2">
<center>
<div class="uyari-panosu"> Bu sayfada şiddet içerikli yazılar, görüntüler veya videolar bulunmaktadır. 18 yaşından büyük değilseniz lütfen "Geri Dön" tuşuna basınız.<br/><br/><br/><br/><br/>
<strong class="onsekiz">+18</strong>
<a href="javascript:history.back(-1)" target="_self" class="uyari-panosu-bt-cikis">Geri Dön</a>
<a href="javascript:void(0)" onclick="document.getElementById('uyari-panosu-tum-ekran').style.display='none';" class="uyari-panosu-bt-giris">18 Yaşından Büyüğüm</a>
</div>
</center>
</div>


CSS Kodları


div.uyari1{width:100%;height:100%;background:#000;position:fixed;text-align:center;z-index:3000;}div.uyari2{top:0px;left:0px;}
div.uyari1{_position:absolute;}div.uyari2{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}
.onsekiz{font-size:100px;color:darkred;}
.uyari-panosu{overflow:hidden;width:360px;height:293px;padding:20px 10px;margin:0px;background:#29a2d6;margin-top:10%;position:relative;color:#fff;
-moz-box-shadow:inset 0 0 200px #000;-webkit-box-shadow:inset 0 0 200px #000;box-shadow:inset 0 0 200px #000;}
.uyari-panosu-bt-cikis{display:block;width:95px;height:auto;padding:10px;background:#000;color:#fff;text-decoration:none;position:absolute;bottom:15px;left:15px;}
.uyari-panosu-bt-giris{display:block;width:200px;height:auto;padding:10px;background:#000;color:#fff;text-decoration:none;position:absolute;bottom:15px;right:15px;}

CSS kodlarında değişiklik yaparak +18 uyarı panosunun görünümünü kendi zevkinize göre ayarlayabilirsiniz.



Bu içeriği MasivaTurk.com sitesini kaynak göstererek kullanabilirsiniz. İçeriklerin; MasivaTurk.com sitesi kaynak gösterilmeden herhangi bir web sayfasında, sosyal medyada ve görsel basında yayınlanması yasaktır. Ayrıntılı bilgi için Kullanım Koşulları sayfasını okuyabilirsiniz.

21.06.2016

İçerik hakkında soru sorabilir veya yorumda bulunabilirsiniz.

İsim
Web Site
E-Posta
Mesaj

Yorumlar (7)

  1. cihan

    İyi guzel.Fakat alt sayfalara gidince sonra tekrar anasayfayı tıklayınca sürekli uyarı cıkıyor.Tek bir seferlik kod yokmu.

  2. Serdar

    Bu pano sadece siteye girişinde değil de bir yazıya giriş yapıldığında da çıkıyorsa oldukça kullanışlı bir özellik olur.

  3. Faruk

    Benim sitemde bütün içerikler genel izleyici kitlesine hitap ettiğinden problem yok :)

  4. Sami

    Bu tür uyarılar, +18 paylaşımlar yapanlar için kullanılması gerekir, en azından bilgilendirme olur. Kodlama güzel ve kullanışlı.

  5. Hayri Baş

    Kodları yazan arkadaş iyi iş cıkarmış, maşallah. Kusursuz bir şekilde uygulamış helal olsun.

  6. Murat

    +18 uyarı panosu nedense hep cinsel içerikli sitelerde kullanılır gibi bir algı var. Ancak şiddet korku ve kötü alışkanlık özendirebilecek sitelere de koyulduğu unutulmamalı.

  7. Asiye

    Bu panonun yapılması siteye girenler için çok güzel olur ama insanlar bazen + 18 olunca bunu kötü yönde algılıyor. Doğru kullanıldığı takdirde yararlı bir kodlama


Bu İçerikler de İlginizi Çekebilir...

Localhost .htaccess Ayarı
24.01.2016
1,887 Gösterim

Localhost .htaccess Ayarı

Php ile kodlama yaparken herkesin kullandığı .htaccess dosyası localhostta aktif değildir. Kodlama esnasında birçok sorunu önlemek için .htaccess dosyasını localhostta aktif etmek gerekmektedir.

Web Sitesine Kısayol Tuşları Ekleme
27.12.2015
1,858 Gösterim

Web Sitesine Kısayol Tuşları Ekleme

Sahibi olduğunuz web sitesine gelen ziyaretçilerin daha hızlı gezinebilmesi için kısayol tuşları ekleyebilirsiniz.

+18 Uyarı Panosu Yapımı
21.06.2016
2,405 Gösterim

+18 Uyarı Panosu Yapımı

En basit haliyle, html, css ve javascript kullanarak +18 uyarı panosu yapımı, kodları

jQuery - Değişen Arka Plan Kodu
21.11.2015
2,766 Gösterim

jQuery - Değişen Arka Plan Kodu

Web sitenizin arka plan görselinin belirli aralıklarla sizin belirlediğiniz görseller arasında değişmesi için gerekli olan javascript kodu.

PHP ve jQuery ile Anında Önizlemeli Arama Formu
20.06.2016
2,022 Gösterim

PHP ve jQuery ile Anında Önizlemeli Arama Formu

Her webmaster, sahibi olduğu siteye, Google gibi anında önizlemeli site içi arama motoru eklemek ister. Bunu PHP, jQuery kullanarak yapmak mümkündür.

X

MasivaTurk.com içeriklerini
YouTube'dan takip edebilirsiniz.

YOUTUBE KANALIMA ÜCRETSİZ
ABONE OLMAK İÇİN TIKLA