+18 Uyarı Panosu Yapımı

+18 Uyarı Panosu Yapımı

sola ok  Kaldırılan İçerikler

21.06.2016

1,744 Gösterim

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.
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 (6)

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

  2. Faruk

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

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

  4. Hayri Baş

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

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

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

Amazing Slider Yazısını Kaldırma
21.11.2015
3,133 Gösterim

Amazing Slider Yazısını Kaldırma

3 boyutlu slider uygulaması Amazing Slider'ın ücretsiz versiyonunda, slider'ın üzerinde bulunan "Amazing Slider" yazısı kaldırılamıyor. Bu konuda yazının nasıl kaldırabileceğini öğrenebilirsiniz.

+18 Uyarı Panosu Yapımı
21.06.2016
1,744 Gösterim

+18 Uyarı Panosu Yapımı

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

Php ile IMDB ve Sinemalar.com Botu Yapımı
27.01.2016
2,582 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 SMTP ile Mail Gönderme (İletişim Formu) Yapımı
29.01.2016
12,227 Gösterim

Php SMTP ile Mail Gönderme (İletişim Formu) Yapımı

Php SMTP Sınıfı olan PHPMailer ile mail gönderme anlatımı - PHP İletişim Formu yapımı - PHP SMTP İletişim Formu

Php ile Şifreli Sayfa Yapımı
28.01.2016
1,670 Gösterim

Php ile Şifreli Sayfa Yapımı

Php ile sahibi olunan bir web sitesinin herhangi bir sayfasına, basit bir şekilde şifre koymak mümkündür. Sayfaya giriş yapma izni bulunan, birden fazla kullanıcı adı ve kullanıcı şifresi tanımlanabilir.

X

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

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