Cambiar botones de BBcodes de phpBB3 a botones con Imagenes

[Manolo]

A tu salud maestro

[mitch]

He corregido los BBcodes, debido al anuncio (publicado en esta web) de posibles "riesgos" al utilizarlos de forma incorrecta.

Ya los he corregido, fueron 3 bbcodes. Les dejo el Pastebin con los BBcodes para que los revisen, salu2.

http://www.phpbb-es.com/foro/pastebin.p ... view&s=123

[Morph]

Gracias Mitch. Saludos

[cvqs]

Hol,gracias ya lo he echo y limpiado etc...

pero me sale así las imágenes:

[cvqs]

Solucionado!!!

el paquete que me descargado antes estaba desfasado!

[Ayra]

He estado leyendo este foro y he visto que os da cierto error los embed. Esto se debe a que no son codigo xhtml valido, el codigo xhtml valido para un video de youtube sería:

Código: Seleccionar todo

<object type="application/x-shockwave-flash" style="width:{NUMBER1}px; height:{NUMBER2}px;" data="http://www.{SIMPLETEXT}.com/v/{IDENTIFIER1}?color1={IDENTIFIER2}&color2={IDENTIFIER3}&border={NUMBER3}&rel={NUMBER4}&loop={NUMBER5}&autoplay={NUMBER6}&showsearch={NUMBER7}&showinfo={NUMBER8}&fs={NUMBER9}"><param name="movie" value="http://www.{SIMPLETEXT}.com/v/{IDENTIFIER1}?color1={IDENTIFIER2}&color2={IDENTIFIER3}&border={NUMBER3}&rel={NUMBER4}&loop={NUMBER5}&autoplay={NUMBER6}&showsearch={NUMBER7}&showinfo={NUMBER8}&fs={NUMBER9}" /><param name="allowFullScreen" value="true" /></object> 

Aqui os pongo que significa cada token:

Código: Seleccionar todo

{SIMPLETEXT} -> youtube/youtube-nocookie (la segunda opción es para [url=http://www.google.com/support/youtube/bin/answer.py?answer=141046]activar el modo de mejora de la privacidad[/url]
{IDENTIFIER1} -> El identificador del video de toda la vida
{IDENTIFIER2} -> Este y el siguiente son los dos colores que youtube permite modificar, pero como en el enlace no aparece el signo # creo ue hay que usar este token en vez del otro.
{IDENTIFIER3} -> Explicado arriba, el primer color es el que se usa arriba y abajo del degradado del borde exterior, y en el borde entre los botones, el segundo es el que se utiliza de fondo en los botones y en el centro del degradado del borde exterior.
{NUMBER1} -> Anchura del video
{NUMBER2} -> Altura del video
{NUMBER3} -> 0/1 (cero si no quieres borde, uno si si lo quieres, por defecto 0)
{NUMBER4} -> 0/1 (cero si no quieres que aparezcan los videos relaccionados, uno si si quieres que aparezcan, por defecto 1)
{NUMBER5} -> 0/1 (cero si no quieres que se vuelva a empezar despues de acabar, uno si si quieres, por defecto 0)
{NUMBER6} -> 0/1 (cero si quieres que haya que pulsar el play para que empieze, uno si quieres que empieze nada más cargarse, por defecto 0)
{NUMBER7} -> 0/1 (cero si no quieres que aparezca la busqueda, uno si quieres que aparezca, por defecto 1)
{NUMBER8} -> 0/1 (cero si no quieres que aparezca la información del video, uno si quieres que aparezca, por defecto 1)
{NUMBER9} -> 0/1 (cero si quieres que no aparezca el boton de pantalla completa, uno si quieres que aparezca, por defecto 0)

Ya se que aqui he puesto 13 tokens pero en realidad muchas de las opciones no hay que darselas al usuario, sino que es mejor que las modifiqueis vosotros para buscar un estilo o una utilidad que os parezca apropiado para vuestro foro.

Por otro lado una consulta, os dejo aqui los datos del BBCode de youtube que he puesto yo y que no se por que no me funciona:
- Uso del BBCode:
- Reemplazo HTML: <object type="application/x-shockwave-flash" style="width:{NUMBER1}px; height:{NUMBER2}px;" data="http://www.youtube.com/v/{IDENTIFIER}?r ... =1"><param name="movie" value="http://www.youtube.com/v/{IDENTIFIER}?r ... rch=0&fs=1" /><param name="allowFullScreen" value="true" /></object>
- Foro donde lo estoy provando para ver si es cosa de mi ordenador: Link
- Notas: ya purge el cache general y el del template de mi style varias veces y durante varios días, probe en Mozilla FF 3.6.13 y en IE 8.0.6001

Saludos,
Ayra

URL: http://foroeivitux.zobyhost.com/phpBB3/
Versión phpBB: phpBB3 (3.0.1)
MODs Instalados: Imagenes por Mitch
Plantilla(s) usada(s): WoWMoonclaw 3.0.2.2
Servidor: Linux gratuito temporal (para pruebas)
Actualización desde otra versión: No
Conversión desde otro sistema de foros: No

[Ayra]

Os dejo un enlace a una pagina de pruebas donde demuestro que el codigo xhtml valido de youtube que puse antes funciona correctamente.

Os lo dejo en un doble post por que no me deja editar el anterior, sorry.

Saludos,
Ayra

[Ayra]

Bueno gracias de todas formas aunque ya he conseguido arreglar el problema, que era que pasaba los valores de altura y anchura de una forma que no la reconoce al menos en mi versión de phpBB3.

La solución ha sido:

-Uso de BBCode:
-Reemplazo HTML: <object type="application/x-shockwave-flash" style="width:{NUMBER1}px; height:{NUMBER2}px;" data="http://www.youtube.com/v/{IDENTIFIER}?fs=1"><param name="movie" value="http://www.youtube.com/v/{IDENTIFIER}?r ... rch=0&fs=1" /><param name="allowFullScreen" value="true" /></object>
-Recordaros que arriba he puesto muchos más parametros que se le pueden pasar en el enlace del video como esta escrito para dar estilo al reproductor.
-La función BBcodeyoutube de mitch la he dejado así:

Código: Seleccionar todo

function BBcodeyoutube() {
   theSelection = false;
   var textarea = document.forms[form_name].elements[text_name];
   textarea.focus();
         if ((clientVer >= 4) && is_ie && is_win)
   {
      theSelection = document.selection.createRange().text;
      if (theSelection)
      {
bbfontstyle('[youtube]','[/youtube]');
         return;
      }
   }
   else if (document.forms[form_name].elements[text_name].selectionEnd && (document.forms[form_name].elements[text_name].selectionEnd - document.forms[form_name].elements[text_name].selectionStart > 0))
   {
bbfontstyle('[youtube]','[/youtube]');
      return;
   }

   var Errores = '';
   var enterURL   = prompt("Introduzca la ID del video (solo la ID, no la URL completa)", "ZxyQraaB7c0");
   var enterWIDTH = prompt("Introduzca el ancho del video, en pixeles", "480");
   var enterHEIGHT = prompt("Introduzca el alto del video, en pixeles", "385");
   if (!enterURL)    {
      Errores += "Debes ingresar la ID del video.";
      alert("Error: "+Errores);
      return;
   }
      if (!enterWIDTH || !enterHEIGHT)    {
	  Errores += "Debes ingresar un ancho o alto en pixeles para el archivo.";
      alert("Error: "+Errores);
      return;
   }
   else {
   var Post = "[youtube="+enterWIDTH+":"+enterHEIGHT+"]"+enterURL+"[/youtube]";
   insert_text(Post);
   }
}

Espero que os sirva, y recomiendo a mitch que actualice este tema en aporte, no tanto el tema de las anchuras y alturas, sino el tema de hacer que el html sea xhtml valido para que no de problemas con ningun navegador.

Un saludo,
Ayra

[HuanManwe]

muchas gracias por compartir la solución. Intentaremos actualizar la guía lo antes posible.

[emil]

Muy buen tutorial, pero tengo problemas al integrarle el mod 'Custom BBCode only MOD' http://www.phpbb.com/customise/db/download/id_75827 ya que este mod se basa en el posting_buttons sin modificaciones.

He intentado solucionar el problema aquí pero es necesario dejar activado las opciones: mostrar en mensajes y solo a moderadores por el acp con al menos un bbcode para que muestren a los moderadores los bbcodes restantes.

[Ayra]

Me da el siguiente problema.

El foro, al crear los archivos cache que son los que luego usa añade varias cosas al archivo posting_buttons.html, condicionales PHP y cosas de esas.
En mi linea 176, aunque dudo que coincida con la vuestra, pero para que lo localizeis, despues de la modificación que hace mitch donde añade el codigo de las imagenes para los BBCodes extras que vayas creando, justo despues del:

Código: Seleccionar todo

</td>
</tr>

El cache coloca la siguiente frase:

Código: Seleccionar todo

<?php } if ($this->_rootref['S_BBCODE_ALLOWED']) {  ?>

La llave esa que cierra, no ha sido abierta en ningun lado, es decir cierra una llave de más.

He encontrado la solución, el problema es que mitch cerraba un condicional de más:

Código: Seleccionar todo

...
   </td>
</tr>
<!-- END if --><!-- IF S_BBCODE_ALLOWED -->
...

El codigo quedaría:

Código: Seleccionar todo

...
   </td>
</tr>
<!-- IF S_BBCODE_ALLOWED -->
...

Saludos,
Ayra

[onox]

Exelente tutorial! muchas gracias Mitch

[DarthVe]

Holaa todos

lo he instalado todas las imagen se ven bien, pero cuando se le trato de dar a cualquier icono no me sale singun codigo

me podran ayudar?

[georwill04]

excelente!! voy a probar!! saludos

[leviatan21]

Holaa todos

lo he instalado todas las imagen se ven bien, pero cuando se le trato de dar a cualquier icono no me sale singun codigo

me podran ayudar?

Generalmente se trata de un problema de Javascript, si al realizar los cambios cometiste un error, no funcionarán los botones.
Vuelve a revisar tus ediciones.