Напевно багатьом вдалося побачити на сайті напівпрозорі кнопки, картинки або ж щось ще, але при наведенні прозорість йшла, красиво, чи не так. Для тих, хто не зрозумів, дивіться вниз на нашому сайті, у нас якраз застосований даний ефект. У цій статті Ви навчитеся створювати прозорі банери, кнопки і інших форми на сайті за допомогою CSS ефектів.
Даний ефект можна застосувати на будь-якому движку, розглянемо як це зробити ще й на таких двигунах, як WordPress, Joomla і Drupal.
Почнемо з простого. Отже, по-перше потрібно взяти той код форми або картинки, до якої хочемо застосувати цей ефект і укладаємо його таким чином:
Ось і все Роботи на 3 хвилини, а ефект виходить досить гарний.
Як не дивно, але на WP все робиться максимально швидко. Знаю з власного досвіду. Отже, робимо те ж саме. Як правило всі кнопки, лічильники та інше розташовуються в віджети (Зовнішній вигляд> віджети). Знаходимо потрібний віджет, відкриваємо і обертаємо в код, як зробили це в першому пункті.
Заходимо в вкладку «Розширення»> «Менеджер шаблонів», натискаємо по шаблону, який використовується. Натискаємо кнопку «Редагувати HTML». Після шукаємо потрібний код і обертаємо його як в пункті 1.
Далі шукаємо Style.css і додаємо код з пункту 2.
В адмін панелі Drupal йдемо Структура> Блоки
Користувачі не знайдені