Как сделать стили кнопок как в примере?

Alex62 14.01.2020 кнопки Стили (CSS), Ламерские вопросы 62

вопрос

Всем привет ребят подскажите как сделать стили кнопок а точнее разделители между кнопками ,хочу также сделать на моб. версии но не получается если кого не затруднит можно кусочек кода и стилей скинуть)Заранее всем спасибо кто откликнется

Ответа пока нет

8 комментариев

Юзер

368

deadluk - 2019-02-1214 января 2020 02:17 - #74391

посмотрите как там и сделайте так же. devtools в помощь) всё есть в браузере. ПКМ на нужны элемент > посмотреть код

Юзер

Alex62 - 2019-02-1214 января 2020 02:18 - #74392

я знаю,но там непонятные стили

Юзер

368

deadluk - 2019-02-1214 января 2020 02:21 - #74393

если в одну строчку, то ищите сервис где можно привести сжатые стили в читабельный вид. я выделил ключевое слово)

потом, ищете в стилях ctrl + f по значениям. если кнопка с классом btn-black_tea то пишите в поиск и ищите по коду, смотрите стили. они обычно рядом и понятное дело, что, если .btn-black_tea и .btn-black_tea:hover то всё это нужно вам, смотрим как там, правим.. лень писать код, скиньте и я вытащу их вам

Юзер

Alex62 - 2019-02-1214 января 2020 03:09 - #74394

не смог я даже вытащить всё,что то нашёл но чего то не хватает вот сайт этот
https://aff1.ru/servisy
там именно мобильная версия

Юзер

193

ТeraМoune - 2019-02-1214 января 2020 03:41 - #74396

Ничего там не мобильная, просто разные стили в зависимости от разрешения экрана.
А стили ну очень понятные и до жути банальные. Простой border-left c разными цветами. На элементе кнопки и внутреннем элементе.

Юзер

Alex62 - 2019-02-1214 января 2020 04:58 - #74403

это дураку понятно что стили имелось ввиду что меню нравится в версии для телефонов,а не в версии для пк. Кнопки сделал давно,а вот сами разделители не могу и тенью пробовал и бордер лефтом и другими,но так как там не получается

Юзер

193

ТeraМoune - 2019-02-1214 января 2020 06:32 - #74404

Там нету никакой магии и тем более шаблона версии для мобильных устройств, там есть адаптивная вёрстка. И эти два бордер стиля отвечают за разделитель между кнопками.


#s5_responsive {
    border-left: solid 1px #0B0B0B;
    width: 50px;
}

#s5_responsive span {
    border-left: solid 1px #272727;
}

Юзер

futbik - 2019-02-1214 января 2020 10:48 - #74405

https://aff1.ru/templates/spectrum/images/vertex/responsive/login_lightx2.png
https://aff1.ru/templates/spectrum/images/vertex/responsive/search_lightx2.png
https://aff1.ru/templates/spectrum/images/vertex/responsive/register_lightx2.png
https://aff1.ru/templates/spectrum/images/vertex/responsive/menu_lightx2.png

https://aff1.ru/templates/spectrum/css/core/s5_responsive_bars-min.css
https://tools.seo-zona.ru/beautify.html - Декомпрессор

Nesterovich2797 | Модуль ConfirmPhone - подтверждение номе ... ⁴

Nesterovich2797
Модуль ConfirmPhone - подтверждение номера телефона при регистрации и сброс нового пароля на телефон
Сегодня, 10:38

Добрый день. Не нашёл у вас на сайте где оставить отзыв, поэтому оставлю его здесь.
Моя мини история)
Мне необходимо было реализовать на сайте регистрацию с помощью телефона, без ввода e-mail/логин. На просторах интернета не было подобного готового решения. Я составил для себя необходимое ТЗ, опубликовал в стол заказов на данном сайте и получил пару откликов. Все предлагаемые решения меня не устраивали в плане цена/качество, так как у меня уже был на примете данный модуль, в котором уже реализована часть необходимого мне функционала и админ часть со всей необходимой статистикой.
Однако мне не хватало двух вещей:
1) Интеграция необходимого сервиса смс рассылок для Беларуси.
2) Восстановление пароля с помощью мобильного телефона.
Перед покупкой модуля, я обратился с просьбой внедрения сервиса смс рассылок. Продавец достаточно быстро дал положительный ответ и после покупки модуля в течении суток, без проблем, был интегрирован новый сервис смс рассылок.
Однако, для полной реализации запланированного мной функционала (регистрация пользователя с помощью номера телефона) не хватало функции восстановление пароля. Я обратился к разработчику и на что, получил положительный ответ. Мы пообщались о том как это должно выглядеть и через несколько дней, в модуль был внедрён новый функционал по восстановлению пароля.
Ещё раз большое спасибо автору. Рекомендую зайти к ним на сайт и ознакомиться с предлагаемыми модулями. Большая часть из них уникальна для DLE.
P. S. Так же обязательно у вас приобрету модуль MemberExtFields.
Nesterovich2797 | Как оптимальнее разделить новости по гор ... ⁷

Nesterovich2797
Как оптимальнее разделить новости по городам?
Сегодня, 08:24

Нет, в разы не проще, это естественно.
В предложенном вами вариант как потом отфильтровать пользователю новости из подкатегории авто со всех городов. Для этого нужно выбирать каждую подкатегорию по отдельности?

P. S. В моей версии с разными поддоменами такой функционал не возможен. Я сразу сказал, что это не совсем эстетичное решение)
maks | Как оптимальнее разделить новости по гор ... ⁷

maks
Как оптимальнее разделить новости по городам?
Сегодня, 08:21

Ага кучу сайтов сделать проще, чем кучу категорий! А так делают потому, что у этих городом свои местные администраторы и они уже там сами курируют, цены и тп. Чтобы не иметь доступ в другие регионы. В нашем случае лучше категории.
maks | Как оптимальнее разделить новости по гор ... ⁷

maks
Как оптимальнее разделить новости по городам?
Сегодня, 08:18

Ага кучу сайтов сделать проще, чем кучу категорий! А так делают потому, что у этих городом свои местные администраторы и они уже там сами курируют, цены и тп. Чтобы не иметь доступ в другие регионы. В нашем случае лучше категории.
Nesterovich2797 | Как оптимальнее разделить новости по гор ... ⁷

Nesterovich2797
Как оптимальнее разделить новости по городам?
Сегодня, 08:09

А как в таком случае поступить с реальными категориями?
Например будет такая структура
Москва (id 1)
- Авто (id 2)
- Спорт (id 3)
- Общество (id 4)
Санкт-Петербург (id 5)
- Авто (id 6)
- Спорт (id 7)
- Общество (id 8)
Пермь (id 9)
- Авто (id 10)
- Спорт (id 11)
- Общество (id 12)
Получается куча одинаковых подкатегорий для разных городов с разными id. Это как пример, что там у автора за подкатегории на самом деле, я затрудняюсь ответить. Пишу чисто из своего опыта.
Можно рассмотреть поддомены
moscow.sait.ru
spb.sait.ru
и т.д. не совсем эстетичное решение, но всё же есть сайты которые именно так и делают.
Rudoy | Вывести сниппет рейтинг ¹

Rudoy
Вывести сниппет рейтинг
Сегодня, 00:15

идет речь про поисковые системы
в валидаторе ошибок нет
но самого рейтинга тоже нет
Mau | Как сохранить cookie селекта после клика ... ¹

Mau
Как сохранить cookie селекта после клика на кнопку?
Вчера, 17:59

Благодарю!
LazyDev | Как сохранить cookie селекта после клика ...
LazyDev
Как сохранить cookie селекта после клика на кнопку?
Вчера, 14:55
```
$('body').on('click', '#ID_BUTTON', function() {
    $.cookie('remember_select', $('.select_class option:selected').val(), { expires: 90, path: '/'});
});
```
vitnet | Почему не обновляется капча ? ⁴

vitnet
Почему не обновляется капча ?
Вчера, 13:53

Проверь присутствует ли тег {AJAX} в main.tpl
kabota | Вы не можете выставлять оценку для своей ... ¹

kabota
Вы не можете выставлять оценку для своей собственной статьи. Как исправить?
Вчера, 13:28

Для DataLife Engine 13.3 можно тоже так сделать?
Только хотелось бы всё это сделать через систему плагинов в админпанели
Найти:
if( $allrate['user_id'] == $member_id['user_id'] ) {

$db->close();

echo "{\"error\":true, \"errorinfo\":\"{$lang['rating_error1']}\"}";
die();
}
Заменить на:
Что здесь указать?