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]](http://screenshu.com/static/uploads/temporary/9f/zt/ba/12yszm.jpg)
zamiast niechlujnie wyglądającej w tym miejscu ikony
![[Obrazek: np8map.jpg]](http://screenshu.com/static/uploads/temporary/gu/ee/c5/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]](http://cdn1.iconfinder.com/data/icons/3d-printing-icon-set/20/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