Image Upload Mod für SMF

Dieses Mod fügt ein Werkzeug hinzu, um Bilder schnell hochzuladen und an Beiträge anzuhängen. Bilder werden auf unsere Website hochgeladen, sodass Sie sich keine Sorgen um Speicherplatz oder die Konfiguration des Webservers machen müssen. Wenn ein Bild über die Schaltfläche dieses Mod's hochgeladen wird, wird automatisch BBCode für eine Miniaturansicht und einen Link zum Originalbild erzeugt und in den Beitrag eingefügt.

Erweiterung herunterladen

Installationsanleitung

  1. smf21_1

  2. smf21_2

  3. smf21_3

  4. smf21_4

  5. smf21_5

Installation abgeschlossen. Sie können Postimage nun auf Ihrer Website verwenden:

smf21
  1. smf20_1

  2. smf20_2

  3. smf20_3

  4. smf20_4

  5. smf20_5

Installation abgeschlossen. Sie können Postimage nun auf Ihrer Website verwenden:

smf20
  1. smf11_1

  2. smf11_2

  3. smf11_3

Installation abgeschlossen. Sie können Postimage nun auf Ihrer Website verwenden:

smf11

Optionen

Alle Versionen der PostImage Website Plugins unterstützen eine Reihe von Optionen zur Anpassung des Nutzererlebnisses. Am einfachsten legen Sie eine Option fest, indem Sie sie in der Adresse des Plugins angeben. Optionen werden durch Bindestriche getrennt und können in beliebiger Reihenfolge angegeben werden. Um beispielsweise ein phpBB Plugin auf Deutsch zu schalten und festzulegen, dass alle von der Website hochgeladenen Bilder familienfreundlich sind, können Sie das Plugin importieren, indem Sie die entsprechende Zeile wie folgt bearbeiten:

<script type="text/javascript" src="//mod.postimage.org/phpbb3-de-hotlink.js" charset="utf-8"></script>
Wenn eine Option einer Gruppe nicht angegeben ist, wird der Standardwert für die Gruppe verwendet. Derzeit werden folgende Optionen unterstützt:

Vorschaugröße

  • thumb (Standard) Kleine Vorschauen verwenden (bis zu 180x180px groß).
  • hotlink Große Vorschauen verwenden (bis zu 1280px Pixel breit).

Sprache

Der Text der Postimage-Schaltfläche kann in einer Anzahl unterstützter Sprachen angezeigt werden. Sie können jeden der folgenden Sprachnamen als Option verwenden.

  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  

Erweitert

Sie können Optionen wie das Erscheinungsbild der PostImage Schaltfläche anpassen, indem Sie eine postimage_customize() Funktion in Ihren JavaScript-Code vor dem Aufruf des PostImage Plugins einfügen. Die Funktion sollte wie unten gezeigt aussehen: Es gibt drei Objekte, die auf die Stile des Symbols, des Links und des Containers angewendet werden. Dort können Sie beliebige benötigte CSS-Eigenschaften setzen. 

<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>
Wenn Sie die Standardwerte nicht überschreiben, sondern nur eine bestimmte Stiloption ändern oder hinzufügen möchten, sollte Ihre Funktion wahrscheinlich so aussehen:
<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

Bitte kontaktieren Sie uns, wenn Sie Probleme oder Fragen haben. Wir können Ihnen sogar kostenlos bei der Integration Ihrer Website mit uns helfen!