Nunca me puse a buscar realmente cómo añadir ésto, y tampoco tengo idea... así que empecemos por lo básico:
Créditos a MyBBoard.PL por este magnífico tutorial.
Comencemos entonces...
INFORMACIÓN
¿Qué es colorpicker?
Es esa famosa paleta de colores que te permite elegir el color que más te guste y utilizarlo en tu web/foro, sin perder la configuración de color.
TUTORIAL DE INTEGRACIÓN A MYBB
PASO 1:
Descarga el siguiente RAR, y coloca la carpeta "picker" en la raíz de tu foro.
PASO 2:
Ingresas en tu panel de administración, luego vas a Estilos y Plantillas, luego a plantillas, ingresas en el theme o template que estes utilizando, vas a Plantillas sin grupo, e ingresas a Headerinclude.
Dentro de Headerinclude, copias y pegas el siguiente código:
PASO 3:
Busca la plantilla donde quieras añadir el botón que te permitirá mostrar la paleta del colorpicker. Luego copia y pega el siguiente código:
PASO 4:
Ésta es la parte quizás más pesada o compleja... En tu propio diseño, o en el de 3ros, busca las clases e ID's que quieres modificar con el colorpicker y anotalas.
Una ves que tengas las clases anotadas, ve a la carpeta picker (La cual debería estar en la raíz de tu foro, ya que se obtiene en el PASO 1), ingresa a la carpeta js, y luego abre el archivo skin.js.
Dentro de skin.js, busca la siguiente línea:
Dentro de las comillas dobles, deberás añadir cada clase o ID's que quieras colorear con el colorpicker, separadas por coma, y deberás incluir los símbolos de ambos (un punto para las clases, y un numeral para los ID's).
Un ejemplo sería:
var customElements = ".pepe, .juan, .carlos, #header, #footer, #main"
También puedes elegir el color del texto, simplemente debes editar la variable que le sigue, la cual es "customText", y también funciona de la misma forma (Debes añadir las clases e ID's con su respectivo símbolo y aclarar también si deseas colorear un tag en particular como A, H1/2/3, etc).
Guardas los cambios en el archivo y listo! todo debería funcionar de 10.
Si desean obtener el color default de MyBB, luego de "customText", añaden debajo:
Eso hará que tanto los elementos como el texto tengan el color default de MyBB.
Espero les sirva, sé que a más de uno NO LE VA A GUSTAR que yo haya posteado ésto, pero va siendo hora de que se comparta la información a todos (y vuelvo a aclarar que yo hice de traductor, ya que ésto lo hizo otra persona).
Fuente original: https://forum.mybboard.pl/wiki.php?dodan...belek.html
Saludos!
Créditos a MyBBoard.PL por este magnífico tutorial.
Comencemos entonces...
INFORMACIÓN
¿Qué es colorpicker?
Es esa famosa paleta de colores que te permite elegir el color que más te guste y utilizarlo en tu web/foro, sin perder la configuración de color.
TUTORIAL DE INTEGRACIÓN A MYBB
PASO 1:
Descarga el siguiente RAR, y coloca la carpeta "picker" en la raíz de tu foro.
PASO 2:
Ingresas en tu panel de administración, luego vas a Estilos y Plantillas, luego a plantillas, ingresas en el theme o template que estes utilizando, vas a Plantillas sin grupo, e ingresas a Headerinclude.
Dentro de Headerinclude, copias y pegas el siguiente código:
Código:
<script type="text/javascript" src="{$mybb->settings['bburl']}/picker/js/jquery.min.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/picker/js/colorpicker.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/picker/js/skin.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/picker/js/cookie.js"></script>
<link type="text/css" rel="stylesheet" href="{$mybb->settings['bburl']}/picker/css/style.css" />
<link type="text/css" rel="stylesheet" href="{$mybb->settings['bburl']}/picker/colorpicker.css" />PASO 3:
Busca la plantilla donde quieras añadir el botón que te permitirá mostrar la paleta del colorpicker. Luego copia y pega el siguiente código:
Código:
<span class='custom_theme'><input type='text' id='colorpicker' /></span>PASO 4:
Ésta es la parte quizás más pesada o compleja... En tu propio diseño, o en el de 3ros, busca las clases e ID's que quieres modificar con el colorpicker y anotalas.
Una ves que tengas las clases anotadas, ve a la carpeta picker (La cual debería estar en la raíz de tu foro, ya que se obtiene en el PASO 1), ingresa a la carpeta js, y luego abre el archivo skin.js.
Dentro de skin.js, busca la siguiente línea:
Código:
var customElements = "Dentro de las comillas dobles, deberás añadir cada clase o ID's que quieras colorear con el colorpicker, separadas por coma, y deberás incluir los símbolos de ambos (un punto para las clases, y un numeral para los ID's).
Un ejemplo sería:
var customElements = ".pepe, .juan, .carlos, #header, #footer, #main"
También puedes elegir el color del texto, simplemente debes editar la variable que le sigue, la cual es "customText", y también funciona de la misma forma (Debes añadir las clases e ID's con su respectivo símbolo y aclarar también si deseas colorear un tag en particular como A, H1/2/3, etc).
Guardas los cambios en el archivo y listo! todo debería funcionar de 10.
Si desean obtener el color default de MyBB, luego de "customText", añaden debajo:
Código:
else{
$(customElements).css("background-color","#3a85ba");
$(customText).css("color","#3a85ba");
}Eso hará que tanto los elementos como el texto tengan el color default de MyBB.
Espero les sirva, sé que a más de uno NO LE VA A GUSTAR que yo haya posteado ésto, pero va siendo hora de que se comparta la información a todos (y vuelvo a aclarar que yo hice de traductor, ya que ésto lo hizo otra persona).
Fuente original: https://forum.mybboard.pl/wiki.php?dodan...belek.html
Saludos!