Module de téléversement d’images pour SMF

Ce module 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 ce module, un BBCode pour une vignette et un lien vers l’image originale est automatiquement généré et inséré dans le message.

Télécharger l’extension

Instructions d’installation

• Sélectionnez la version de SMF
• 2.1
• 2.0
• 1.1

---

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 (Galerie par défaut) Utilisez de petits aperçus (jusqu'à 180 × 180px).
• hotlink Utilisez de grands aperçus (jusqu'à 1280px pixels 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 langues suivants en option.

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 !