Cómo agregar nuevos botones al ChatBox

por Wigazo Jue 02 Ene 2014, 04:12

Recuerdo del primer mensaje :

Hace mucho tenía que actualizar este post con lo de las categorías y smilies, pero no tenía muchas ganas. Al final decidí hacer esto (aunque tendría que rehacer todo el tutorial xD):

Así pueden crear los botones, categorías y smilies más fácilmente.

Les explico cómo funciona, ya que puede ser un poco confuso, aunque bastante intuitivo creo.

Botones

Éstos, cuando les hacés click, añaden al capo de escritura del ChatBox un texto determinado.

Nombre: Código:

En "Nombre" se ingresa el texto que querés que tenga el botón encima. En "Código" se ingresa el texto que querés que el botón agregue al campo de escritura del ChatBox.

[Tienes que estar registrado y conectado para ver este vínculo]

Al hacerle click, creás el botón con las características escogidas.

[Tienes que estar registrado y conectado para ver este vínculo]

Visible cuando hay botones. En la lista desplegable podés ver todos los botones (nombrados con el nombre elegido). Al seleccionar uno, en los campos "Nombre" y "Código" podrás ver cuáles fueron los escogidos. Si hacés click en "Eliminar" se borrará el botón seleccionado.

Categorías

Son listas desplegables que vendrían a ser como botones agrupados en una categoría. Al seleccionar una opción de éstas, se añade al campo de escritura del ChatBox un texto determinado.

Nombre	Código	Eliminar
		[Tienes que estar registrado y conectado para ver este vínculo]
		[Tienes que estar registrado y conectado para ver este vínculo]

[Tienes que estar registrado y conectado para ver este vínculo]

Con esta tabla podés definir cómo querés que sea tu nueva categoría. Cada fila representa un "botón". En la columna "Nombre" ponés el texto que aparecerá en la opción de la lista desplegable y en "Código" el texto que añadirá al campo de escritura del ChatBox. El botón de la columna "Eliminar" sirve para eliminar una fila (el mínimo de éstas es dos, ya que para 1 están los botones). Se puede agregar una nueva fila a la tabla con "Nueva Fila".

[Tienes que estar registrado y conectado para ver este vínculo]

Al hacerle click, creás la categoría con las características escogidas.

[Tienes que estar registrado y conectado para ver este vínculo]

Visible cuando hay categorías. En la lista desplegable podés ver todas las categorías (nombradas con el nombre elegido de la primera opción de la categoría). Al seleccionar una, en la tabla se cargarán los datos de élla. Si hacés click en "Eliminar" se borrará la categoría seleccionada.

Smilies

Son smilies personalizados. Aparecerán en una nueva categoría de la ventanita de smilies: "Smilies Personales". Se ingresan al ChatBox con los códigos IMG. Ahora también la categoría de "Smilies Personales" está disponible para usar en el foro. Smile

Smilies URL:

En este campo se ingrese el URL de la imagen que querés tener como smile personal.

[Tienes que estar registrado y conectado para ver este vínculo]

Al hacerle click, creás el smile de la imagen elegida.

[Tienes que estar registrado y conectado para ver este vínculo]

Acá se visualizan los smilies creados. Para eliminar uno, se le hace click y listo.

Cuando tengas todos los botones, categorías y smilies deseados, hacé click en . Se descargará el userscript con todo lo elegido.
El archivo se llamará botonesChaBox.user.js, y se instala como cualquier otro. Recuerden que en Chrome hay que ir a chrome://extensions y arrastrar el archivo descargado para instalarlo.

¿Y cómo modifico un userscript?

Cualquier userscript creado con esta aplicación (los que fueron creados con el viejo método solo se pueden modificar tocando el código) es muy fácil de modificar, ya que se cargan todos los datos de él (botones, categorías y smilies) en ella para modificarlo a gusto. Una vez hechos los cambios modificados, descarga el nuevo userscript e instálalo, pero antes borra el viejo.

Post viejo:

Viendo [Tienes que estar registrado y conectado para ver este vínculo], me pareció una lástima que no pudiese ser aplicada, ya que me parece una buena idea. Así que decidí hacer un sencillo "userscript" para poder agregar botones al ChatBox (funciona en todos los de Foroactivo).

¿Qué es un userscript?

Son códigos en JavaScript que sirven para modificar página webs. Originalmente corrían en Greasemonkey, una extensión de Firefox, pero hoy en día se pueden instalar en varios navegadores. Por ejemplo, ahora se puede instalar en Chrome como si fuese una extensión. Es por eso que decidí hacerlo en este formato, para que más usuarios puedan usarlo~~, y además así dekar no diga que Google nos borrará por esto~~.

¿Qué hace exactamente este userscript?

Añade dos botones a cualquier ChatBox de Foroactivo:

Cómo agregar nuevos botones al ChatBox - Página 3 Large

Cómo agregar nuevos botones al ChatBox - Página 3 Large

-> Añade los códigos de spoiler al final del cuadro de texto del ChatBox.

-> Añade los códigos de img al final del cuadro de texto del ChatBox.

Sin embargo, el userscript es fácilmente personalizable para que el usuario haga sus propios botones.

¿Cómo se instala?

El userscript se encuentra en la siguiente dirección:

[Tienes que estar registrado y conectado para ver este vínculo]

La forma de instalar depende del navegador usado.

Firefox

Se requiere la extensión Greasemonkey:

[Tienes que estar registrado y conectado para ver este vínculo]

Una vez instalada, ir a la página del userscript, hacer click sobre el botón "Install" y poner "Instalar" en la ventana emergente.

Chrome

Ir a la página del userscript, hacer click sobre el botón "Install" y clickear el botón "Continuar" en la barra de descargas.

Luego hay que ir a chrome://extensions y arrastrar el archivo .user.js para instalarlo.

También se puede instalar en otros navegadores, pero todavía no lo testeé.

¿Cómo modifico el userscript?

Firefox

Con Greasemonkey es muy fácil.

Lo explico con imágenes:

Spoiler:

Nota: Antes de hacer el paso 5 hay que hacer los cambios necesarios en el código (más adelante explico cómo).

Chrome

En este caso hay que editar el archivo .user.js descargado, usando un programa de edición de texto como el bloc de notas o alguno más sofisticado. Luego de hacerle las modificaciones al código, guardar el archivo. Una vez guardado, arrastrar el archivo .user.js a chrome://extensions para instalarlo.

Todo muy lindo, ¿pero cómo hago mis botones?

Pues, en el código hay una explicación, pero de todos modos lo explico acá.

Los botones se crean en el bloque "tus botones", que por defecto viene así:

Código:: //===BLOQUE TUS BOTONES===// botones.push(new boton("[spoiler][/spoiler]","spoiler")); botones.push(new boton("[img][/img]","img")); //===BLOQUE TUS BOTONES===//

Para crear un botón, hay que insertar una línea de código dentro de ese bloque, de la siguiente forma:

Código:: botones.push(new boton("<codigo>","<texto>"));

Código:: <codigo>

Hay que reemplazarlo por el código que querés que se inserte al clickear el boton. NOTA: No es necesario que sea un codigo, puede ser cualquier texto.

Código:: <texto>

Hay que reemplazarlo por el texto que querés que se vea en el botón.

Ejemplo

Para añadir un botón que inserte códigos quote, el bloque "tus botones" quedaría de la siguiente forma:

Código:: //===BLOQUE TUS BOTONES===// botones.push(new boton("[spoiler][/spoiler]","spoiler")); botones.push(new boton("[img][/img]","img")); botones.push(new boton("[quote][/quote] ","Cita")); //===BLOQUE TUS BOTONES===//

También se pueden borrar los botones que vienen por defecto ("spoiler" e "img"):

Código:: //===BLOQUE TUS BOTONES===// botones.push(new boton("[quote][/quote] ","Cita")); //===BLOQUE TUS BOTONES===//

Como dije, no hace falta que los botones inserten códigos. Podés hacer botones para insertar rápidamente smilies, y también comandos del chat. Por ejemplo, un botón que inserte el smile :chino:y el botón para banear a DG, dejando el bloque "tus botones" de la siguiente forma:

Código:: //===BLOQUE TUS BOTONES===// botones.push(new boton("[quote][/quote] ","Cita")); botones.push(new boton(":chino:","Chino")); botones.push(new boton("/ban Imperatrum DG","Entretenimiento")); //===BLOQUE TUS BOTONES===//

Y lo mejor de todo: escribir fórmulas destructivas con solo un click. :awwyea:
No, en serio, no se toleran las fórmulas destructivas, dentro o fuera del foro (ya que pueden venir usuarios vengativos). Usarlas puede traer el ban permanente del ChatBox. what is this racket

Otro buen uso que pueden darle es poner códigos para insertar imágenes que usaría como smilies que no están en el foro. Wink

Eso fue todo, espero que les sirva. Smile

Si no entienden algo, no duden en preguntar. Very Happy

por Wigazo Jue 09 Ene 2014, 12:22

Si ponés BBCodes de ciertas formas, podés deformar el chat. Pero está prohibido por las reglas. $I\'m watching you$

por Nachiu Jue 09 Ene 2014, 12:27

¿BBCodes como cuales?no le pienso hacer.

Ah, y no me anda Yao Ming

por Wigazo Vie 28 Feb 2014, 16:29

Tutorial rehecho, con un método totalmente distinto. Espero que les agrade. Ji Ji

Si ven un error, por favor díganmelo. Smile

por Alegorn Vie 28 Feb 2014, 22:48

Cómo agregar nuevos botones al ChatBox - Página 3 Image

No sabes cuanto te quiero en este momento Wig!!! GRACIAS POR ENSEÑARME ALGO TAN UTIL!!!

Cómo agregar nuevos botones al ChatBox - Página 3 Crazy-monkey-emoticon-148

por Wigazo Vie 28 Feb 2014, 23:03

De nada, me alegro muchísimo que te sirviese. Ahora estoy haciendo que los smilies estén en el foro también. Smile

Edit: Listo. Si ya tenés el userscript hecho, volvé a descargarlo para que estén los smilies en el foro.

por Rhinestone Vie 28 Feb 2014, 23:26

Gracias Wig Cómo agregar nuevos botones al ChatBox - Página 3 Hoplz_zps0596715e

Ahora si no me aceptan un smiley que amo, lo usare de todas formas de modo mas cómodo.

por Wigazo Vie 28 Feb 2014, 23:59

Escribir el código de un smiley es más sencillo que buscar el smiley en los smilies, así que es preferible tenerlo.

por Tomás Kapo Spore 2011 Sáb 01 Mar 2014, 00:03

Ya venía viendo esto hace mucho, es sinceramente espectacular, lástima que esta no sea una buena PC para hacerlo...En serio, lo odio...

En cuanto tenga la PC Gamer añadiré todos los botones Torretences que desee, muchísimas gracias Wig. Very Happy

Dios, con tantas cosas la espera se me hace eterna...

por Lechuza Sáb 01 Mar 2014, 07:43

Hum...No creo que esto vaya en errores en el foro, pero...
En el de categorías, si le das a "Añadir", pone "Elminar", sin la I de "Eliminar"

Aún así, ¡está genial! La verdad es mucho más fácil así.

por Laripper10 Sáb 01 Mar 2014, 11:12

Super genial!!! 5/5

ohhh esta cool ahora podre usar mis emoticones mas facil sin tener que pelear para que los agreguen cute

esta es mi lista xD

Cómo agregar nuevos botones al ChatBox - Página 3 M7pg

por Wigazo Sáb 01 Mar 2014, 11:25

Gracias Lechu, ya lo corregí. Smile

por Laripper10 Sáb 01 Mar 2014, 11:49

muchas gracias wigazo!!!! Aliado

me encanta mucho Cool

ahora es mas facil poner los emoticones que me gustan Cómo agregar nuevos botones al ChatBox - Página 3 Daawplz

por Eleanor Drapeaux Sáb 01 Mar 2014, 13:29

wig te hamo Cómo agregar nuevos botones al ChatBox - Página 3 Iloveitmoreplz

Cómo agregar nuevos botones al ChatBox - Página 3 Furrydanceplz

por Rhinestone Vie 14 Mar 2014, 18:17

Extensión para chat: Invasión China. Chino Espía

Añade nuevos smileys sacados de la pagina de los chinos espías!!!
Puedes descargarlos desde aquí!!!

Solo arrastren la extensión al panel de extensiones. n_n

por Dumdon Vie 14 Mar 2014, 19:14

Rhinestone [JDF] escribió:Extensión para chat: Invasión China.

Añade nuevos smileys sacados de la pagina de los chinos espías!!!
Puedes descargarlos desde aquí!!!

Solo arrastren la extensión al panel de extensiones. n_n

Chinos... (?

Muy buen tutorial wiggy Very Happy

ahora pondre todos mis emoticones deseados ~~Sexualmente~~ amorosamente por mi Te amo

por Wigazo Dom 16 Mar 2014, 16:36

Rhinestone [JDF] escribió:Extensión para chat: Invasión China.

Añade nuevos smileys sacados de la pagina de los chinos espías!!!
Puedes descargarlos desde aquí!!!

Solo arrastren la extensión al panel de extensiones. n_n

Igual, ese solo sirve para el chat, aclaro. Wink

por Contenido patrocinado

Hitskin.com

Los posteadores más activos de la semana

Los posteadores más activos del mes

Creación Aleatoria

Hora Mundial

Cómo agregar nuevos botones al ChatBox

Cómo agregar nuevos botones al ChatBox

Re: Cómo agregar nuevos botones al ChatBox

Re: Cómo agregar nuevos botones al ChatBox

Re: Cómo agregar nuevos botones al ChatBox

Re: Cómo agregar nuevos botones al ChatBox

Re: Cómo agregar nuevos botones al ChatBox

Re: Cómo agregar nuevos botones al ChatBox

Re: Cómo agregar nuevos botones al ChatBox

Re: Cómo agregar nuevos botones al ChatBox

Re: Cómo agregar nuevos botones al ChatBox

Re: Cómo agregar nuevos botones al ChatBox

Re: Cómo agregar nuevos botones al ChatBox

Re: Cómo agregar nuevos botones al ChatBox

Re: Cómo agregar nuevos botones al ChatBox

Re: Cómo agregar nuevos botones al ChatBox

Re: Cómo agregar nuevos botones al ChatBox

Re: Cómo agregar nuevos botones al ChatBox

Re: Cómo agregar nuevos botones al ChatBox

Buscar

Resultados por: Mensajes Temas
Búsqueda avanzada