Estensione di caricamento immagini per PunBB

Questa estensione aggiunge uno strumento per caricare e allegare rapidamente immagini ai post. Le immagini vengono caricate sul nostro sito web, quindi non devi preoccuparti di spazio su disco o configurazione del server web. Quando un'immagine viene caricata usando il pulsante di questa estensione, il BBCode per una miniatura e un link all'immagine originale viene generato automaticamente e inserito nel post.

Scarica estensione

Istruzioni di installazione

  1. Estrai l'archivio scaricato nella sottodirectory ./extensions/ della tua installazione di PunBB.

  2. punbb14_1

  3. punbb14_2

Installazione completata. Ora puoi usare Postimage sul tuo sito:

punbb14

  1. Estrai l'archivio scaricato nella sottodirectory ./extensions/ della tua installazione di PunBB.

  2. punbb13_1

  3. punbb13_2

Installazione completata. Ora puoi usare Postimage sul tuo sito:

punbb13

Opzioni

Tutte le versioni dei plugin del sito PostImage supportano diverse opzioni per personalizzare l'esperienza utente. Il modo più semplice per impostare un'opzione è specificarla nell'indirizzo del plugin. Le opzioni sono separate da trattini e possono essere specificate in qualsiasi ordine. Ad esempio, per impostare un plugin per phpBB in tedesco e specificare che tutte le immagini caricate dal sito siano adatte alle famiglie, puoi importare il plugin modificando la riga appropriata in questo modo:

<script type="text/javascript" src="//mod.postimage.org/phpbb3-de-hotlink.js" charset="utf-8"></script>
Se un'opzione di un gruppo non è specificata, viene usato il valore predefinito del gruppo. Attualmente sono supportate le seguenti opzioni:

Dimensione anteprima

  • thumb (predefinito) Usa anteprime piccole (fino a 180x180px).
  • hotlink Usa anteprime grandi (fino a 1280px di larghezza).

Lingua

Il testo del pulsante Postimage può essere visualizzato in diverse lingue supportate. Puoi usare come opzione uno qualsiasi dei seguenti nomi di lingua.

  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  

Avanzate

Puoi personalizzare opzioni come l'aspetto del pulsante PostImage inserendo una funzione postimage_customize() nel tuo codice JavaScript prima dell'invocazione del plugin PostImage. La funzione dovrebbe essere come mostrato di seguito: ci sono tre oggetti che verranno applicati agli stili dell'icona, del link e del contenitore. Puoi impostare lì qualsiasi proprietà CSS ti serva. 

<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>
Se non vuoi sovrascrivere i valori predefiniti ma solo modificare o aggiungere una specifica opzione di stile, la tua funzione dovrebbe probabilmente essere così:
<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>

Supporto

Ti preghiamo di contattarci se hai problemi o domande. Possiamo anche aiutarti a integrare gratuitamente il tuo sito con noi!