[Tutorial] Colorpicker Agrega colores a tus temas con jQuery,

En esta ocasión les traigo el manual de como agregar las pestañas con un toque dinámico a tus temas sin tanto embrollo, la verdad es que es muy configurable y demasiado sencillo de utilizar.

Para esto vamos a usar el tema por defecto sin cambios, si tienen librerias u otras cosas en sus temas van a tener que leer los temas de uso de jQuery sin problemas en MyBB que tenemos en el foro.

Registrate o inicia tu sesión para ver este contenido

Luego de esto vamos a descargar el paquete que les dejo adjunto y vamos a subirlo al directorio images de su tema, sea cual sea es donde van las imagenes de su tema, si es el tema por defecto irá en images, si es otro en la carpeta de su tema por ejemplo bluelust en ese caso dejamos en ese directorio la nueva carpeta dtpicker.

Luego de esto vamos a seguir estos sencillos pasos y listo a disfrutar de su cambio de colores dinámicamente en sus foros.

Cambios desde el panel de administrador en estilos y plantillas en tu estilo:

Agregar en headerinclude despues de la libreria prototype:


Agregar en header al final del todo:


Guardar y probar !!!

Mas fácil no lo creo , simplemente se acomodan al gusto la nueva clase de img_dnt con css al lugar donde desean que vaya y con el estilo deseado para que salga la manita y todo esto y pueden cambiar los íconos, etc.

PREVIA:

   

OJO: se pueden agregar todos los elementos que uno desee o quitar los colocados, aunque a mi me ha ido mejor asi ya que contiene muchisimos colores, otros cambian solo el fondo asi que es cosa de cada uno el uso que le de o si le agregan gradients o cosas, pueden mirar los temas que tenemos compartidos DNT advantage y Nesil Reloaded que tienen esta característica, saludos...

Es una buena iniciativa, aunque yo prefiero establecer unos colores definidos y crear unos estilos en css para cada color y luego con js hacer la magia.

Muy buen aporte!
Probablemente lo incluya en algún tema próximo.

¡Saludos!

Saludos, excelenet aporte. es compatible con 1.8?

No, cambia mucho en la programaciin. Puedes bajarte los archivos originales del colorpicker y ponerlos y cambiar las rutinas, no incluir las librerias ni la cookie porque estas las trae MyBB y el tema cambia.

Estw fin de semana hago la guia para 1.8, saludos.

Dark, podrías fijarte en algo particular? Estoy seguro que éste colorpicker en particular guardaba 2 colores y no 1, pero si mal no me equivoco fue modificado (En las imágenes se ven 2 casillas para guardar colores).

Mi idea es conseguir uno con 2 colores, para aplicar a efectos hover.

Si este es el script del theme DNT Advantage, no guarda los colores, yo probé el theme en localhost y efectivamente podían cambiar de color las clases asignadas pero al momento de refrescar la página o irse a otra sección del foro y dar click nuevamente al colorpicker los casilleros de color estaban iguales, y no eran el color que habías seleccionado previamente sino el que tiene por default el script. Éste no lo he probado, pero si soluciona ese problema sería genial.

¿eNvy pudiste aplicar el element hover en el color picker?

Porque es algo que yo intentaba hace unos meses atrás, y no me salía, de hecho, podía hacer que al pasar el mouse sobre un elemento cambiará de color con el colorpicker, el problema estaba en que al quitar el mouse, el color no se removía y quedaba siempre pintado, ya sea para la propiedad color o background, pero siempre de la pseudoclase hover.

He tenido problemas para adaptar el funcionamiento el colorpicker a pseudoclases =/

No, justamente yo use otro colorpicker de un tutorial creo que de un foro mybb polaco o algo así, y sólo puedes guardar 1 color, así que el único efecto aplicable en ese caso era utilizar opacidad para jugar con el hover, me entiendes?

Pero revisando las imágenes del colorpicker, me di cuenta que originalmente trae 2 casillas de colores, así que estoy seguro que se podría aplicar un segundo casillero junto con otro conjunto de variables para poder jugar con 2 colores y hacer efectos hover y demás... sería lo más cómodo para tanto el que diseña como el que usa el colorpicker.

En efecto es el mismo y puedo asegurarte quw funciona bien lo tenia en mi sitio y en dos temas, los dos que estan y si creas codigo que rompa el script no funcionan. De otra forma la cookie funciona bien. Tanto el efecto hover como guardado funcionan y te apuesto lo que quieras ya que me gusta hacer cosas de calidad.
Por otra parte este es de un color solo ya que es muy viejo de casi dos años atras.

Vale vale, voy a probarlo de nuevo entonces a ver qué tal, pero quiero aclarar que yo no dije que el color de la clase .thead y el identificador #header se deshacen, de hecho, el colorpicker que probé de tu theme, cambiaba perfectamente los colores y las cookies trabajaban bien. Lo que no se mantenía eran los dos colores que se guardan en los dos casilleros el colorpicker, a eso me refería , y bueno pues, lo probaré de nuevo a ver qué tal