Kako napraviti spoiler. opcije

Puno je ljudi koji žele stvoriti web stranice. Većina korisnika to uči sami, koristeći različite izvore. I, naravno, postoje pojmovi koji budućni vlasnici nisu ni čuli. Ali ako ste uzeli slučaj, onda ga morate temeljito proučiti. Stoga će članak detaljno razmotriti pitanje kako napraviti spoiler na svom resursu.

Započeli smo, naravno, s samim konceptom onoga što je i zašto je taj objekt potreban. Dakle, vrlo često na web stranicama postoje informacije raznih vrsta, koje (iz raznih razloga) treba u početku biti skrivene od posjetitelja. To jest, ne da se uopće ne prikazuje, već jednostavno pružiti samo po volji. Ovdje je spoiler u html samo za to i koristi se. Sprema izvorno skriveni sadržaj za web mjesto. Ali to se ne odražava na rangiranje resursa tražilicama, jer je za njih ovaj dizajn otvoren i nema negativnog utjecaja. Svaki skriveni podatak otkriva se kada kliknete na navedenu vezu.

Osim toga, kako napraviti spoiler, to je vrlo zanimljivo za mnoge, i za koju svrhu je učinio? Najčešće za vanjsku ljepotu resursa. Uzmi, na primjer, web mjesto, čiji dizajn na glavnoj stranici ne sadrži plasman velikog teksta. I vlasnik treba tražilice za promicanje resursa, tako da sadržaj treba biti velik (veličina članka može igrati značajnu ulogu). Stoga stvaranje spoiler dolazi u spašavanje. Ipak, njegova uporaba će pristupiti sakriti pomoćne informacije, ili da ne bi bilo poželjno čitati.

Ne svatko ih želi čitati, ali ne može pobjeći od njih. Postoji način koji će pomoći u zaštiti posjetitelja iz ove fikcije. Ovo je stvaranje gumba koji skriva bilo kakav spojler na forumu, u članku, itd. Možete ga stvoriti na različite načine. Najlakši način je da koristite html code input class = "gumb". Prvo trebate biti sigurni da prilikom dodavanja informacija podržava umetanje koda, a ako je tako, gumb će odmah početi raditi nakon umetanja teksta na željeno mjesto.

Ova verzija prikladna je za web mjesto stvorenu na Ucozu. No, čak i nakon instalacije, gumb možda neće funkcionirati, jer zahtijeva dodatne postavke. Prije svega, ovo je njegov izgled. Zatim, identifikator, koji mora biti jedinstven. I konačno, u kôdu stranice, gdje se materijal treba nalaziti, dodana je skripta prije oznake koja je odgovorna za ispravan rad gumba. Važno je pravilno postaviti, a ne samo znati napraviti spoiler.

A sada ćemo analizirati ovu funkciju, ali samo za web mjesto, napravljeno za WordPress. Najlakši je način koristiti dodatak Advanced Spoiler koji se lako preuzima iz mnogih resursa. Njegova instalacija je standardna:

- raspakiranje arhive na vašem računalu;

- povezivanje s web stranicom pomoću FTP klijenta (najpopularniji je Total Commander);

- učitavanje datoteke na svoj hosting;

- u području administracije web mjesta tražimo odjeljak "Dodaci - neaktivni" i aktiviramo novo instaliran. Nakon izvršenih radnji, ona će početi raditi. Sada, dodavanje materijala u bilo kojem uredniku, kako u vizualnom tako iu HTML obliku, gumb "Spoiler" bit će vidljiv. Dodavanje potrebnih informacija između oznaka [spoiler] [/ spoiler] i stvaranja spoilera. Ako je vlasnik dobro poznat, dodatak se može malo preoblikovati.

I još jedan način kako napraviti spoiler na mjestu. Prije svega, trebate spojiti jQuery knjižnicu i takozvani "pribluda" JS, koji je potreban da se spojler sklizne i razvije više ili manje glatko. Na željenoj stranici stranice, na administrativnoj ploči, potreban kôd nalazi se između oznaka. Nadalje, kako bi funkcija bila zatvorena prema zadanim postavkama, .splCont {display: none; padding: 3px 5px; Ako nema takvih dokumenata, nije tako zastrašujuće. Natpis se može postaviti bilo gdje u samom tekstu, što je najvažnije - prije stavljanja samog spoiler. I, konačno, između ... koda za skrivanje informacija je postavljen.