Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
dropdown arka plan seçici
#1
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 
y6Q6Bn.png
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.

v69ayr.png
Ara
Cevapla
Teşekkür verenler:
#2
Şu konuları inceleyebilirsin.
Kod:
https://destek.10tl.net/showthread.php?tid=95606&highlight=multicolor
Kod:
https://mybbdepo.com/mybb-multi-color-tema-yapimi-detayli-anlatim-konusu.html

Eğer yapamazsan yarın daha detaylı yardımcı olurum.
Cevapla
Teşekkür verenler:
#3
(25-04-2019 Saat: 16:33)Mystic0 Nickli Kullanıcıdan Alıntı: Şu konuları inceleyebilirsin.
Kod:
https://destek.10tl.net/showthread.php?tid=95606&highlight=multicolor
Kod:
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 :)
Ara
Cevapla
Teşekkür verenler:
#4
Ö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.
ücretli grafik - tasarım ve kodlama işleri yapılır
iletişim için;
özel mesaj, sosyal medya adreslerim:
facebook | twitter | instagram | behance | github
Cevapla
Teşekkür verenler:
#5
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 :)
Ara
Cevapla
Teşekkür verenler:
#6
Arkaplan seçici alan;
PHP Kod:
<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:
<script>
        function 
ackapa() {
  var 
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 (nval) {
    var 
exdays 30;
    var 
= new Date();
    
d.setTime(d.getTime() + (exdays 24 60 60 1000));
    var 
expires "expires=" d.toGMTString();
    
document.cookie "=" val "; " expires;
};

var 
getCookie = function (n) {
    var 
name "=";
    var 
ca document.cookie.split(';');
    for (var 
0ca.lengthi++) {
        var 
ca[i];
        while (
c.charAt(0) == ' 'c.substring(1);
        if (
c.indexOf(name) == 0) {
            return 
c.substring(name.lengthc.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:
<li><a  onclick="ackapa()">{$lang->toplinks_help}</a></li
ücretli grafik - tasarım ve kodlama işleri yapılır
iletişim için;
özel mesaj, sosyal medya adreslerim:
facebook | twitter | instagram | behance | github
Cevapla
Teşekkür verenler:
#7
(27-04-2019 Saat: 11:31)Novruz Nickli Kullanıcıdan Alıntı: Arkaplan seçici alan;
PHP Kod:
<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:
<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 (nval) {
 
   var exdays 30;
 
   var d = new Date();
 
   d.setTime(d.getTime() + (exdays 24 60 60 1000));
 
   var expires "expires=" d.toGMTString();
 
   document.cookie "=" val "; " expires;
};

var 
getCookie = function (n) {
 
   var name "=";
 
   var ca document.cookie.split(';');
 
   for (var 0ca.lengthi++) {
 
       var c ca[i];
 
       while (c.charAt(0) == ' 'c.substring(1);
 
       if (c.indexOf(name) == 0) {
 
           return c.substring(name.lengthc.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:
<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
Ara
Cevapla
Teşekkür verenler:
#8
(27-04-2019 Saat: 12:41)eskibirdost Nickli Kullanıcıdan Alıntı:
(27-04-2019 Saat: 11:31)Novruz Nickli Kullanıcıdan Alıntı: Arkaplan seçici alan;
PHP Kod:
<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:
<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 (nval) {
 
   var exdays 30;
 
   var d = new Date();
 
   d.setTime(d.getTime() + (exdays 24 60 60 1000));
 
   var expires "expires=" d.toGMTString();
 
   document.cookie "=" val "; " expires;
};

var 
getCookie = function (n) {
 
   var name "=";
 
   var ca document.cookie.split(';');
 
   for (var 0ca.lengthi++) {
 
       var c ca[i];
 
       while (c.charAt(0) == ' 'c.substring(1);
 
       if (c.indexOf(name) == 0) {
 
           return c.substring(name.lengthc.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:
<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:
.arkaplan{
    
display:none;

ücretli grafik - tasarım ve kodlama işleri yapılır
iletişim için;
özel mesaj, sosyal medya adreslerim:
facebook | twitter | instagram | behance | github
Cevapla
Teşekkür verenler:
#9
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
Ara
Cevapla
Teşekkür verenler:
#10
(27-04-2019 Saat: 13:32)eskibirdost Nickli Kullanıcıdan Alıntı: 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.
ücretli grafik - tasarım ve kodlama işleri yapılır
iletişim için;
özel mesaj, sosyal medya adreslerim:
facebook | twitter | instagram | behance | github
Cevapla
Teşekkür verenler:
#11
(27-04-2019 Saat: 18:17)Novruz Nickli Kullanıcıdan Alıntı:
(27-04-2019 Saat: 13:32)eskibirdost Nickli Kullanıcıdan Alıntı: 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
Ara
Cevapla
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi



***