⚙ Eklenler :

1. Duyuruyu Görmek İstemeyenler için Kapatma Butonu eklendi

2. Duyuru Kapatıldığında Sayfa Yenilenmesinden Etkilenmez. Sayfa Kapatılıp Ve Ya Yeni Sekmede Acılınca Gözükücektir

3. Admin İletişim Butonu

4. 2 Duyuru Tek Sekmede / ( Genel İyileştirme )

AdminCP> Kurlumlar> Reklam yöneticisi > Reklam Ekle

HTML Kısmına eklenecek kodlar

<div id="gizleme" class="geneldiv">

<div class="bdiv">

<button class="buton" onclick="gizleGoster();">X</button>

</div>

<div class="duyuru uyari">

<div class="uyarialan">

<i class="fas fa-bullhorn"></i>

</div>

<div class="uyarialan">

<div class="metin goster1" id="metin1">

<b> Bu Tasarım Ap Yazılım® Tarafından Kodlanmıştır 🙂. Tamemn Ücretsizdir, İyi Forumlar. <br>

Tasarım İle İlgili Hataları Belirtirseniz Sevinirim +90 546 180 66 63<br>

<button class="iletisim"><a href="https://apyazilim.taplink.ws/" target="_blank">İletişim için tıkla!</a></button>

</b>

</div>

<div class="metin goster2" id="metin2">

<b> Güncelleme İle Dahada Geliştim. <br>

Modern Görünümüm İle Formunuzu Güzelleştire Bilirim <br>

<button class="iletisim"><a href="https://apyazilim.taplink.ws/" target="_blank">İletişim için tıkla!</a></button>

</b>

</div>

</div>

</div>

</div>

<!--Aşağıdaki Kodları Lütfen JavaSc Bilginiz Yoksa Değiştirmeyin. Karşısına Not Duşulmuş Kodlar Değişe Bilir. Nasıl yapılacağını Bilmiyorsanız İteşime Geçe Bilirsiniz +90 546 180 66 63 -->

<script>

document.addEventListener('DOMContentLoaded', function () {

var gizlemeDiv = document.getElementById('gizleme');

var gizlemeDurumu = sessionStorage.getItem('gizlemeDurumu');

if (gizlemeDurumu === 'gizli') {

gizlemeDiv.style.display = 'none';

} else {

gizlemeDiv.style.display = 'block';

var metin1 = document.getElementById('metin1');

var metin2 = document.getElementById('metin2');

function toggleMetin() {

metin1.classList.toggle('goster1');

metin1.classList.toggle('goster2');

metin2.classList.toggle('goster1');

metin2.classList.toggle('goster2');

}

setInterval(toggleMetin, 1 * 60 * 1000); /* Bu Kod (1 * 60 * 1000) Metin Değişim Suresi Mantığı İse Şu Şekilde 1-Dakika 60-Saniye 1000-Millisaniye 1 2 olursa metin 2 dakika aralıkla değişir. 60 ve 1000 Dokunmanız Tavisiye Edilniyor*/

}

});

function gizleGoster() {

var gizlemeDiv = document.getElementById('gizleme');

if (gizlemeDiv.style.display === 'none') {

gizlemeDiv.style.display = 'block';

sessionStorage.removeItem('gizlemeDurumu');

} else {

gizlemeDiv.style.display = 'none';

sessionStorage.setItem('gizlemeDurumu', 'gizli');

}

}

</script>

extra.less alanına eklenecek kodlar

/* Asağıdaki Kodlar Duyuru Alanı Kodlarıdır. Css Bilginiz Yoksa Değişiklik Yapmayın. Karşısına Not Duşulmuş Kodlar Değişe Bilir. Nasıl yapılacağını Bilmiyorsanız İteşime Geçe Bilirsiniz +90 546 180 66 63 */

@import url('https://fonts.googleapis.com/css2? family= Open+Sans:wght@300 & display=swap'); /* Font Cağırma */

.geneldiv {

background: linear-gradient(90deg, #ff0000 0%, #ff7b00 80%); /* Arka plan renk*/

padding: 5px;

border-radius: 20px;

margin-bottom: 15px;

display: none;

}

.duyuru {

align-items: center;

display: flex;

}

.duyuru i {

margin-right: 5px;

}

.duyuru a {

color: #000000; /* Admin İletişim Renk*/

text-decoration: none;

font-weight: bold;

font-size: 15px;

}

.iletisim {

border-radius: 10px;

background: linear-gradient(90deg, rgba(244, 143, 1, 1) 0%, rgba(255, 72, 0, 1) 100%); /* Buton Arka PLan */

border-color: #d0ff00; /* Kenar Çizgi Rengi */

height: 30px;

margin-top: 2%;

}

.uyarialan i {

padding-right: 10px;

display: flex;

justify-content: center;

}

.uyari .uyarialan i {

font-size: 40px;

color: #ff7800; /* İcon Renk */

align-items: center;

}

.metin {

color: white; /* Metin rengi */

background: url(https://i.hizliresim.com/4fi28qi.gif) repeat scroll 0 0%;

padding: 3px;

font-family: Open San, sans-serif;

}

.buton {

color: #ffffff; /* Kapatma buton renk */

border: none;

background-color: rgba(68, 68, 68, 0.356); /*Kapatma buton arka plan renk */

border-radius: 50%;

width: 25px; /* Kapatma buton genişlik */

height: 25px; /* Kapatma buton yükseklik */

float: right;

}

.bdiv {

padding-right: 3px;

}

#gizleme {

display: block;

}

.goster1 {

display: block;

animation: goster 2s ease-in; /* Metin1 Kaç Saniyede Ekrana Geleceğini Ayarlar */

}

.goster2 {

display: none;

animation: goster 2s ease-in; /* Metin2 Kaç Saniyede Ekrana Geleceğini Ayarlar */

}

@keyframes goster {

0% { opacity: 0; }

100% { opacity: 1; }

}

Eklenmesini İstediğiniz Özellikleri Belirtin İyi Forumlar 🙂

Hata Bildirimi Yaparasanız Sevinirim