Kullanıcı:
Filtreler
Neler yeni
XenGenTr
Neler yeni

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

Giriş yap Şimdi kayıt ol
  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!
Xenforo Duyuru Alanı

XF 2.2 Eklenti Xenforo Duyuru Alanı

Genel bakış Güncellemeler (4) İncelemeler (2) Forum konusu
Bu eklenti, add-ons XenForo 2.2.X ile uyumlu ve stabil olarak çalışmaktadır.

Slider reklam alanı V4

⚙ Eklenenler :

Bu güncelleme ile artık sağa / sola kayan bir reklam alanı eklendi

AdminCP> Kurlumlar> Reklam yöneticisi > Reklam Ekle

HTML Kısmına eklenecek kodlar

Screenshot-20231208033759.png


Screenshot-20231208034121.png


HTML: 
<!-- Coder By Ap Yazılım®. İletişim +90 546 180 66 63. Bu duyuru alanı tamemen ÜCRETSİZDİR. Parayla satış yapanları lütfen bildirin -->
<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>
          Artık Kaydırmalı Fotoğraf Reklamım Var <br>
          <button class="iletisim"><a href="https://apyazilim.taplink.ws/" target="_blank">İletişim için
              tıkla!</a></button>
        </b>
      </div>
      <div class="fotogenldiv">
        <div class="fotodiv">
          <div class="foto"><a href="    https://apyazilim.taplink.ws/" target="_blank"><img
                src="https://xenforo.gen.tr//data/profile_banners/l/13/13606.jpg" width="600" height="150" alt=""></a>
          </div>
          <div class="foto"><a href="    https://apyazilim.taplink.ws/" target="_blank"><img
                src="https://xenforo.gen.tr//data/profile_banners/l/13/13606.jpg" width="600" height="150" alt=""></a>
          </div>
          <div class="foto"><a href="    https://apyazilim.taplink.ws/" target="_blank"><img
                src="https://xenforo.gen.tr//data/profile_banners/l/13/13606.jpg" width="600" height="150" alt=""></a>
          </div>
          <!-- İhtiyaca göre daha fazla resim ekleyebilirsiniz -->
        </div>
        <button class="slider-btn slider-btn-sol" onclick="oncekiResim()">❮</button>
        <button class="slider-btn slider-btn-sag" onclick="sonrakiResim()">❯</button>
      </div>
      <div class="gosterge" id="gosterge"></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, 5 * 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>
<!--Fotoğraf Değişim Kodları : 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>
  var suankiResim = 0;

  function resimGoster(index) {
    var photoContainer = document.querySelector('.fotodiv');
    suankiResim = index;
    var offset = -index * 100;
    photoContainer.style.transform = 'translateX(' + offset + '%)';
    gostergeyiGuncelle();
  }

  function oncekiResim() {
    suankiResim = (suankiResim > 0) ? suankiResim - 1 : resimSayisi - 1;
    resimGoster(suankiResim);
  }

  function sonrakiResim() {
    suankiResim = (suankiResim < resimSayisi - 1) ? suankiResim + 1 : 0;
    resimGoster(suankiResim);
  }

  function gostergeyiGuncelle() {
    var gosterge = document.getElementById('gosterge');
    gosterge.innerHTML = '';
    for (var i = 0; i < resimSayisi; i++) {
      var nokta = document.createElement('span');
      nokta.className = 'gnokta';
      if (i === suankiResim) {
        nokta.classList.add('aktiv');
      }
      nokta.setAttribute('data-index', i);
      nokta.onclick = function () {
        var index = parseInt(this.getAttribute('data-index'));
        resimGoster(index);
      };
      gosterge.appendChild(nokta);
    }
  }

  var resimSayisi = 3; /* Resim artırısanız sayıyı güncelleyin */
  gostergeyiGuncelle();

  /* Otomatik olarak slayt değişimi */
  setInterval(function () {
    sonrakiResim();
  }, 5 * 1000); /* 5sn bir fotoğraf değişicek şekide ayarlandı. Kod bilginiz yoksa değişmeyin. Değişmesi gereken durumlarda chatgpt destek alın */
</script>

extra.less şablonuna eklenecek kodlar

Screenshot-20231208034632.png

Screenshot-20231208034811.png


CSS: 
/* 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;
      }
    }

    .fotogenldiv {
      position: relative;
      overflow: hidden;
      margin-top: 15px;
      text-align: center;
      background: url(https://i.hizliresim.com/4fi28qi.gif) repeat scroll 0 0%;
    }

    .fotodiv {
      display: flex;
      transition: transform 0.5s ease-in-out;
    }

    .foto {
      flex: 0 0 auto;
      width: 100%;
      box-sizing: border-box;
    }

    .slider-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      font-size: 20px;
      /* Kaydırma buton genişlik */
      cursor: pointer;
      background: none;
      border: none;
      color: #d4d4d4;
      /* Kaydırma buton rengi */
      background-color: rgba(68, 68, 68, 0.356);
      /*Kaydırma buton arka plan renk */
      border-radius: 50%;
      width: 30px;
      /* Kaydırma arkaplan buton genişlik */
      height: 30px;
      /* Kaydırma arkaplan buton yükseklik */
    }

    .slider-btn-sag {
      right: 10px;
    }

    @media only screen and (max-width: 600px) {
      .slider-btn-sag {
        right: 1px;
      }
    }

    .slider-btn-sol {
      left: 10px;
    }


    @media only screen and (max-width: 600px) {
      .slider-btn-sol {
        left: 1px;
      }
    }

    .gosterge {
      display: flex;
      justify-content: center;
      margin-top: 10px;
      margin-bottom: 5px;
    }

    .gnokta {
      height: 12px;
      width: 12px;
      margin: 0 5px;
      background-color: #ddddddc2;
      /* Alt slider gösterge rengi */
      border-radius: 50%;
      display: inline-block;
      transition: background-color 0.6s ease;
    }

    .gnokta.aktiv {
      background-color: #6d6d6db6;
      /* Alt slider gösterge aktiv rengi */
    }

Görünüm


Screenshot-20231208032048.png

Mobil Görünüm

Screenshot-20231208035721 (1).png
Eklenmesini İstediğiniz Özellikleri Belirtin İyi Forumlar 🙂
Hata Bildirimi Yaparasanız Sevinirim

2 Duyuru 1 Arada Ve Daha İyi Bir Duyuru Alanı

⚙ 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

HTML: 
<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>

Ekran Görüntüsü (18).png

Ekran Görüntüsü (17).png

extra.less alanına eklenecek kodlar

CSS: 
  /* 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; }
    }

Ekran Görüntüsü (19).png


Görünüm

To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.

Ekran Görüntüsü (20).png


Ekran Görüntüsü (21).png

​
Eklenmesini İstediğiniz Özellikleri Belirtin İyi Forumlar 🙂
Hata Bildirimi Yaparasanız Sevinirim


​

Ekli dosyalar

  • Ekran Görüntüsü (18).png
    Ekran Görüntüsü (18).png
    108.4 KB · Görüntüleme: 13
  • Ekran Görüntüsü (19).png
    Ekran Görüntüsü (19).png
    164.8 KB · Görüntüleme: 12
  • Ekran Görüntüsü (17).png
    Ekran Görüntüsü (17).png
    154.1 KB · Görüntüleme: 11

iLETİŞİM bUTONU

⚙ 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

AdminCP> Kurlumlar> Reklam yöneticisi > Reklam Ekle

HTML Kısmına eklenecek kodlar

HTML: 
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css">
<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">
          <b>
            Bu Tasarım Ap Yazılım® Tarafından Ali Cabbar Dinlerken Issız Gecelerde Kodlanmıştır 🙂. Tamemn Ücretsizdir, İyi Forumlar. <br>
            Tasarım İle İlgili Hataları Belirtirseniz Sevinirim <br>
            <button class="iletisim"><a href="https://apforum.xyz/index.php?misc/contact" target="_blank">İletişim için tıkla!</a></button>
          </b>
        </div>
      </div>
    </div>
  </div>
<!--Aşağıdaki Kodlar Duyurunun Kapanmasını Sağlıyor. Doğru Çalışması İçin Değişiklik Yapmayın-->
<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';
      }
    });
    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>

ekran-goruntusu-23-png.23776


extra.less alanına eklenecek kodlar

CSS: 
.geneldiv{
    background: linear-gradient(90deg, #ff0000 0%, #ff7b00 80% ); /* Arka plan renk*/
    padding: 5px;
    border-radius: 20px;
    margin-bottom: 15px;
 
}
.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 */
    width: 18%;
    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%; /* Metin arka plan  */
    padding: 3px;
 
}
.buton{
    color: #ffffff; /* buton renk */
    border: none;
    background-color: rgba(68, 68, 68, 0.356); /* buton arka plan renk */
    border-radius: 50%;
    width: 25px; /* buton genişlik */
    height: 25px; /* buton yükseklik */
    float: right;
}
.bdiv{  /* buton divi */
    padding-right: 3px;
 
}
#gizleme {
      display: none;
    }

Ekran Görüntüsü (12).png


Eklenmesini İstediğiniz Özellikleri Belirtin İyi Forumlar 🙂
Hata Bildirimi Yaparasanız Sevinirim
  • Beğen
Tepkiler: caylakpenguen

Duyuru Kapatma Özelliği Eklendi

⚙ 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

AdminCP> Kurlumlar> Reklam yöneticisi > Reklam Ekle

HTML Kısmına eklenecek kodlar

HTML: 
<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">
              <b>
                Bu Tasarım Ap Yazılım® Tarafından Ali Cabbar Dinlerken Issız Gecelerde Kodlanmıştır 🙂. Tamemn Ücretsizdir, İyi Forumlar. <br>
                Tasarım İle İlgili Hataları Belirtirseniz Sevinirim <br>
                <a href="https://apforum.xyz/index.php?misc/contact" target="_blank">İletişim için tıkla!</a>
              </b>
            </div>
          </div>
        </div>
      </div>
    <!--Aşağıdaki Kodlar Duyurunun Kapanmasını Sağlıyor. Doğru Çalışması İçin Değişiklik Yapmayın-->
    
<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';
          }
        });
   
        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>

Ekran Görüntüsü (23).png


extra.less alanına eklenecek kodlar

CSS: 
.geneldiv{
    background: linear-gradient(90deg, #ff0000 0%, #ff7b00 80% ); /* Arka plan renk*/
    padding: 5px;
    border-radius: 20px;
    margin-bottom: 15px;
 
}

.duyuru {
    align-items: center;
    display: flex;
}

.duyuru i {
    margin-right: 5px;
}

.duyuru a {
    color: #fff900; /* Admin İletişim Renk*/
    text-decoration: none;
}

.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%; /* Metin arka plan  */
    padding: 3px;
 
}
.buton{
    color: #ffffff; /* buton renk */
    border: none;
    background-color: rgba(68, 68, 68, 0.356); /* buton arka plan renk */
    border-radius: 50%;
    width: 25px; /* buton genişlik */
    height: 25px; /* buton yükseklik */
    float: right;
}

.bdiv{  /* buton divi */
    padding-right: 3px;
 
}

#gizleme {
      display: none;
    }

Mobil ve bilgisayar uyumludur

Ekran Görüntüsü (24).png


Eklenmesini İstediğiniz Özellikleri Belirtin İyi Forumlar 🙂
  • Sev
  • Beğen
Tepkiler: anilozdemir423 ve caylakpenguen

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

Giriş yap Şimdi kayıt ol