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
<!-- 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
/* 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
Mobil Görünüm
Mobil Görünüm
Eklenmesini İstediğiniz Özellikleri Belirtin İyi Forumlar 🙂
Hata Bildirimi Yaparasanız Sevinirim
