Ako Sa Schovať Pod Spojler

Obsah:

Ako Sa Schovať Pod Spojler
Ako Sa Schovať Pod Spojler

Video: Ako Sa Schovať Pod Spojler

Video: Ako Sa Schovať Pod Spojler
Video: Инструкция по установке спойлера для Pro Ceed / Instructions for installing spoiler for Kia Pro Ceed 2024, November
Anonim

Spojlery v rozložení webových stránok sa používajú na vizuálne skrytie časti objemného textu, obrázka alebo iného obsahu stránky za odkazom. Ak chcete vytvoriť spoiler v Joomle, použite špeciálny plugin.

Ako sa schovať pod spojler
Ako sa schovať pod spojler

Inštrukcie

Krok 1

V adresári doplnkov Joomla vyhľadajte a nainštalujte doplnok Core Design Spoiler. Pre správnu činnosť budete tiež potrebovať doplnok Core Design Scriptegrator, ktorý automaticky načíta knižnice JS (Highslide, jQuery a ďalšie). Po inštalácii povoľte oba doplnky pomocou Správcu doplnkov.

Krok 2

Teraz môžete pridať spojler so skrytým obsahom zabalením do značky [spoiler]. Takúto značku je možné pridať nielen do bežných článkov Joomla, ale aj do materiálov katalógových komponentov, napríklad v K2, ZOO, FLEXIcontent atď.

Krok 3

V nastaveniach doplnku vyberte spôsob, akým sa spoiler zobrazuje. Môže to byť buď jednoduchý odkaz, alebo tlačidlo. Zadajte tiež podmienku, za ktorej sa spojler otvorí - keď kliknete alebo umiestnite kurzor myši.

Krok 4

Okrem zadanej metódy je možné určiť ktorýkoľvek z parametrov aj manuálne, v značke [spoiler]. Spojler je možné nastaviť pomocou parametra prvku, ktorý určuje hodnotu odkazu pre zobrazenie ako odkaz alebo tlačidlo pre tlačidlo.

Krok 5

Akciu, pri ktorej sa odhalí spojler, je možné určiť pomocou parametra akcie, pre ktorý existujú platné hodnoty vznášať sa (pri vznášaní) alebo kliknúť (pri kliknutí). Jedinečný nadpis spojlera je možné vytvoriť pomocou parametra Title, ktorý špecifikuje požadovanú hodnotu v úvodzovkách.

Krok 6

Ak napríklad potrebujete vyrobiť spojler s názvom „Prečítajte si pokračovanie príbehu“, ktorý sa otvorí kliknutím na odkaz s textom názvu, použite nasledujúcu značku: [spoiler title="Prečítajte si pokračovanie príbeh "action =" click "element =" link "]

Krok 7

Za túto značku umiestnite text alebo obrázok, ktorý chcete skryť, a potom „zatvorte“spojler značkou: [/spoiler]

Odporúča: