Cerrar Ventana

Algunas cookies de este sitio son esenciales, y el sitio no funcionará como se espera sin ellas. Estas cookies se establecen en el momento de enviar un formulario, inicie sesión o interactuar con el sitio realizando una acción que va más allá de hacer clic en un simple enlace.


Leer Más

Descarga MyBB 1.8.12
SoporteMyBB tiene un total de 804 temas de soporte. 7 quedan aún por resolver, 152 han quedado obsoletos y 645 han sido resueltos.

Hola invitado, aún no tienes una cuenta? Regístrate gratis desde aqui !!! Como registrado podrás obtener puntos para adquirir los mejores plugins de nuestro sitio.
Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Creador del tema: Whiteneo[Tutorial] Colorpicker Agrega colores a tus temas con jQuery,
Iniciado por: Whiteneo

 Whiteneo
Beta Tester


Beta Testers


Estado: Desconectado
Mensajes:3,485
Temas:273
Registro:11 Mar 2014
Reputación: 1,986
Gracias dados521Gracias recibidos1,983NacionalidadMexico
4 Julio 2014, 00:13 -
#1
3
Mejor respuesta del mensaje 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.

http://soportemybb.es/Tema-Uso-de-jQuery-con-MyBB

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:

No puedes ver estos contenidos como invitado

Agregar en header al final del todo:

No puedes ver estos contenidos como invitado

Guardar y probar Gran sonrisa !!!

Mas fácil no lo creo Gran sonrisa, 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...


Archivos adjuntos
.zip   cambio de color temas mybb.zip (Tamaño: 179.36 KB / Descargas: 12) - 4 Julio 2014, 00:05
 Joseahfer
Usuario del Foro


Registrados


Estado: Desconectado
Mensajes:767
Temas:42
Registro:05 Jun 2013
Reputación: 313
Gracias dados96Gracias recibidos313NacionalidadSpain
4 Julio 2014, 00:24 -
#2
0
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.
 BitLiberal
Usuario del Foro


Registrados


Estado: Desconectado
Mensajes:442
Temas:51
Registro:17 Mayo 2014
Reputación: 135
Gracias dados93Gracias recibidos134NacionalidadSpain
4 Julio 2014, 03:13 -
#3
0
Muy buen aporte!
Probablemente lo incluya en algún tema próximo.

¡Saludos!
Última modificación: 4 Julio 2014, 03:15 por BitLiberal.
 Garra8
Usuario del Foro


Registrados


Estado: Desconectado
Mensajes:57
Temas:7
Registro:01 Sep 2014
Reputación: 2
Gracias dados31Gracias recibidos2NacionalidadSpain
17 Septiembre 2014, 19:06 -
#4
0
Saludos, excelenet aporte. es compatible con 1.8?
 Whiteneo
Beta Tester


Beta Testers


Estado: Desconectado
Mensajes:3,485
Temas:273
Registro:11 Mar 2014
Reputación: 1,986
Gracias dados521Gracias recibidos1,983NacionalidadMexico
17 Septiembre 2014, 19:29 -
#5
1
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.
 eNvy
Usuario del Foro


Registrados


Estado: Desconectado
Mensajes:252
Temas:36
Registro:16 Aug 2014
Reputación: 173
Gracias dados54Gracias recibidos175NacionalidadArgentina
17 Septiembre 2014, 20:22 -
#6
0
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.
 Jean Pierre
High Hopes


Registrados


Estado: Desconectado
Mensajes:290
Temas:24
Registro:12 Jan 2014
Reputación: 116
Gracias dados22Gracias recibidos117NacionalidadPeru
17 Septiembre 2014, 20:35 -
#7
0
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 =/
Última modificación: 17 Septiembre 2014, 20:36 por Jean Pierre.
 eNvy
Usuario del Foro


Registrados


Estado: Desconectado
Mensajes:252
Temas:36
Registro:16 Aug 2014
Reputación: 173
Gracias dados54Gracias recibidos175NacionalidadArgentina
17 Septiembre 2014, 20:41 -
#8
0
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.
 Whiteneo
Beta Tester


Beta Testers


Estado: Desconectado
Mensajes:3,485
Temas:273
Registro:11 Mar 2014
Reputación: 1,986
Gracias dados521Gracias recibidos1,983NacionalidadMexico
17 Septiembre 2014, 20:45 -
#9
0
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 Gran sonrisa 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.
 Jean Pierre
High Hopes


Registrados


Estado: Desconectado
Mensajes:290
Temas:24
Registro:12 Jan 2014
Reputación: 116
Gracias dados22Gracias recibidos117NacionalidadPeru
17 Septiembre 2014, 21:26 -
#10
0
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 Gran sonrisa, y bueno pues, lo probaré de nuevo a ver qué tal Sonrisa
Última modificación: 17 Septiembre 2014, 21:26 por Jean Pierre.


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  [Tutorial] Agregar temas por prefijos a la búsqueda Whiteneo 0 577 12 Septiembre 2015, 02:05
Último mensaje: Whiteneo
  [Tutorial] Ultimos temas en el inicio del foro. Whiteneo 6 1,429 17 Septiembre 2014, 20:47
Último mensaje: Whiteneo
Guiño [Tutorial] Pestañas simples con HTML, CSS y JQuery Yadomi 2 1,861 13 Septiembre 2014, 19:35
Último mensaje: Yadomi
  [Tutorial] Diferentes colores para los thead Brown 4 1,053 27 Mayo 2014, 17:33
Último mensaje: Brown
Video [Videotutorial] Crear temas en MyBB Whiteneo 3 1,575 26 Mayo 2014, 20:07
Último mensaje: Brown
  Enviar temas por facebook angeluz 4 897 24 Mayo 2014, 14:29
Último mensaje: papi
  Aumentar el número de caracteres en el título de los temas papi 0 493 16 Marzo 2014, 13:36
Último mensaje: papi
  Añadir mas colores al editor de texto calamar 0 492 6 Marzo 2014, 02:00
Último mensaje: calamar
  Instalar temas en MyBB. Whiteneo 1 1,934 16 Enero 2014, 05:45
Último mensaje: lestat_shifo
  Uso de jQuery con MyBB. Whiteneo 0 826 7 Enero 2014, 01:57
Último mensaje: Whiteneo



Usuarios navegando en este tema: 1 invitado(s)