muzruno.com

Защо ми е нужен HTML спойлер?

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

Пример за спойлерКакво е спойлер?

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

Търсачките виждат скрития текст, което не пречи на класирането на класирането на ресурса. Често спойлерите се използват за скриване на допълнителна информация, която не е от интерес за всички. Има готови приставки за spoilers и можете да разработите кода си с определен стил, подходящ за дизайна на даден сайт.

Пример за спойлер

Нека да разберем как да направим HTML кода на спойлера. Кодът, който виждате по-долу, трябва да бъде поставен между главните маркери на вашия HTML файл, ако искате да използвате вашия спойлер на няколко страници от интернет ресурса. В случай, че трябва да го приложите само на една конкретна страница, можете да поставите кода между маркерите на тялото.

спойлер htmlГлавата и тялото на спойлера изглеждат така:



html код на спойлераОсновното нещо е направено, но досега нашият спойлер няма да работи напълно. Факт е, че съдържанието на нашия спойлер HTML остава винаги отворено. За да поправите това, ви е необходим CSS. Добави:

маркер за спойлерАко направите всичко, както е описано тук, направете работещ дизайн.

Спойлер за Joomla

За да го направите например в Joomla, можете да използвате плъгин, наречен Core Design Spoiler. Не забравяйте и Core Design Scriptegrator, който зарежда всички необходими библиотеки. Изтеглете ги от разработчиците от официалните сайтове, след което включете всичко в Plug-in мениджъра. За да поставите спойлер, който крие текста, прикрепете необходимия фрагмент от статията в маркера на спойлера ([спойлер]). В настройките можете да изберете външния му вид. То може да бъде бутон или проста връзка. Също така, условията за разкриването му са зададени: чрез кликване или в момента, в който потребителят задържа курсора.Спойлер за Joomla

В този маркер има три параметъра:

  • Заглавието ви позволява да посочите заглавието си в кавички.
  • Действието ви позволява да изберете действието, което отваря спойлера.
  • Елементът определя вида на спойлера (връзка - връзка и бутон - бутон).

Вътре в маркера на спойлера можете да използвате текст с HTML тагове.

Спойлер - удобен инструмент, той се използва широко в различни блогове, форуми. Съгласете се, че е добре да скриете онези части от страницата, които го претоварват. Подобрете външния вид на вашия сайт, тъй като много хора го харесват.

Споделяне в социалните мрежи:

сроден