Extension de téléversement d’images pour ZetaBoards

Cette extension ajoute un outil pour téléverser et joindre rapidement des images aux messages. Les images sont téléversées sur notre site, vous n’avez donc pas à vous soucier de l’espace disque ni de la configuration du serveur web. Lorsqu’une image est téléversée via le bouton de cette extension, un BBCode pour une vignette et un lien vers l’image originale est automatiquement généré et inséré dans le message.

Instructions d’installation

  1. zetaboards_1

  2. zetaboards_2

  3. Ajoutez le code suivant dans la section Javascripts :
    <script type='text/javascript' src='//mod.postimage.org/zetaboards.js' charset='utf-8'></script>
    zetaboards_3

Installation terminée. Vous pouvez maintenant utiliser Postimage sur votre site :

zetaboards

Options

Toutes les versions des plugins de site PostImage prennent en charge un certain nombre d’options pour personnaliser l’expérience utilisateur. La façon la plus simple de définir une option consiste à la spécifier dans l’adresse du plugin. Les options sont séparées par des tirets et peuvent être indiquées dans n’importe quel ordre. Par exemple, pour passer un plugin phpBB en allemand et préciser que toutes les images téléversées depuis le site sont adaptées à la famille, vous pouvez importer le plugin en modifiant la ligne appropriée pour qu’elle ressemble à ceci :

<script type="text/javascript" src="//mod.postimage.org/phpbb3-de-hotlink.js" charset="utf-8"></script>
Si une option d’un groupe n’est pas précisée, la valeur par défaut du groupe est utilisée. Les options suivantes sont actuellement prises en charge :

Taille de l’aperçu

  • thumb (par défaut) Utiliser de petites prévisualisations (jusqu’à 180x180px).
  • hotlink Utiliser de grandes prévisualisations (jusqu’à 1280px de large).

Langue

Le texte du bouton Postimage peut être affiché dans un certain nombre de langues prises en charge. Vous pouvez utiliser n’importe lequel des noms de langue suivants en option.

  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  

Avancé

Vous pouvez personnaliser des options telles que l’apparence du bouton PostImage en insérant une fonction postimage_customize() dans votre code JavaScript avant l’appel du plugin PostImage. La fonction devrait ressembler à ce qui suit : trois objets seront appliqués aux styles de l’icône, du lien et du conteneur. Vous pouvez y définir toutes les propriétés CSS dont vous avez besoin. 

<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 vous ne souhaitez pas remplacer les valeurs par défaut mais seulement modifier ou ajouter une option de style spécifique, votre fonction devrait probablement ressembler à ceci :
<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>

Support

Veuillez nous contacter si vous avez des problèmes ou des questions. Nous pouvons même vous aider à intégrer votre site gratuitement !