Kuinka Piiloutua Spoilerin Alle

Sisällysluettelo:

Kuinka Piiloutua Spoilerin Alle
Kuinka Piiloutua Spoilerin Alle

Video: Kuinka Piiloutua Spoilerin Alle

Video: Kuinka Piiloutua Spoilerin Alle
Video: Siirtyminen. Löysin setäni talosta jotain pelottavaa. Gerald Durrell 2024, Marraskuu
Anonim

Verkkosivujen asettelun spoilereita käytetään piilottamaan osa kattavasta tekstistä, kuvasta tai muusta sivun sisällöstä linkin taakse. Tee spoileri Joomlassa käyttämällä erityistä laajennusta.

Kuinka piiloutua spoilerin alle
Kuinka piiloutua spoilerin alle

Ohjeet

Vaihe 1

Etsi ja asenna Core Design Spoiler -laajennus Joomla-lisäosahakemistosta. Oikean toiminnan takaamiseksi tarvitset myös Core Design Scriptegrator -laajennuksen, joka lataa automaattisesti JS-kirjastot (Highslide, jQuery ja muut). Asennuksen jälkeen ota molemmat lisäosat käyttöön Plugin Managerin kautta.

Vaihe 2

Nyt voit lisätä piilotettua sisältöä sisältävän spoilerin käärimällä sen [spoileri] -tagiin. Tällainen tunniste voidaan lisätä tavallisten Joomla-artikkeleiden lisäksi myös luettelokomponenttien materiaaleihin, esimerkiksi K2, ZOO, FLEXIcontent jne.

Vaihe 3

Valitse, kuinka spoileri näkyy laajennuksen asetuksissa. Se voi olla joko yksinkertainen linkki tai painike. Määritä myös tila, jossa spoileri avautuu - kun napsautat tai viet hiiren osoitinta.

Vaihe 4

Määritetyn menetelmän lisäksi mikä tahansa parametreista voidaan määrittää manuaalisesti [spoileri] -tagissa. Spoileri voidaan asettaa elementtiparametrilla, joka määrittää linkkin arvon linkkinä näytettäväksi tai painikkeen painikkeen.

Vaihe 5

Toiminto, jossa spoileri paljastetaan, voidaan määrittää toimintoparametrin kautta, jolle on kelvollisia arvoja (leijuva) tai napsautus (napsautus). Ainutlaatuinen spoileriotsikko voidaan luoda käyttämällä parametria Title, joka määrittää vaaditun arvon lainausmerkeissä.

Vaihe 6

Esimerkiksi, jos sinun on tehtävä spoileri otsikolla "Lue tarinan jatko", joka avataan napsauttamalla otsikkotekstin linkkiä, käytä seuraavaa tagia: [spoiler title="Lue jatkoa tarina "action =" click "element =" link "]

Vaihe 7

Aseta tämän tunnisteen jälkeen teksti tai kuva, jonka haluat piilottaa, ja "sulje" spoileri tagilla: [/spoiler]

Suositeltava: