Згодом популярні рішення обростають додатковими функціями, які не тільки збільшують розмір підвантажуваних скриптів, але і можуть містити шкідливий код.
Після використання різних варіантів я прийшов до думки, що власне рішення набагато краще і сьогодні розповім про це. Але спочатку я рекомендую Вам ознайомитися з інструкцією по установці шрифту Font Awesome - він буде задіяний в прикладі.
Онлайн-демо та вихідні коди даного прикладу Ви знайдете в кінці статті, а зараз по порядку приступимо до реалізації. Спершу переконайтеся, що на сайті використовується jQuery, в іншому випадку підключіть його, в WordPress це краще робити через файл functions.php:
За допомогою стилів оформимо наші кнопочки, задамо колір фону і тексту, додамо ефект при наведенні покажчика курсора миші. У style.css додамо наступний код:
Денис, привіт! Довго чекав цього уроку! Відмінний варіант для кнопок.
Хотів запитати твоя думка. У розмітці ти для кнопок використовував тег посилання чи не краще було використовувати тег кнопки? Цікаво твою думку, я в останньому проекті теж робив розмітку через посилання, а пізніше вже задумався може використовувати тег кнопки.
Привіт Сергій! В принципі особливої різниці немає, але навскидку можу припустити які можуть виникнути казуси при використанні
Тобто браузери мають властивість застосовувати свої розміри до елементів форм, кольору, кордону, змінювати стилі при взаємодії. Інших особливостей не бачу, можна використовувати як . так і
Webliberty, з точки зору валідації я перевіряв, все ок. З точки зору працездатності теж. Питання виникло у мене тільки через правильність використання тегів.
Дякую за твою думку.
Скажіть будь ласка, а чи можна біля кожної соц.кнопкі зробити лічильник? У мене зараз так реалізовано, але на некрасивих кнопках. Дуже зручно - видно скільки разів натискали. Дякуємо.
Дмитро, в даному варіанті не передбачені лічильники. Якщо Вам необхідний такий функціонал і є готова реалізація, то простіше змінити дизайн і зробити кнопки красивими за допомогою CSS, а за основу взяти приклад зі статті.