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!
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~
Te dejo Rep~
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
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>
(2 Jul, 2014, 3:24 pm)Ax5 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
ColorPicker - jQuery plugin
¿Funciona en MyBB 1.6? ¿Alguien sabe?