Як оформити 3 види коментарів на сайті

Як оформити 3 види коментарів на сайті

Насправді, я побачив таке на одному з сайтів. Чесно, не знаю як власник організував це, але я вирішив зробити наступним чином

Як оформити 3 види коментарів на сайті

Установка плагіна Універсального jQuery-скрипт для блоків з вкладками

Для того, щоб організувати систему табів у себе на сайті я використовував плагін Дімокса. Завантажити можна в кінці цієї статті.

Мені сподобався цей плагін з кількох причин:

  • він дозволяє створювати необмежену кількість вкладок в межах одного блоку, при цьому немає необхідності нумерувати вкладки за допомогою CSS-класів
  • можна створити скільки завгодно таких блоків з вкладками знову ж без необхідності нумерувати ці блоки через CSS-класи;
  • вміст jQuery-скрипта. реалізує вкладки, залишається незмінним (всього 0,4 кілобайт), тобто НЕ розростається в залежність від кількості блоків або вкладок
  • запам'ятовується активна вкладка після перезавантаження сторінки
  • встановлення модулів відбувається ручками

Викачуємо плагін і разархивируем. Нам необхідний файл tabs.js Можете подивитися приклад через файл index.html. Якщо у Вас wordpress відкриваємо для редагування файл header.php і вставляємо між тегами

..
Наступного код:

У першому рядку ми підключили сам файл tabs.js (закачайте його попередньо в папку js вашої поточної теми), у другому рядку підключений сам фреймворк Jquery взятий у google в користування.

Для наведення краси, а також щоб приховати непотрібні блоки вставимо в css файл наступний стиль:

Тут уже включається Ваша фантазія на оформлення, а краще йдіть квітам Вашого дизайну. Ось мій код:

Заходимо на свій сайт і милуємося. І так, не забудьте поділиться статтею зі своїми друзями

Постовий: Шукайте dofollow блоги. Тоді ця добірка для Вас.