Webboard

Pełna wersja: Zmiana koloru belek
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2
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
Kod:
    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
Kod:
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
Kod:
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
[Obrazek: 12yszm.jpg] zamiast niechlujnie wyglądającej w tym miejscu ikony
[Obrazek: np8map.jpg]
Kod jaki obecnie mam umieszczony w header to
Kod:
<span class='custom_theme'><input type='text' id='colorpicker' /></span>
a poprawna forma jak powinien kod mniejwięcej wyglądać
Kod:
<img src="{$theme['imgdir']}/Pędzel.png" title="Zmień kolor" /></a>
podmień i zobacz jak wyjdzie i czy o to Ci chodzi
Kod:
.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
Kod:
.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 [Obrazek: Color_palette.png] 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 ;(
Kod:
<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
Kod:
<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
Kod:
<input type='button' class="pickerbut" id='colorpicker' />

a to do css
Kod:
.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
Kod:
.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
Stron: 1 2