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

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

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

Какво е спойлер?

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

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

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

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

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

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

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

Спойлер за Joomla

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

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

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

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

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

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

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