Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Стили (CSS) » Как сделать стили кнопок как в примере?

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


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

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


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


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

deadluk
Юзер

deadluk - 14 января 2020 02:17 -

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

Alex62
Юзер

Alex62 - 14 января 2020 02:18 -

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

deadluk
Юзер

deadluk - 14 января 2020 02:21 -

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

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

Alex62
Юзер

Alex62 - 14 января 2020 03:09 -

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

ТeraМoune
Юзер

ТeraМoune - 14 января 2020 03:41 -

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

Alex62
Юзер

Alex62 - 14 января 2020 04:58 -

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

ТeraМoune
Юзер

ТeraМoune - 14 января 2020 06:32 -

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

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

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

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх