Kaldırılan İçerikler
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>
<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;}
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
İyi guzel.Fakat alt sayfalara gidince sonra tekrar anasayfayı tıklayınca sürekli uyarı cıkıyor.Tek bir seferlik kod yokmu.
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.
Benim sitemde bütün içerikler genel izleyici kitlesine hitap ettiğinden problem yok :)
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ı.
Kodları yazan arkadaş iyi iş cıkarmış, maşallah. Kusursuz bir şekilde uygulamış helal olsun.
+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ı.
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