Ефективни раздели за сайта
В края на тази статия можете да видите пример за този скрипт в действие и да изтеглите всички изходни файлове, които са ви необходими, за да го инсталирате на вашия сайт. След това ще опишем подробни инструкции за инсталиране на този скрипт. И така, да започваме.
Свързване на скриптове за раздели
В HTML кода на страницата трябва да включите готовия файл на този скрипт и скрипта на различните ефекти, които са включени в изходния код. За да направите това, качете файлаtabulous.js през FTP в папката с вашите скриптове, ако има такава, посочете пътя до този файл. Ако няма такава папка, създайте папка, наречена „js“ в основната директория на вашия сайт и поставете файла със скрипта там. След това след маркера HEAD добавете следния код, след като замените думите „вашият сайт“ с URL адреса на сайта:
важно! Не забравяйте да включите jQuery библиотеки. Много използват библиотеки от сървъра на Google. За да направите това, на същото място във вашия HTML код вмъкнете следните редове:
Това се прави веднъж завинаги и следващия път, когато свържете други скриптове, няма да е необходимо да правите това.
Включително CSS стилове за раздели
За да могат нашите раздели (раздели) да приемат поне някаква форма, трябва да включим CSS стилове. За да направите това, качете файла tabulous.css от архива чрез FTP в папката, където се намират стиловете на вашия сайт, променете пътя до него и добавете ред със следния код:
И така, свързахме всички скриптове и стилове, сега трябва да вмъкнем основния HTML код на разделите, който ще отговаря за показването на нашите раздели (раздели) на сайта.
Добавяне на раздели към сайта
След тага BODY, на мястото, където ще се намират нашите раздели, добавете следния HTML код:
Промяна на броя раздели (раздели)
За да добавите или премахнете раздели, направете следното:
- На мястото, където е написано името на разделите, просто изтрийте разделите, които не ви трябват. Не забравяйте в този случай да изтриете съдържанието, свързано с този раздел.
Съвместимост на раздели (табове) с браузъри
Тестван на Opera, Firefox, Mozilla, Chrome.