dropdown arka plan seçici

[eskibirdost]

hocam merhaba geçtiğimiz senelerde bir arkadaş 

dropdown ile açılır kapanır bi arka plan seçici yapmıştı 

örnek şöyle 

mesela default temada 

buraya ek bi buton ekliyordu

aşşağıdaki resmideki mavi duyuru panosunun olduğu yerde 

bi menü açılıyodu

menüde 3 tane arkaplan seçme hakkınız vardı

sitede araştırma yaptım fakat çok fazla kod olduğu için diblerde kalmış olmalı 

rica etsem elinde hazırda var olan veya konu linkini bilen bi arkadaş atabilirmi.

[Mystic0]

Şu konuları inceleyebilirsin.

Kod: Tümünü Seç Tümünü Kopyala

https://destek.10tl.net/showthread.php?tid=95606&highlight=multicolor

Kod: Tümünü Seç Tümünü Kopyala

https://mybbdepo.com/mybb-multi-color-tema-yapimi-detayli-anlatim-konusu.html

Eğer yapamazsan yarın daha detaylı yardımcı olurum.

[eskibirdost]

Şu konuları inceleyebilirsin.

Kod: Tümünü Seç Tümünü Kopyala

https://destek.10tl.net/showthread.php?tid=95606&highlight=multicolor

Kod: Tümünü Seç Tümünü Kopyala

https://mybbdepo.com/mybb-multi-color-tema-yapimi-detayli-anlatim-konusu.html

Eğer yapamazsan yarın daha detaylı yardımcı olurum.

hocam aradağım arka plan seçici renk değiştirici değil :)

[Novruz]

Öncelikle site adresinizi konuya ekleyin. İstediğiniz modifikasyon mevcut mevcut fakat görünüm açısından farklı sadece, sizin istediğiniz hale getire bilirim.

[eskibirdost]

konumu düzenleyemiyorum ve site adresi yok localhost ve paylaştığınız konuyu gördüm fakat onu konuda anlattığım gibi dropdown hale getirebilir iseniz çok iyi olur benim açımdan :)

[Novruz]

Arkaplan seçici alan;

PHP Kod: Tümünü Seç Tümünü Kopyala

<div class="arkaplan">    
        <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead{$expthead}"><strong>Site arkaplanını seç</strong>
<div class="expcolimage"><img src="{$theme['imgdir']}/collapse.png" id="unique_id_img" class="expander" alt="[-]" title="[-]" /></div>
</td>
</tr>
</thead>
<tbody style="{$collapsed['unique_id_e']}" id="unique_id_e">
<tr>
<td class="trow1"> <center>
<img src="https://wallpapersite.com/images/wallpapers/sunset-1920x1080-forest-minimal-4k-8k-5165.jpg" width="250px" class="rsm">
<img src="http://www.qygjxz.com/data/out/80/4239912-flat-wallpaper.png" width="250px" class="rsm">
<img src="https://i.pinimg.com/originals/d6/f0/13/d6f0130ff38d7d197f7be368dd98c034.png" width="250px" class="rsm">
</center> </td>
</tr>
</tbody>
</table>
    </div>
    </br> 


Javascript kodları;

PHP Kod: Tümünü Seç Tümünü Kopyala

<script>
        function ackapa() {
  var x = document.getElementsByClassName('arkaplan')[0];
  if (x.style.cssText === "") {
      x.style.cssText = "display:block";
  } else {
      x.style.cssText = "";/*empty means that it returns original css*/
  }
}

var setCookie = function (n, val) {
    var exdays = 30;
    var d = new Date();
    d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
    var expires = "expires=" + d.toGMTString();
    document.cookie = n + "=" + val + "; " + expires;
};

var getCookie = function (n) {
    var name = n + "=";
    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);
        if (c.indexOf(name) == 0) {
            return c.substring(name.length, c.length);
        }
    }
    return "";
};

document.onclick = function (e) {
    if (e.target.className == 'rsm') {
        var favColor = e.target.src;
        setCookie('color', favColor);
        document.body.style.cssText = "background-image: url("+favColor+")";
        
    }
};

window.onload = function () {
    var favColor = document.body.style.background;
    var color = getCookie('color');
    if (color === '') {
    document.body.style.cssText = "background-image: +favColor+";
    } else {
      document.body.style.cssText = "background-image: url("+color+")";
    }
};
</script> 


Menü kodları arasına ekleyeceğiniz buton kodu;

PHP Kod: Tümünü Seç Tümünü Kopyala

<li><a  onclick="ackapa()">{$lang->toplinks_help}</a></li> 


[eskibirdost]

Arkaplan seçici alan;

PHP Kod: Tümünü Seç Tümünü Kopyala

<div class="arkaplan">    
        <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead{$expthead}"><strong>Site arkaplanını seç</strong>
<div class="expcolimage"><img src="{$theme['imgdir']}/collapse.png" id="unique_id_img" class="expander" alt="[-]" title="[-]" /></div>
</td>
</tr>
</thead>
<tbody style="{$collapsed['unique_id_e']}" id="unique_id_e">
<tr>
<td class="trow1"> <center>
<img src="https://wallpapersite.com/images/wallpapers/sunset-1920x1080-forest-minimal-4k-8k-5165.jpg" width="250px" class="rsm">
<img src="http://www.qygjxz.com/data/out/80/4239912-flat-wallpaper.png" width="250px" class="rsm">
<img src="https://i.pinimg.com/originals/d6/f0/13/d6f0130ff38d7d197f7be368dd98c034.png" width="250px" class="rsm">
</center> </td>
</tr>
</tbody>
</table>
    </div>
    </br> 


Javascript kodları;

PHP Kod: Tümünü Seç Tümünü Kopyala

<script>
        function ackapa() {
  var x = document.getElementsByClassName('arkaplan')[0];
  if (x.style.cssText === "") {
      x.style.cssText = "display:block";
  } else {
      x.style.cssText = "";/*empty means that it returns original css*/
  }
}

var setCookie = function (n, val) {
    var exdays = 30;
    var d = new Date();
    d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
    var expires = "expires=" + d.toGMTString();
    document.cookie = n + "=" + val + "; " + expires;
};

var getCookie = function (n) {
    var name = n + "=";
    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);
        if (c.indexOf(name) == 0) {
            return c.substring(name.length, c.length);
        }
    }
    return "";
};

document.onclick = function (e) {
    if (e.target.className == 'rsm') {
        var favColor = e.target.src;
        setCookie('color', favColor);
        document.body.style.cssText = "background-image: url("+favColor+")";
        
    }
};

window.onload = function () {
    var favColor = document.body.style.background;
    var color = getCookie('color');
    if (color === '') {
    document.body.style.cssText = "background-image: +favColor+";
    } else {
      document.body.style.cssText = "background-image: url("+color+")";
    }
};
</script> 


Menü kodları arasına ekleyeceğiniz buton kodu;

PHP Kod: Tümünü Seç Tümünü Kopyala

<li><a  onclick="ackapa()">{$lang->toplinks_help}</a></li> 


hocam teşekkür ederim tam istediğim gibi olmuş aç butonuna tıklayınca açılıyor fakat tekrar bastığımda kapanmıyor bunu nasıl ayarlayabilirim

[Novruz]

Arkaplan seçici alan;

PHP Kod: Tümünü Seç Tümünü Kopyala

<div class="arkaplan">    
        <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead{$expthead}"><strong>Site arkaplanını seç</strong>
<div class="expcolimage"><img src="{$theme['imgdir']}/collapse.png" id="unique_id_img" class="expander" alt="[-]" title="[-]" /></div>
</td>
</tr>
</thead>
<tbody style="{$collapsed['unique_id_e']}" id="unique_id_e">
<tr>
<td class="trow1"> <center>
<img src="https://wallpapersite.com/images/wallpapers/sunset-1920x1080-forest-minimal-4k-8k-5165.jpg" width="250px" class="rsm">
<img src="http://www.qygjxz.com/data/out/80/4239912-flat-wallpaper.png" width="250px" class="rsm">
<img src="https://i.pinimg.com/originals/d6/f0/13/d6f0130ff38d7d197f7be368dd98c034.png" width="250px" class="rsm">
</center> </td>
</tr>
</tbody>
</table>
    </div>
    </br> 


Javascript kodları;

PHP Kod: Tümünü Seç Tümünü Kopyala

<script>
        function ackapa() {
  var x = document.getElementsByClassName('arkaplan')[0];
  if (x.style.cssText === "") {
      x.style.cssText = "display:block";
  } else {
      x.style.cssText = "";/*empty means that it returns original css*/
  }
}

var setCookie = function (n, val) {
    var exdays = 30;
    var d = new Date();
    d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
    var expires = "expires=" + d.toGMTString();
    document.cookie = n + "=" + val + "; " + expires;
};

var getCookie = function (n) {
    var name = n + "=";
    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);
        if (c.indexOf(name) == 0) {
            return c.substring(name.length, c.length);
        }
    }
    return "";
};

document.onclick = function (e) {
    if (e.target.className == 'rsm') {
        var favColor = e.target.src;
        setCookie('color', favColor);
        document.body.style.cssText = "background-image: url("+favColor+")";
        
    }
};

window.onload = function () {
    var favColor = document.body.style.background;
    var color = getCookie('color');
    if (color === '') {
    document.body.style.cssText = "background-image: +favColor+";
    } else {
      document.body.style.cssText = "background-image: url("+color+")";
    }
};
</script> 


Menü kodları arasına ekleyeceğiniz buton kodu;

PHP Kod: Tümünü Seç Tümünü Kopyala

<li><a  onclick="ackapa()">{$lang->toplinks_help}</a></li> 


hocam teşekkür ederim tam istediğim gibi olmuş aç butonuna tıklayınca açılıyor fakat tekrar bastığımda kapanmıyor bunu nasıl ayarlayabilirim

CSS kodlarını eklemeyi unutmuşum;

PHP Kod: Tümünü Seç Tümünü Kopyala

.arkaplan{
    display:none;
} 


[eskibirdost]

hocam ben anlatığınız şeyi yaptım benim demek istediğim butona tıklayınca menü açılıyor eyvallah ama sayfayı yenilemeden kapanmıyor yani 1 kere bastığında açılacak 1 kere bastığında kapanacak

[Novruz]

hocam ben anlatığınız şeyi yaptım benim demek istediğim butona tıklayınca menü açılıyor eyvallah ama sayfayı yenilemeden kapanmıyor yani 1 kere bastığında açılacak 1 kere bastığında kapanacak

Ben tam olarak dediğiniz gibi kodladım fakat. Teamviewer var ise özelden atın yardımcı olayım.

[eskibirdost]

hocam ben anlatığınız şeyi yaptım benim demek istediğim butona tıklayınca menü açılıyor eyvallah ama sayfayı yenilemeden kapanmıyor yani 1 kere bastığında açılacak 1 kere bastığında kapanacak

Ben tam olarak dediğiniz gibi kodladım fakat. Teamviewer var ise özelden atın yardımcı olayım.

Şuanda bursadayım istanbulda oturuyorum çalışıyorum burada eve geçtiğim zaman hallederiz hocam