Mod de subida de imágenes para FluxBB

Este mod añade una herramienta para subir y adjuntar rápidamente imágenes a las publicaciones. Las imágenes se suben a nuestro sitio web, por lo que no hay que preocuparse por el espacio en disco ni la configuración del servidor web. Cuando se sube una imagen usando el botón de este mod, se genera automáticamente el BBCode de una miniatura y un enlace a la imagen original y se inserta en la publicación.

Instrucciones de instalación

  1. Abre el archivo para editar:
    header.php
  2. Busca la línea 98. Debería verse así:
    </title>
  3. Añade el siguiente código después de esa línea:
    <script type="text/javascript" src="//mod.postimage.org/fluxbb.js" charset="utf-8"></script>

Instalación completada. Ahora puedes usar Postimage en tu sitio web:

fluxbb

Descargar el mod desde el sitio de FluxBB (opcional)

  1. Abre el archivo para editar:
    header.php
  2. Busca la línea 86. Debería verse así:
    </title>
  3. Añade el siguiente código después de esa línea:
    <script type="text/javascript" src="//mod.postimage.org/fluxbb.js" charset="utf-8"></script>

Instalación completada. Ahora puedes usar Postimage en tu sitio web:

fluxbb

Descargar el mod desde el sitio de FluxBB (opcional)

Opciones

Todas las versiones de los plugins del sitio de PostImage admiten varias opciones para personalizar la experiencia del usuario. La forma más fácil de establecer una opción es especificarla en la dirección del plugin. Las opciones se separan por guiones y se pueden especificar en cualquier orden. Por ejemplo, para cambiar un plugin de phpBB a alemán y especificar que todas las imágenes subidas desde el sitio sean aptas para familias, puedes importar el plugin editando la línea correspondiente para que quede así:

<script type="text/javascript" src="//mod.postimage.org/phpbb3-de-hotlink.js" charset="utf-8"></script>
Si no se especifica una opción de un grupo, se usa el valor predeterminado del grupo. Actualmente se admiten las siguientes opciones:

Tamaño de vista previa

  • thumb (predeterminado) Usa vistas previas pequeñas (de hasta 180x180px de tamaño).
  • hotlink Usa vistas previas grandes (de hasta 1280px píxeles de ancho).

Idioma

El texto del botón de Postimage se puede mostrar en varios idiomas compatibles. Puedes usar cualquiera de los siguientes nombres de idioma como opción.

  af  
  az  
  bs  
  ca  
  cy  
  da  
  de  
  et  
  en  (default)  
  es  
  es-mx  
  eu  
  fil  
  fr  
  ha  
  hr  
  ig  
  id  
  it  
  sw  
  ku  
  lv  
  lt  
  hu  
  ms  
  nl  
  no  
  uz  
  pl  
  pt  
  pt-br  
  ro  
  sk  
  sl  
  sr-me  
  fi  
  sv  
  tl  
  vi  
  tk  
  tr  
  yo  
  is  
  cs  
  el  
  bg  
  mk  
  mn  
  ru  
  sr  
  uk  
  kk  
  hy  
  he  
  ur  
  ar  
  fa  
  ps  
  ckb  
  ne  
  mr  
  hi  
  bn  
  pa  
  gu  
  ta  
  te  
  th  
  my  
  ka  
  am  
  zh-cn  
  zh-hk  
  ja  
  ko  

Avanzado

Puedes personalizar opciones como la apariencia del botón PostImage insertando una función postimage_customize() en tu código JavaScript antes de la invocación del plugin PostImage. La función debería verse como se muestra a continuación: hay tres objetos que se aplicarán a los estilos del ícono, el enlace y el contenedor. Puedes establecer allí cualquier propiedad CSS que necesites. 

<script type="text/javascript" charset="utf-8">
function postimage_customize() {
	if (typeof postimage === "undefined") {
		return;
	}
	postimage.style = postimage.style || {};
	postimage.style.link = {"color": "#3a80ea", "vertical-align": "middle", "font-size": "1em"};
	postimage.style.icon = { "vertical-align": "middle", "margin-right": "0.5em", "margin-left": "0.5em"};
	postimage.style.container = {"margin-bottom": "0.5em", "margin-top": "0.5em"};
	/* Add more customizations here as needed */
}
</script>
Si no quieres sobrescribir los valores predeterminados y solo deseas modificar o añadir una opción de estilo específica, tu función probablemente debería verse así:
<script type="text/javascript" charset="utf-8">
function postimage_customize() {
	if (typeof postimage === "undefined") {
		return;
	}
	postimage.style = postimage.style || {};
	/* Specify different options for the same style separately */
	postimage.style.link["color"] = "green";
	postimage.style.link["text-decoration"] = "none";

	postimage.style.icon["border"] = "1px solid black";
	postimage.style.container["padding"] = "2px";
	/* Add more customizations here as needed */
}
</script>

Soporte

Por favor, contáctanos si tienes cualquier problema o pregunta. ¡Incluso podemos ayudarte a integrar tu sitio web con nosotros gratis!