+18 Uyarı Panosu Yapımı

+18 Uyarı Panosu Yapımı

sola ok  Kaldırılan İçerikler

21.06.2016

5,157 Gösterim

PDF KİTAP İNDİR / EPUB KİTAP İNDİR - TÜM KİTAPLARI ÜCRETSİZ İNDİRMEK İÇİN HEMEN TIKLA!
Bu içeriği 1 dakika okuyabilirsiniz.

Önerilen Video ▼



+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
5,345 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.

Tarihte Bugün Scripti Yapımı
06.06.2016
3,696 Gösterim

Tarihte Bugün Scripti Yapımı

Tarihte bugün scripti, asp, php gibi programlama dilleriyle, farklı şekillerde kodlanabilir. En basit haliyle php ile tarihte bugün kodları, scripti

CSS ile Scrollbar Ayarları
29.12.2015
5,817 Gösterim

CSS ile Scrollbar Ayarları

Web sitelerinde bulunan scrollbar(kaydırma çubuğu) görünümünü kişiselleştirmek için gereken kodlar.

Php ile IMDB ve Sinemalar.com Botu Yapımı
27.01.2016
5,398 Gösterim

Php ile IMDB ve Sinemalar.com Botu Yapımı

Php ile başka siteden veri çekme yöntemini kullanarak, imdb ve sinemalar.com sitelerinden film bilgilerini çekebilen php scripti yapımı

PHP ve jQuery ile Anında Önizlemeli Arama Formu
20.06.2016
5,138 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.