MyBB [GUIDA]Color Picker

[uruz.]

Per farvi capire meglio cos'è color picker: ColorPicker.com : Quick Online Color Picker Tool | HTML Color Codes


1. Scarichiamo il colorpicker: Download file color_picker.zip

2. Mettiamo tutti i file in forum root.

3. Aggiungiamo seguenti codici in headerinclude

<script type="text/javascript" src="jscripts/jquery.js"></script>
<script type="text/javascript" src="jscripts/colorpicker.js"></script>
<script type="text/javascript" src="jscripts/eye.js"></script>
<script type="text/javascript" src="jscripts/utils.js"></script>
<script type="text/javascript" src="jscripts/layout.js?ver=1.0.2"></script>
<script type="text/javascript" src="jscripts/jQuery.Cooke.js"></script>
<link rel="stylesheet" type="text/css" href="css/layout.css">
<link rel="stylesheet" type="text/css" href="css/colorpicker.css">

4. Aggoiungiamo ora in header dove vi pare:

<div id="colorSelector"><div style="background-color: #0000ff"></div></div>

5. Aggiungiamo ora il codice piu importante in fondo del footer (footer perche in altre parti salvera male il cookie del colorpicker):

<script type="text/javascript">

if($.cookie('mybb_color')) {
$('#colorSelector div').css('background', $.cookie('mybb_color'));
$('.thead').css('background', $.cookie('mybb_color'));
}


$('#colorSelector').ColorPicker({
color: '#0000ff',
onShow: function (colpkr) {
$(colpkr).fadeIn(500);
return false;
},
onHide: function (colpkr) {
$(colpkr).fadeOut(500);
return false;
},
onChange: function (hsb, hex, rgb) {

$('#colorSelector div').css('background', '#' + hex);
$('.thead').css('background', '#' + hex);
$.cookie('mybb_color', '#' + hex, { expires: 365 });

}

});
</script>

Se inserite il codice così com'è vi permette di cambiare colore solo a .thead, se volete far cambiare colore ad altri elementi della pagina basta modificare l ultima parte del codice dove compare la voce .thead
​

 

[Remeic™]

Potrebbe essere utile like!!

 

[Kkra]

carino