Mod przesyłania obrazów dla FluxBB

Ten mod dodaje narzędzie do szybkiego przesyłania obrazów i dołączania ich do postów. Obrazy są przesyłane na naszą stronę, więc nie musisz martwić się przestrzenią dyskową ani konfiguracją serwera WWW. Gdy obraz zostanie przesłany przyciskiem tego modułu, automatycznie generowany jest BBCode z miniaturką i linkiem do oryginału, a następnie wstawiany do posta.

Instrukcja instalacji

  1. Otwórz plik do edycji:
    header.php
  2. Znajdź wiersz 98. Powinien wyglądać tak:
    </title>
  3. Dodaj poniższy kod po tym wierszu:
    <script type="text/javascript" src="//mod.postimage.org/fluxbb.js" charset="utf-8"></script>

Instalacja zakończona. Możesz teraz używać Postimage na swojej witrynie:

fluxbb

Pobierz mod ze strony FluxBB (opcjonalnie)

  1. Otwórz plik do edycji:
    header.php
  2. Znajdź wiersz 86. Powinien wyglądać tak:
    </title>
  3. Dodaj poniższy kod po tym wierszu:
    <script type="text/javascript" src="//mod.postimage.org/fluxbb.js" charset="utf-8"></script>

Instalacja zakończona. Możesz teraz używać Postimage na swojej witrynie:

fluxbb

Pobierz mod ze strony FluxBB (opcjonalnie)

Opcje

Wszystkie wersje wtyczek strony PostImage obsługują szereg opcji dostosowania doświadczeń użytkownika. Najłatwiej ustawić opcję, podając ją w adresie wtyczki. Opcje są oddzielone myślnikami i mogą być podane w dowolnej kolejności. Na przykład, aby przełączyć wtyczkę phpBB na język niemiecki i określić, że wszystkie obrazy przesyłane ze strony są przyjazne rodzinie, możesz zaimportować wtyczkę, edytując odpowiednią linię tak, aby wyglądała następująco:

<script type="text/javascript" src="//mod.postimage.org/phpbb3-de-hotlink.js" charset="utf-8"></script>
Jeśli opcja z danej grupy nie zostanie podana, używana jest wartość domyślna dla tej grupy. Obecnie obsługiwane są następujące opcje:

Rozmiar podglądu

  • thumb (domyślnie) Użyj małych podglądów (do 180x180px).
  • hotlink Użyj dużych podglądów (o szerokości do 1280px pikseli).

Język

Tekst przycisku Postimage może być wyświetlany w wielu obsługiwanych językach. Jako opcję możesz użyć dowolnej z poniższych nazw języków.

  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  

Zaawansowane

Możesz dostosować opcje, takie jak wygląd przycisku PostImage, wstawiając funkcję postimage_customize() do swojego kodu JavaScript przed wywołania wtyczki PostImage. Funkcja powinna wyglądać jak poniżej: są trzy obiekty stosowane do stylów ikony, linku i kontenera. Możesz ustawić tam dowolne potrzebne właściwości CSS. 

<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>
Jeśli nie chcesz nadpisywać wartości domyślnych, a jedynie zmodyfikować lub dodać konkretną opcję stylu, Twoja funkcja powinna wyglądać mniej więcej tak:
<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>

Wsparcie

Prosimy, skontaktuj się z nami, jeśli masz jakiekolwiek problemy lub pytania. Możemy nawet bezpłatnie pomóc Ci zintegrować Twoją stronę z nami!