Lytebox BBCode

[leschek]

Lytebox BBCode

Tento BBCode jsem začal tvořit na základě stejnojmenného kódu na phpBB3BBCodes, ale v podstatě z něho zůstal jen ten název.

Lytebox BBCode automaticky zmenší obrázek na nastavenou velikost a pak ho zobrazí pomocí Lyteboxu. Pokud se nahraje víc obrázků, tak lze přecházet z jednoho na druhý.

Návod

• Nejdřív si stáhněte Lytebox na stránce jeho vývojářů.

• Rozbalte stažený archiv a obsah složky (složku images, lytebox.js a lytebox.css) nahrajte na váš server do složky "skripty/lytebox/" (tyto složky tam budete muset vytvořit).

• Otevřít: styles/prosilver/template/overal_header.html
  
  Najít
  

  Code: Select all

  </head> 

  Vložit před
  

  Code: Select all

  <script type="text/javascript" language="javascript" src="skripty/lytebox/lytebox.js"></script>
  <link rel="stylesheet" href="skripty/lytebox/lytebox.css" type="text/css" media="screen" />

• Přejděte na Administraci fóra -> Přispívání -> Tagy BBCode -> Přidat nový BBCode a vložte následující
  
  Použití BBCode
  

  Code: Select all

  [lytebox={URL1}]{URL1}[/lytebox]

  HTML náhrada
  

  Code: Select all

  <a href="{URL1}" class="lytebox" data-lyte-options="group:fotky"><img style="border: 1px solid black;" src="{URL1}" alt="" width="200px" /></a>

  Poznámka: Pokud vám nevyhovuje velikost, změňte ji (width="200px") na jinou
  
  Nápověda
  

  Code: Select all

  [lytebox=http://adresafotky.jpg]http://adresafotky.jpg[/lyteshow] 
  Poznámka: Vložit 2x stejnou fotku 

Demo

[lytebox=http://fotonomad.cz/forum/userpix/2_Halong01_1.jpg]http://fotonomad.cz/forum/userpix/2_Halong01_1.jpg[/lytebox]