Mod de carga de imágenes para FluxBB

Este mod agrega una herramienta para subir y adjuntar imágenes a las publicaciones rápidamente. Las imágenes se suben a nuestro sitio web, por lo que no hay necesidad de preocuparse por el espacio en disco o la configuración del servidor web. Cuando se sube una imagen usando el botón de este mod, el BBCode para una miniatura y un enlace a la imagen original se genera automáticamente 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 completa. Ahora puedes usar Postimage en tu sitio web:

fluxbb

Descargar 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 completa. Ahora puedes usar Postimage en tu sitio web:

fluxbb

Descargar 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 manera más fácil de establecer una opción es especificarla en la dirección del plugin. Las opciones se separan por guiones y pueden indicarse 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 toda la familia, puedes importar el plugin editando la línea correspondiente para que se vea 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) Usar vistas previas pequeñas (de hasta 180x180px de tamaño).
  • hotlink Usar 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 invocar el 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. Allí puedes establecer 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 agregar 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 algún problema o pregunta. ¡Incluso podemos ayudarte a integrar tu sitio web con nosotros de forma gratuita!