NeArtemkut Опубликовано 16 января, 2022 Поделиться Опубликовано 16 января, 2022 Я хочу сделать такие кнопки, но не понимаю как, помогите плиз Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
by_ix Опубликовано 16 января, 2022 Поделиться Опубликовано 16 января, 2022 ссылку, где увидели. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
NeArtemkut Опубликовано 16 января, 2022 Автор Поделиться Опубликовано 16 января, 2022 Только что, by_ix сказал: ссылку, где увидели. Закрылся форум уже Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
by_ix Опубликовано 16 января, 2022 Поделиться Опубликовано 16 января, 2022 by_ix где именно нужно? на сайте или на форуме? и иконка эта тоже нужна? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
NeArtemkut Опубликовано 16 января, 2022 Автор Поделиться Опубликовано 16 января, 2022 1 час назад, by_ix сказал: by_ix где именно нужно? на сайте или на форуме? и иконка эта тоже нужна? На форуме. Иконка не обязательно. Мне нужно такое оформление кнопки. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
NeArtemkut Опубликовано 18 января, 2022 Автор Поделиться Опубликовано 18 января, 2022 В 16.01.2022 в 21:20, by_ix сказал: by_ix где именно нужно? на сайте или на форуме? и иконка эта тоже нужна? Реально ли сделать такое на форуме? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Desti Опубликовано 18 января, 2022 Поделиться Опубликовано 18 января, 2022 В 16.01.2022 в 22:07, NeArtemkut сказал: Закрылся форум уже wayback maсhine всех помнит Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
by_ix Опубликовано 18 января, 2022 Поделиться Опубликовано 18 января, 2022 NeArtemkut не до конца понимаю, где именно они нужны такие. пробуйте так, скажете потом, что не нужно или что добавить. в custom.css .ipsNavBar_secondary > li[data-role="navBarItem"] { background: rgb(255, 255, 255); border-radius: 10px; color: black; max-height: 48px; border-bottom: 3px solid rgba(0, 0, 0, 0.38); } SlawkA 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Desti Опубликовано 18 января, 2022 Поделиться Опубликовано 18 января, 2022 3 минуты назад, by_ix сказал: border-bottom: 3px solid rgba(0, 0, 0, 0.38); там, скорее, shadow, а не border Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
NeArtemkut Опубликовано 19 января, 2022 Автор Поделиться Опубликовано 19 января, 2022 13 часов назад, by_ix сказал: NeArtemkut не до конца понимаю, где именно они нужны такие. пробуйте так, скажете потом, что не нужно или что добавить. в custom.css .ipsNavBar_secondary > li[data-role="navBarItem"] { background: rgb(255, 255, 255); border-radius: 10px; color: black; max-height: 48px; border-bottom: 3px solid rgba(0, 0, 0, 0.38); } Мне нужно заменить на эти кнопки, сделать их такими как на сайте reallyworld.ru Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
NeArtemkut Опубликовано 19 января, 2022 Автор Поделиться Опубликовано 19 января, 2022 @by_ix Возможно такое сделать? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
by_ix Опубликовано 19 января, 2022 Поделиться Опубликовано 19 января, 2022 NeArtemkut .ipsNavBar_primary.ipsLayout_container > .ipsClearfix > .ipsNavBar_active > a { background: white; border-radius: 12px; color: black; border-bottom: #e0e0e0 4px solid; padding: 0px 20px; line-height: 50px; } В 19.01.2022 в 00:18, Desti сказал: shadow border. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
NeArtemkut Опубликовано 19 января, 2022 Автор Поделиться Опубликовано 19 января, 2022 28 минут назад, by_ix сказал: NeArtemkut .ipsNavBar_primary.ipsLayout_container > .ipsClearfix > .ipsNavBar_active > a { background: white; border-radius: 12px; color: black; border-bottom: #e0e0e0 4px solid; padding: 0px 20px; line-height: 50px; } border Можно сделать красивое выделение? (Как показано выше в скринах( Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
by_ix Опубликовано 19 января, 2022 Поделиться Опубликовано 19 января, 2022 NeArtemkut что не так? как на скрине показано, так и сделано. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
NeArtemkut Опубликовано 19 января, 2022 Автор Поделиться Опубликовано 19 января, 2022 3 минуты назад, by_ix сказал: NeArtemkut что не так? как на скрине показано, так и сделано. Вот такое : Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
by_ix Опубликовано 19 января, 2022 Поделиться Опубликовано 19 января, 2022 В 17.01.2022 в 03:09, NeArtemkut сказал: Иконка не обязательно. изначально спросил у вас. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
NeArtemkut Опубликовано 19 января, 2022 Автор Поделиться Опубликовано 19 января, 2022 (изменено) 1 минуту назад, by_ix сказал: изначально спросил у вас. Тупанул я... Простите... Изменено 19 января, 2022 пользователем NeArtemkut Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
by_ix Опубликовано 19 января, 2022 Поделиться Опубликовано 19 января, 2022 NeArtemkut /* menu */ .ipsNavBar_primary.ipsLayout_container > .ipsClearfix > .ipsNavBar_active > a { background: white; border-radius: 12px; color: black; border-bottom: #e0e0e0 4px solid; line-height: 50px; } /* fa */ .ipsNavBar_primary.ipsLayout_container > .ipsClearfix > .ipsNavBar_active > a::before { font: normal normal normal 14px/1 FontAwesome; display: inline-block; background-color: #fc9404; color: #fff; -webkit-box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.25); box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.25); border-radius: 6px; text-align: center; font-size: 15px; padding: 8px 10px; margin-right: 10px; } /* site */ .ipsNavBar_primary.ipsLayout_container > .ipsClearfix > .ipsNavBar_active > a[data-navitem-id="16"]::before { content: "\f0ac"; } /* forum */ .ipsNavBar_primary.ipsLayout_container > .ipsClearfix > .ipsNavBar_active > a[data-navitem-id="1"]::before { content: "\f015"; } /* activity */ .ipsNavBar_primary.ipsLayout_container > .ipsClearfix > .ipsNavBar_active > a[data-navitem-id="2"]::before { content: "\f1ea"; } /* rules */ .ipsNavBar_primary.ipsLayout_container > .ipsClearfix > .ipsNavBar_active > a[data-navitem-id="17"]::before { content: "\f15c"; } Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
NeArtemkut Опубликовано 20 января, 2022 Автор Поделиться Опубликовано 20 января, 2022 14 часов назад, by_ix сказал: NeArtemkut /* menu */ .ipsNavBar_primary.ipsLayout_container > .ipsClearfix > .ipsNavBar_active > a { background: white; border-radius: 12px; color: black; border-bottom: #e0e0e0 4px solid; line-height: 50px; } /* fa */ .ipsNavBar_primary.ipsLayout_container > .ipsClearfix > .ipsNavBar_active > a::before { font: normal normal normal 14px/1 FontAwesome; display: inline-block; background-color: #fc9404; color: #fff; -webkit-box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.25); box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.25); border-radius: 6px; text-align: center; font-size: 15px; padding: 8px 10px; margin-right: 10px; } /* site */ .ipsNavBar_primary.ipsLayout_container > .ipsClearfix > .ipsNavBar_active > a[data-navitem-id="16"]::before { content: "\f0ac"; } /* forum */ .ipsNavBar_primary.ipsLayout_container > .ipsClearfix > .ipsNavBar_active > a[data-navitem-id="1"]::before { content: "\f015"; } /* activity */ .ipsNavBar_primary.ipsLayout_container > .ipsClearfix > .ipsNavBar_active > a[data-navitem-id="2"]::before { content: "\f1ea"; } /* rules */ .ipsNavBar_primary.ipsLayout_container > .ipsClearfix > .ipsNavBar_active > a[data-navitem-id="17"]::before { content: "\f15c"; } А как разместить кнопки рядом с логотипом, и чтобы было ровно все Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
NeArtemkut Опубликовано 20 января, 2022 Автор Поделиться Опубликовано 20 января, 2022 @by_ix Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
by_ix Опубликовано 20 января, 2022 Поделиться Опубликовано 20 января, 2022 переместить их туда в шаблоне. SlawkA 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.