#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.
Туда свой код. Виджет куда угодно.
Сделайте виджет HTML.
Туда свой код. Виджет куда угодно.
#3
19 июля 2020 в 11:03
Я и так вставляю кнопочку через виджет html, css подключаю к шаблону в файле maim.tpl.php, css копирую в папку css.Сделайте виджет HTML.
Туда свой код. Виджет куда угодно.
Или вы говорите про вложенный css? Он добавляется так <style> наш css</style>, но по идее в тег <head>. Тем не менее если это всё вставить через виджет html, то вся разметка на странице разъезжается.
Сегодня в 11:41
#4
19 июля 2020 в 13:52
Два варианта, в зависимости от того, как "разметка разъезжается":
1. В коде кнопки не закрыли какой-то тег.
2. В стилях есть какой-то класс, который есть в верстке шаблона, и новыми стилями для этого селектора вы ломаете стили шаблона.
Покажите код (и кнопки и css), иначе вам вряд ли кто-то поможет.
1. В коде кнопки не закрыли какой-то тег.
2. В стилях есть какой-то класс, который есть в верстке шаблона, и новыми стилями для этого селектора вы ломаете стили шаблона.
Покажите код (и кнопки и css), иначе вам вряд ли кто-то поможет.
#5
19 июля 2020 в 15:25
В начале ссылку на ролик с кодом приводил, повторюсь youtu.be/3RRgVHd2TXQ
Покажите код (и кнопки и css), иначе вам вряд ли кто-то поможет.
Вообщем разобрался, это с помощью класса нужно делать. По пунктам:
1. В css везде к заголовкам добавляем .mybuttom, к примеру
.mybuttom a {......}
, кроме заголовков начинающихся на @
2. Подключаем css в main.tpl.php
3. На сайте выводим с помощью виджета html, оборачиваем в div, к примеру <div class="mybuttom">...</div>