4 July 2014, 00:13
2
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...
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:
Código: ( Seleccionar Todo )
<link rel="stylesheet" href="{$theme['imgdir']}/dtpicker/colorpicker.css" type="text/css" />
<script type="text/javascript" src="{$theme['imgdir']}/dtpicker/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="{$theme['imgdir']}/dtpicker/jquery-1.10.2.min.map"></script>
<script type="text/javascript" src="{$theme['imgdir']}/dtpicker/jquery.cookie.js"></script>
<script type="text/javascript" src="{$theme['imgdir']}/dtpicker/colorpicker.js"></script>
<script type="text/javascript" src="{$theme['imgdir']}/dtpicker/utils.js"></script>
<script type="text/javascript" src="{$theme['imgdir']}/dtpicker/layout.js?ver=1.0.2"></script>
Agregar en header al final del todo:
Código: ( Seleccionar Todo )
<img src="{$theme['imgdir']}/dtpicker/images/color_wheel.png" id="colorSelector" class="img_dnt"/>
<script type="text/javascript" src="{$theme['imgdir']}/dtpicker/eye.js"></script>
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...