Merhabalar arkadaşlar eklentileri pahalı olduğu için böyle bir çözüm sunuyorum sizlere yasa gereği bu uyarıyı +18 ürünlerde koyma zorunluluğu mevcut

Journal3 Temasında Denendi , default ve diğer temalarlada sorunsuz çalışır büyük ihtimal

-------------------------------------------CSS KISMINA ---------------------------------------------------------
.age-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 9999;
    display: none;
}

.age-popup-container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 30px;
    border-radius: 10px;
    max-width: 500px;
    width: 90%;
    text-align: center;
    z-index: 10000;
}

.age-popup-title {
    font-size: 24px;
    margin-bottom: 20px;
    color: #333;
}

.age-popup-content {
    margin: 20px 0;
    font-size: 16px;
    line-height: 1.5;
}

.age-popup-buttons {
    display: flex;
    justify-content: center;
    gap: 15px;
}

.age-btn {
    padding: 10px 30px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    transition: all 0.3s;
}

.age-btn-yes {
    background: #4CAF50;
    color: white;
}

.age-btn-no {
    background: #f44336;
    color: white;
}

@media (max-width: 768px) {
    .age-popup-container {
        width: 95%;
        padding: 20px;
    }
    
    .age-popup-buttons {
        flex-direction: column;
        gap: 10px;
    }
    
    .age-btn {
        width: 100%;
    }
}
----------------------------CUSTOM HEADER EKLENECEK KOD -----------------------------------

<div class="age-popup" id="agePopup">
    <div class="age-popup-container">
        <h2 class="age-popup-title">Yaş Doğrulama</h2>
        <div class="age-popup-content">
            <p>Bu siteye erişmek için 18 yaşından büyük olmanız gerekmektedir.</p>
            <p>18 yaşından büyük olduğunuzu onaylıyor musunuz?</p>
        </div>
        <div class="age-popup-buttons">
            <button class="age-btn age-btn-no" onclick="rejectAge()">Hayır</button>
            <button class="age-btn age-btn-yes" onclick="confirmAge()">Evet, 18 yaşından büyüğüm</button>
        </div>
    </div>
</div>
---------------------------- CUSTOM JSS KISMINA EKLENECEK KOD ---------------------------------
document.addEventListener('DOMContentLoaded', function() {
    if (!getCookie('age_verified')) {
        document.getElementById('agePopup').style.display = 'block';
    }
});

function confirmAge() {
    setCookie('age_verified', '1', 30);
    document.getElementById('agePopup').style.display = 'none';
}

function rejectAge() {
    window.location.href = 'https://www.google.com';
}

function setCookie(name, value, days) {
    var expires = "";
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days*24*60*60*1000));
        expires = "; expires=" + date.toUTCString();
    }
    document.cookie = name + "=" + (value || "")  + expires + "; path=/";
}

function getCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}
Test edip denedim arkadaşlar kullanmak istiyen arkadaşlar kullanabilir

Eğer Doğum Tarihli Yapmak isterseniz aşağıdaki kodu kullanabilirsiniz.
---------------CSS KISMINA -------------
#ageVerificationModal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.9);
z-index: 99999;
display: none;
}

.age-modal-content {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: white;
padding: 40px;
border-radius: 15px;
max-width: 500px;
width: 90%;
text-align: center;
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

.age-title {
font-size: 28px;
margin-bottom: 20px;
color: #333;
font-weight: 600;
}

.age-description {
margin: 20px 0;
font-size: 16px;
line-height: 1.6;
color: #666;
}

.birth-date-selects {
display: flex;
justify-content: center;
gap: 10px;
margin: 30px 0;
}

.select-container {
flex: 1;
max-width: 120px;
}

.select-container label {
display: block;
text-align: left;
margin-bottom: 8px;
color: #666;
font-size: 14px;
}

.select-container select {
width: 100%;
padding: 12px;
border: 2px solid #e1e1e1;
border-radius: 8px;
font-size: 16px;
color: #333;
cursor: pointer;
transition: all 0.3s ease;
}

.select-container select:focus {
outline: none;
border-color: #4CAF50;
box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1);
}

.age-buttons {
display: flex;
justify-content: center;
gap: 15px;
margin-top: 30px;
}

.age-btn {
padding: 12px 35px;
border: none;
border-radius: 8px;
cursor: pointer;
font-size: 16px;
font-weight: 500;
transition: all 0.3s;
}

.btn-confirm {
background: #4CAF50;
color: white;
}

.btn-cancel {
background: #f44336;
color: white;
}

.age-error {
color: #f44336;
margin-top: 15px;
display: none;
padding: 10px;
background: rgba(244, 67, 54, 0.1);
border-radius: 5px;
}

@media (max-width: 768px) {
.age-modal-content {
padding: 25px;
}

.birth-date-selects {
flex-direction: column;
gap: 15px;
}

.select-container {
max-width: 100%;
}

.age-buttons {
flex-direction: column;
}

.age-btn {
width: 100%;
margin: 5px 0;
}
}
---------- Custom Header Kısmına-----------
<div id="ageVerificationModal">
<div class="age-modal-content">
<h2 class="age-title">Yaş Doğrulama</h2>
<div class="age-description">
<p>Bu siteye erişmek için 18 yaşından büyük olmanız gerekmektedir.</p>
<p>Lütfen doğum tarihinizi giriniz:</p>
</div>
<div class="birth-date-selects">
<div class="select-container">
<label for="birthDay">Gün</label>
<select id="birthDay">
<option value="">Gün</option>
</select>
</div>
<div class="select-container">
<label for="birthMonth">Ay</label>
<select id="birthMonth">
<option value="">Ay</option>
</select>
</div>
<div class="select-container">
<label for="birthYear">Yıl</label>
<select id="birthYear">
<option value="">Yıl</option>
</select>
</div>
</div>
<div id="ageError" class="age-error"></div>
<div class="age-buttons">
<button class="age-btn btn-cancel" onclick="rejectAge()">İptal</button>
<button class="age-btn btn-confirm" onclick="verifyAge()">Onayla</button>
</div>
</div>
</div>
------------------------ Custom JS Kısmına ------------------------
document.addEventListener('DOMContentLoaded', function() {
if (!getCookie('age_verified')) {
initializeDateSelects();
document.getElementById('ageVerificationModal').style.display = 'block';
}
});

function initializeDateSelects() {
// Günler
var daySelect = document.getElementById('birthDay');
for(let i = 1; i <= 31; i++) {
let option = document.createElement('option');
option.value = i;
option.text = i < 10 ? '0' + i : i;
daySelect.appendChild(option);
}

// Aylar
var monthSelect = document.getElementById('birthMonth');
var months = ['Ocak', 'Şubat', 'Mart', 'Nisan', 'Mayıs', 'Haziran',
'Temmuz', 'Ağustos', 'Eylül', 'Ekim', 'Kasım', 'Aralık'];
for(let i = 0; i < 12; i++) {
let option = document.createElement('option');
option.value = i + 1;
option.text = months[i];
monthSelect.appendChild(option);
}

// Yıllar
var yearSelect = document.getElementById('birthYear');
var currentYear = new Date().getFullYear();
for(let i = currentYear; i >= currentYear - 100; i--) {
let option = document.createElement('option');
option.value = i;
option.text = i;
yearSelect.appendChild(option);
}
}

function verifyAge() {
var day = document.getElementById('birthDay').value;
var month = document.getElementById('birthMonth').value;
var year = document.getElementById('birthYear').value;
var errorDiv = document.getElementById('ageError');

if(!day || !month || !year) {
errorDiv.style.display = 'block';
errorDiv.textContent = 'Lütfen doğum tarihinizi tam olarak giriniz!';
return;
}

var birthDate = new Date(year, month - 1, day);
var today = new Date();
var age = today.getFullYear() - birthDate.getFullYear();
var monthDiff = today.getMonth() - birthDate.getMonth();

if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < birthDate.getDate())) {
age--;
}

if(age >= 18) {
setCookie('age_verified', '1', 30);
document.getElementById('ageVerificationModal').style.display = 'none';
} else {
errorDiv.style.display = 'block';
errorDiv.textContent = '18 yaşından büyük olmanız gerekmektedir!';
}
}

function rejectAge() {
window.location.href = 'https://www.google.com';
}

function setCookie(name, value, days) {
var expires = "";
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days*24*60*60*1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + (value || "") + expires + "; path=/";
}

function getCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}