Mod de càrrega d'imatges per a FluxBB

Aquest mod afegeix una eina per pujar i adjuntar imatges ràpidament a les publicacions. Les imatges es pugen al nostre lloc web, així que no t'has de preocupar per l'espai de disc ni per la configuració del servidor web. Quan es puja una imatge amb el botó d'aquest mod, es genera automàticament el BBCode per a una miniatura i un enllaç a la imatge original i s'insereix a la publicació.

Instruccions d'instal·lació

  1. Obre el fitxer per editar-lo:
    header.php
  2. Troba la línia 98. Ha de tenir aquest aspecte:
    </title>
  3. Afegeix el codi següent després d'aquesta línia:
    <script type="text/javascript" src="//mod.postimage.org/fluxbb.js" charset="utf-8"></script>

Instal·lació completa. Ara pots utilitzar Postimage al teu lloc web:

fluxbb

Baixa el mod del lloc de FluxBB (opcional)

  1. Obre el fitxer per editar-lo:
    header.php
  2. Troba la línia 86. Ha de tenir aquest aspecte:
    </title>
  3. Afegeix el codi següent després d'aquesta línia:
    <script type="text/javascript" src="//mod.postimage.org/fluxbb.js" charset="utf-8"></script>

Instal·lació completa. Ara pots utilitzar Postimage al teu lloc web:

fluxbb

Baixa el mod del lloc de FluxBB (opcional)

Opcions

Totes les versions dels connectors del lloc PostImage admeten diverses opcions per personalitzar l'experiència d'usuari. La manera més senzilla de definir una opció és especificar-la a l'adreça del connector. Les opcions es separen amb guions i es poden especificar en qualsevol ordre. Per exemple, per canviar un connector de phpBB a alemany i indicar que totes les imatges pujades des del lloc siguin aptes per a famílies, pots importar el connector editant la línia corresponent perquè tingui aquest aspecte:

<script type="text/javascript" src="//mod.postimage.org/phpbb3-de-hotlink.js" charset="utf-8"></script>
Si no s'especifica una opció d'un grup, s'utilitza el valor per defecte del grup. Actualment s'admeten les opcions següents:

Mida de la previsualització

  • thumb (per defecte) Utilitza previsualitzacions petites (fins a 180x180px de mida).
  • hotlink Utilitza previsualitzacions grans (fins a 1280px píxels d'amplada).

Idioma

El text del botó de Postimage es pot mostrar en diversos idiomes admesos. Pots utilitzar qualsevol dels noms d'idioma següents com a opció.

  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  

Avançat

Pots personalitzar opcions com l'aparença del botó PostImage inserint una funció postimage_customize() al teu codi JavaScript abans d'invocar el connector PostImage. La funció ha de ser com es mostra a continuació: hi ha tres objectes que s'aplicaran als estils de la icona, l'enllaç i el contenidor. Hi pots definir qualsevol propietat CSS que necessitis. 

<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 vols sobreescriure els valors per defecte però només vols modificar o afegir una opció d'estil específica, la teva funció probablement hauria de semblar-se a això:
<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>

Suport

Si us plau, contacta amb nosaltres si tens cap problema o pregunta. Fins i tot podem ajudar-te a integrar el teu lloc web amb nosaltres de manera gratuïta!