Zmiana koloru belek

wersja skryptu MyBB: 1.6.10
adres forum: KLIK
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): po zainstalowaniu dodatku KLIK do stylu 1st Sense nie zmienia się kolor belek.
Pomimo dokonania zmian w skin.js

    var customElements = "#panel";

Co mam zrobić aby po wybraniu koloru belki, stopka i górne menu (se) zmieniały kolor ?

Dodam, że nie wykonałem kroku

A żeby zmienić "neutralny" kolor, który wyświetla się oryginalnie (bez żadnej zmiany) trzeba zmienić w skin.js:
Kod:
else{
        $(customElements).css("background-color","#3a85ba");
        $(customText).css("color","#3a85ba");
    }
Na swój kolor. :)

ponieważ chce aby każdy na starcie miał standardowy kolor belek.

Zmiana w .js

var customElements = ".tfoot, .thead";

też nic nie dała

Nie możesz mieć w .css danego elementu obrazka na tło które pokrywa wszystko musi być przezroczyste.

To znaczy, że pozostaje mi zmiana Stylu na forum ?
Czy wystarczy ze do grafiki belek dodam kanał Alfa i zmienię transparent na 80 % ?

---

Dziękuje problem rozwiązany ^^

Styl może być, tylko grafikę musisz zmienić

Jeszcze jedno pytanko ^^
Jak mogę zmienić ikonę color pickera ? w tej górnej belce ?
chodzi mi o to aby belka pojawiała się po naciśnięciu ikonki
zamiast niechlujnie wyglądającej w tym miejscu ikony

Kod jaki obecnie mam umieszczony w header to

<span class='custom_theme'><input type='text' id='colorpicker' /></span>

a poprawna forma jak powinien kod mniejwięcej wyglądać

<img src="{$theme['imgdir']}/Pędzel.png" title="Zmień kolor" /></a>

podmień i zobacz jak wyjdzie i czy o to Ci chodzi

.custom_theme{
    background: #2a2a2a url('images/color_picker.png') no-repeat 50% 50%;
    cursor: pointer;
    width: 16px;
    height: 16px;
    margin-left: -2px;
}
.custom_theme:hover{
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-radius: 0px 3px 3px 0px;
    background: #2a2a2a;
    width: 37px;
    height: 36px;
    border: 1px solid #3f3f3f;
}
.custom_theme #colorpicker{
    border: 0 !important;
    background: none transparent !important;  
    cursor: pointer;
    opacity: 0;
    display: block;
}

w którym miejscu mam to wkleić ?

picker/css/style.css, ale wklej to co ci podałem zamiast tego

.custom_theme{
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-radius: 0px 3px 3px 0px;
    background: #2a2a2a url('images/color_picker.png') no-repeat 50% 50%;
    border: 1px solid #3f3f3f;
    cursor: pointer;
    width: 37px;
    height: 36px;
    margin-left: -2px;
    float: right;
}
.custom_theme:hover{
    background-color: #323232;
}
.custom_theme #colorpicker{
    border: 0 !important;
    background: none transparent !important;
    text-indent: -999px !important;
    height: 36px;
    font-size: 0;
    width: 37px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    opacity: 0;
    display: block;
}

ikonka colorpicker znikła a chodziło mi o to aby belka z wyborem koloru pojawiała się po naciśnięciu ikony palety która byłaby znacznie bardziej estetyczna i nie byłaby wpisana w ten kwadrat...
ikona 20x20 px i ustawieniem w pasku wyglądała by jak poprzednie czyli fb , domowa itp.

<a href="#colorpicker"><img src="link do obrazka"/></a>

no i o taki efekt mi chodziło niestety po nieciśnięciu ikony palety nie pojawia się belka z wyborem koloru ;(

<style>
.pickerbut{  position:absolute;display:inline;margin:5px 3px;
border:none;width:16px; height:16px;background:#7ba60d url(http://saiyan.pusku.com/picker/css/images/color_picker.png)}
  </style>
<input type='button' class="pickerbut" id='colorpicker' />

ten kod spowodował ze cała strona sie rozjechała
teraz mam

<input type='button' class="custom_theme" id='colorpicker'/>

ale nie moge dodać ikony w formie image scr i na dodatek widzę html'owy zapis koloru na ikonie standardowej

dodaj to

<input type='button' class="pickerbut" id='colorpicker' />

a to do css

.pickerbut{  position:absolute;display:inline;margin:5px 3px;
border:none;width:16px; height:16px;background:#7ba60d url(http://saiyan.pusku.com/picker/css/images/color_picker.png)}

i z picker/css/style.css usuń to

.custom_theme{
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-radius: 0px 3px 3px 0px;
    background: #2a2a2a url('images/color_picker.png') no-repeat 50% 50%;
    border: 1px solid #3f3f3f;
    cursor: pointer;
    width: 37px;
    height: 36px;
    margin-left: -2px;
    float: right;
}
.custom_theme:hover{
    background-color: #323232;
}
.custom_theme #colorpicker{
    border: 0 !important;
    background: none transparent !important;
    text-indent: -999px !important;
    height: 36px;
    font-size: 0;
    width: 37px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    opacity: 0;
    display: block;
}

ok. po kliknięciu na ikonę pojawia się panel ^^
lecz są kolejne problemy mianowicie
html'owy zapis koloru jest pokazany na ikonie.
podczas zmiany koloru pod ikoną pojawia się mały kwadracik który też strasznie denerwuje ^^
po zmianie koloru pod ikoną widnieje kwadracik o wybranym kolorze
Ale postęp jest za co bardzo dziękuje