+18 Uyarı Panosu Yapımı

+18 Uyarı Panosu Yapımı

sola ok  Tasarım

21.06.2016

655 Gösterim

TSK Mehmetçik Vakfı
TSK Mehmetçik Vakfı
TSK Mehmetçik Vakfı

+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.


21.06.2016

Konu hakkında soru sorabilir veya yorumda bulunabilirsiniz.

İsim
Web Site
E-Posta
Mesaj

Yorumlar (5)

  1. Faruk

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

  2. 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ı.

  3. Hayri Baş

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

  4. 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ı.

  5. 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