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" />
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
(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 -->
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 :
Buscar :
Código: Seleccionar todo
case "abbc3_imgshack" :
popup('http://imageshack.us/', popup_width, popup_height);
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ó
