Доброго времени суток 🙂
Нещодавно мені замовили додати на сайт WordPress таби або панель вкладок, як кому завгодно. При натисканні на такий дам, користувач перемикається на на вікна без перезавантаження сторінки. Приклад можна подивитися внизу даної статті або на сторінці будь-якого фільму перемикаючи між фільмом і трейлером Тут. Це повинно було здійснитися без підключення плагінів.
І так приступимо.
1. Html код
Для початку потрібно зробити розмітку.
2.Подключеніе Java
У файл footer.php перед закриває тегом body додаємо ось цей код:
3.Стілі CSS
Додаємо стилі в наш файл стилів, наприклад style.css
Якщо все зроблено правильно, то маємо отримати так.
Всередині, замість тексту можете помістити все що завгодно.
На цьому все. Дякую за увагу 🙂
Привіт, Валерій. У Вашому прикладі - це не таби, це просто перехід по закладках. Якщо ви перейдіть, то помітите, що все закладки вже відзначені зеленим. Найпростіший спосіб закладок, це робити посилання і і в шляху вказати спочатку грати, а потім id потрібного блоку, до якого потрібно перейти, наприклад
Закладка1
Далі прописуємо сам блок і задаємо йому той же id
Такий перехід буде моментальним. Щоб зробити плавну анімацію треба ще пошукати і додати потрібний скрипт jQuery. Я вже давно хочу написати статтю про плавний перехід по якорів, все ніяк руки не доходять.
Привіт дорогий друже
У тебе встановлено розширення AdBlock або подібне. Додай мій сайт в білий список, і тим самим внесеш свій внесок в його розвиток. Інструкція як відключити AdBlock Хочу й собі віконце