Como agregar un bbcode de tipo URL al ABBC3Tema Solucionado

[ruben1155]

Hola, lo que quiero saber como es que el abbcode box llama a imageshack estaba mirando el código y no lo encontré
es que quisiera hacer tambien lo mismo con el subidor de replays, para que lo llame y como este me genera un bbcode lo puedan copiar de una vez en el texto y se les pierda el bbcode(porque se pierde el replay una vez subido, falta crear mi lista xD).

[Makoto]

si el servidor te genera un bbcode cual es el problema?

no entendi muy bien u_u

[leviatan21]

Hola ruben1155 :
No es fácil de explicar, se generan muchas cosas para hacerlo, voy a tratar de explicarlo lo mas detallado posible:

1) En la plantilla : raíz/styles/EL_NOMBRE_DE_TU_ESTILO/template/posting_abbcode_buttons.html se agregan los botones con imágenes de manera dinámica y el código generado tiene esta apariencia (utilizo el código del imageshack ya que tu lo citaste como ejemplo)

Código: Seleccionar todo

<img src="./styles/abbcode/images/imgshack.gif" class="btnbbcode3 editor_Button" onclick="bbstyle2('abbc3_imgshack', '[imgshack]', '[/imgshack]', 1); return false;" onmouseover="helpline2('abbc3_imgshack')" onmouseout="helpline2()" alt="Insertar imagen desde imageshack" title="Insertar imagen desde imageshack" id="abbcode_-24" /> 

Desglose :
src="./styles/abbcode/images/imgshack.gif
es la imagen que funciona como botón

onclick="bbstyle2('abbc3_imgshack', '[imgshack]', '[/imgshack]', 1); return false;"
le indica que al pulsar sobre esa imagen llame a una función JavaScript llamada bbstyle2 con 4 parámetros diferentes, por ahora el único que nos interesa es el 1º que es el nombre del bbcode para luego ser ubicado en la función, el 2º y 3º son el bbcode en si, la etiqueta de apertura y cierre respectivamente, el 4º es un parámetro interno que si no es 1 hace que phpbb se encargue de él en lugar de que el lo haga el ABBC3

onmouseover="helpline2('abbc3_imgshack')", le indica a la barra de ayuda cual texto mostrar al pasar el mouse por arriba.
onmouseout="helpline2()", limpia la barra de ayuda.
alt="Insertar imagen desde imageshack", es el cartel que se muestra al pasar el mouse por arriba
title="Insertar imagen desde imageshack", idem anterior
id="abbcode_-24" no es necesario

2) Luego viene la otra parte, el código JavaScript el cual está en el archivo raíz/styles/abbcode/posting_abbcode_buttons.js que tiene la función bbstyle2 y que recibe esos 4 parámetros
para el bbcode imageshack funciona así :

Código: Seleccionar todo

         case "abbc3_imgshack" :
            popup('http://imageshack.us/', popup_width, popup_height);
 

Aquí lo que se hace es interceptar ese 1º parámetro pasado el cual si corresponde al solicitado hace el pop-up llamando a la función de imageshack que genera el formulario solicitando subir archivo y demás...

Ahora, todo esto parece muy complicado, y realmente no lo es tanto.
Lo que yo haría con tu bbcode ya es hacerlo todo a mano y no permitir que se muestre, desde phpbb, y con tu bbcode personalizado ya creado es desmarcar la opción de que se a mostrado en la plantilla y luego editar los archivos involucrados, mas o menos así :

Abrir :

Código: Seleccionar todo

raíz/styles/EL_NOMBRE_DE_TU_ESTILO/template/posting_abbcode_buttons.html

Buscar : (cercano a las lineas 214 y 215 )

Código: Seleccionar todo

                <img src="{S_ABBC3_PATH}/images/{abbc3_tags.BBCODE_IMG}" class="btnbbcode3 editor_Button" onclick="bbstyle2('{abbc3_tags.BBCODE_NAME}', {abbc3_tags.BBCODE_TAG}, {abbc3_tags.BBCODE_ABBC3}); return false;" onmouseover="helpline2('<!-- IF abbc3_tags.BBCODE_ABBC3 -->{abbc3_tags.BBCODE_NAME}<!-- ELSE -->{abbc3_tags.BBCODE_TIP}<!-- ENDIF -->')" onmouseout="helpline2()" alt="{abbc3_tags.BBCODE_MOVER}" title="{abbc3_tags.BBCODE_MOVER}" id="abbcode_{abbc3_tags.BBCODE_ID}" />
        <!-- ENDIF --> 

Debajo agregar :

Código: Seleccionar todo

                <img src="./styles/abbcode/images/relays.gif" class="btnbbcode3 editor_Button" onclick="bbstyle2('relays', '[relays]', '[/relays]', 1); return false;" onmouseover="helpline2('algun texto de ayuda')" onmouseout="helpline2()" alt="algun otro texto de ayuda" title="algun otro texto de ayuda" /> 

Cambia algun texto de ayuda y algun otro texto de ayuda por lo que desees y recuerda subir una imagen llamada relays.gif a la carpeta /styles/abbcode/images/
Abrir :

Código: Seleccionar todo

raíz/styles/abbcode/posting_abbcode_buttons.js

Buscar :

Código: Seleccionar todo

        case "abbc3_imgshack" :
            popup('http://imageshack.us/', popup_width, popup_height); 

Antes, agregar :

Código: Seleccionar todo

        case "relays" :
            popup('la_url_del_formulario_a_completar', popup_width, popup_height);
            break; 

Cambia la_url_del_formulario_a_completar por la dirección a tu formulario de relays

Guardar todos los cambios, subir todo al servidor, actualizar plantillas y probar, luego me cuentas como resultó

[ruben1155]

Muchas Gracias Leviatan por la explicación, ya te estaré contando como me vá

[ruben1155]

Me sale el la imágen pero interescalado xD.
alternando un bbcode y no abre el popup, el usuario de pruebas:
usuario: test
pass: test123
Una imágen:

[ruben1155]

Corrijo tenía que limpiar la caché y ahora si salta el popup, pero sigue apareciendo como la imágen, muchos iguales

[leviatan21]

Me sale el la imágen pero interescalado xD.

Que se repita, es un error mío, la linea agregada en la plantila raíz/styles/EL_NOMBRE_DE_TU_ESTILO/template/posting_abbcode_buttons.html muevela una line amas abajo, justo debajo de

Código: Seleccionar todo

 	<!-- END abbc3_tags -->

[ruben1155]

Listo Gracias Leviatan, duda resuelta