КомпютриПрограмиране

Как да си направим спойлер. опции

В желанието си да създадат сайтове вече са много. Най-много потребители ще научат това сами по себе си, като се използват различни източници. И, разбира се, има и концепции, които бъдещите собственици дори не са чували за. Но ако го имам за работа, е необходимо да го проучи внимателно. Следователно, въпросът ще бъде разгледан по-подробно в статията за това как да се направи спойлер на ресурса.

Започваме, разбира се, с самата идея за какво е и какво е необходимо на обекта. Така че, доста често в сайтовете представи различен вид информация, която (по различни причини) трябва да бъде първоначално скрити от посетителите. Това не е, че той не се появи, а просто да се осигури само по желание. Ето един спойлер в HTML точно за тази цел и да се използва. Тя запазва оригиналния скрито съдържание на сайта. Но това не променя класирането на ресурса от търсачките, така че за тях, този дизайн е отворен и не се наблюдава отрицателното въздействие. Всяка скрита информация се разкрива, когато кликнете върху линка по-горе.

Освен това, как да се направи спойлер, така че много интересно, и с каква цел се прави? По-често, отколкото външния ресурс красота. Вземете, например, сайт, чийто дизайн на главната страница не е подходящ за голям текст. И собственикът трябва да бъде да търсачките насърчаване на ресурсите, така че съдържанието трябва да е обемист (член размер може да играе значителна роля). Тук идва в създаването на спойлер. И все пак неговата употреба е подходящ за скриване на спомагателната информация, или че не винаги искате да прочетете.

Не всеки иска да ги прочете, но те не могат да избягат. Има начин да се помогне за предпазване на потребителите от тази измислица. Това е създаването на бутон, който се крие някакъв вид спойлер на форума, статия и т.н. Създаване тя може да бъде по-различно. Най-лесният начин да се използва HTML-код вход клас = "бутон" на. Първоначално, само трябва да се уверите, че когато добавяте информация можете да поставяте код, и ако е така, бутонът ще започне да работи веднага след включването на текста на правилното място.

Тази версия е подходяща за сайта, създаден на Ucoz. Но дори и след като бутонът може да не работи, тъй като изисква допълнително конфигуриране. На първо място - това е нейният външен вид. След това - идентификационен код, който трябва да бъде уникален. И накрая, в кода на страницата, където искате материала преди етикета се добавя към скрипта, който е отговорен за правилното функциониране на един бутон. Важно е да го поставите, а не само знаят как да се направи спойлер.

Сега анализираме една и съща функция, но само за сайта е направил за WordPress. Най-лесният начин е да се използва Advanced спойлер плъгин, който е лесно да се изтегли от много ресурси. инсталация му е стандартен:

- разопаковате архива на вашия компютър;

- връзка към сайта с помощта на FTP-клиент (най-популярната - Total Commander);

- качвате файлове на вашия хостинг;

- в сайта на администратор, търси раздел "приставки - неактивен" и да активирате новоинсталираните. След изпълнен, той ще започне да работи. Сега, чрез добавяне на материал във всеки редактор, както по визуални и в HTML, ще се вижда бутон «спойлер». Добавянето на необходимата информация между маркерите [спойлер] [/ спойлер] и създава спойлер. Ако собственикът е добре запознат, щепселът може да бъде малко по-преконфигурира.

И един от начините да направите спойлер на сайта. На първо място е необходимо да се свържете JQuery библиотеката и така наречените "Pribluda» JS, който е необходим, за да се спойлер гънки и се развива повече или по-малко гладко. От дясната страница на сайта, в административния панел, необходимия код е поставен между маркерите. В непосредствена близост до функцията по подразбиране е затворена, в CSS-файл, за да добавите един ред .splCont {дисплей: няма; подложка: 3px 5px;}. Ако има такъв документ, че не е толкова страшно. Надписът може да се постави навсякъде в дясно в текста, най-важното - да се поставянето на спойлера. И накрая ... слагам себе си между информация крие код.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 bg.atomiyme.com. Theme powered by WordPress.