[Tutorial] Colorpicker
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ífic...

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:

<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:

<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:

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:

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!
Archivos Adjuntos

Lo usare para una pagina en html que ando haciendo con el DW8
Aprendiendo cada vez mas
gracias por el tutorial, es lo que actualmente se utiliza en MyBB-Es
:)
Sinceramente me gusta tener un estilo claro(ayuda a tener un diseño más sólido), pero esto nunca está de más la verdad.
Te dejo Rep~
Alguna demo o imagen?¿
Me Confundo en el paso 3 para arriba explicamelo mas mejor por favor no seas malo se ve interesante
alguien me puede ayudar tengo el theme fortress 2.0
no entiendo este paso en que plantilla precisamente puedo pegar esto Ejemplo



Cita: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>

Ax5 Jersito
2 Jul, 2014, 3:24 pmAx5 Jersito escribió:
alguien me puede ayudar tengo el theme fortress 2.0
no entiendo este paso en que plantilla precisamente puedo pegar esto Ejemplo



Cita: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>

En la plantilla de la zona donde quieres que se muestre.
Cabecera en el header, pie de pagina en el footer, etc.
  • Temas personalizados (HTML5, flat, responsive, SEO Friendly, etc)
  • Plugins y sistemas personalizados (Galería de imagenes, Bolsa de Trabajo, etc)
Aquí encontraran los archivos del desarrollador que son los mismos que se usan aquí en MyBB-Es

ColorPicker - jQuery plugin
¿Funciona en MyBB 1.6? ¿Alguien sabe?
Colaboradores
XEDE storm Jaizu Eloy DarkFinder Cluster BitLiberal Ax5 Jersito AndresXZ09
This forum uses Lukasz Tkacz MyBB addons.