Пожалуй, лучшая кнопочка на css, но есть НО

#1 19 июля 2020 в 09:06
Вчера на просторах ютуба встретил кнопочку на css, это просто невероятно. youtu.be/3RRgVHd2TXQ Раньше думал, такие вещи можно делать только с javascript, здесь же… порядка 160 строчек в css и кнопочка готова. Но есть одна проблема, после подключения css (в файле maim.tpl.php) данный css применяется ко всему шаблону, и всё разъезжается. Пытался обернуть всё это дело в style.css в селектор, типа #mybuttom { здесь css кнопочки }, а кнопочку обернуть в <div id="mybuttom">...</div> но так это не работает. css всё равно применяется ко всему шаблону. Спецы css, Хелп!
#2 19 июля 2020 в 09:49
Vladimir,
Сделайте виджет HTML.
Туда свой код. Виджет куда угодно.
#3 19 июля 2020 в 11:03

Сделайте виджет HTML.
Туда свой код. Виджет куда угодно.

Ris
Я и так вставляю кнопочку через виджет html, css подключаю к шаблону в файле maim.tpl.php, css копирую в папку css.

Или вы говорите про вложенный css? Он добавляется так <style> наш css</style>, но по идее в тег <head>. Тем не менее если это всё вставить через виджет html, то вся разметка на странице разъезжается.
#4 19 июля 2020 в 13:52
Два варианта, в зависимости от того, как "разметка разъезжается":

1. В коде кнопки не закрыли какой-то тег.
2. В стилях есть какой-то класс, который есть в верстке шаблона, и новыми стилями для этого селектора вы ломаете стили шаблона.

Покажите код (и кнопки и css), иначе вам вряд ли кто-то поможет.
#5 19 июля 2020 в 15:25


Покажите код (и кнопки и css), иначе вам вряд ли кто-то поможет.

Нифигаssе о-го-гошеньkи
В начале ссылку на ролик с кодом приводил, повторюсь youtu.be/3RRgVHd2TXQ

Вообщем разобрался, это с помощью класса нужно делать. По пунктам:
1. В css везде к заголовкам добавляем .mybuttom, к примеру
.mybuttom a {......}
, кроме заголовков начинающихся на @
2. Подключаем css в main.tpl.php
3. На сайте выводим с помощью виджета html, оборачиваем в div, к примеру <div class="mybuttom">...</div>
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.