Densv Опубликовано 11 ноября, 2020 Поделиться Опубликовано 11 ноября, 2020 Очень нужно сделать градиентную заливку главного верхнего меню. Где Форумы и строка поиска. Примерно как на главном сайте IPB. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Desti Опубликовано 11 ноября, 2020 Поделиться Опубликовано 11 ноября, 2020 Ну так сделайте, там же всё банально.. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
SlawkA Опубликовано 11 ноября, 2020 Поделиться Опубликовано 11 ноября, 2020 Densv #ipsLayout_header nav { background: linear-gradient(0.90turn,rgb(0, 100, 255) 15%,#4a76a8 30%,rgba(134, 14, 255, 0.79) 75%) !important; } Спойлер AnWey 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
AnWey Опубликовано 11 ноября, 2020 Поделиться Опубликовано 11 ноября, 2020 34 минуты назад, SlawkA сказал: Densv #ipsLayout_header nav { background: linear-gradient(0.90turn,rgb(0, 100, 255) 15%,#4a76a8 30%,rgba(134, 14, 255, 0.79) 75%) !important; } Показать контент Не подскажите, как на моем форуме сделать фон градиентом заливкой. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
SlawkA Опубликовано 11 ноября, 2020 Поделиться Опубликовано 11 ноября, 2020 AnWey пример background-image: repeating-radial-gradient(circle at 50% 15%, #4a4a4a91, #82828221 7px); Спойлер Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
AnWey Опубликовано 11 ноября, 2020 Поделиться Опубликовано 11 ноября, 2020 Правильно ? #ipsLayout_header nav { background-image: repeating-radial-gradient(circle at 50% 15%, #4a4a4a91, #82828221 7px); } Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
andros0789 Опубликовано 11 ноября, 2020 Поделиться Опубликовано 11 ноября, 2020 27 минут назад, AnWey сказал: Правильно ? #ipsLayout_header nav { background-image: repeating-radial-gradient(circle at 50% 15%, #4a4a4a91, #82828221 7px); } вот #ipsLayout_header header { box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15), 0px 1px 0px rgba(0, 0, 0, 0.1); background: linear-gradient(0.90turn,rgb(0, 100, 255) 15%,#4a76a8 30%,rgba(134, 14, 255, 0.79) 75%) !important; } AnWey 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
AnWey Опубликовано 11 ноября, 2020 Поделиться Опубликовано 11 ноября, 2020 26 минут назад, andros0789 сказал: вот #ipsLayout_header header { box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15), 0px 1px 0px rgba(0, 0, 0, 0.1); background: linear-gradient(0.90turn,rgb(0, 100, 255) 15%,#4a76a8 30%,rgba(134, 14, 255, 0.79) 75%) !important; } Поставил код, спасибо работает, но не там цвет меняет, он меняет цвет заголовка, я имел виду чтоб код менял цвет фона форума, как на ipbmafia. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
SlawkA Опубликовано 11 ноября, 2020 Поделиться Опубликовано 11 ноября, 2020 10 минут назад, AnWey сказал: цвет фона форума, как на ipbmafia. ну так выше я тебе скинул код. его надо в css загнать в body с подменой. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
AnWey Опубликовано 11 ноября, 2020 Поделиться Опубликовано 11 ноября, 2020 12 минут назад, SlawkA сказал: ну так выше я тебе скинул код. его надо в css загнать в body с подменой. подскажите пожалуйста как писать коде #body nav { background-image: repeating-radial-gradient(circle at 50% 15%, #4a4a4a91, #82828221 7px);} ??? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Desti Опубликовано 11 ноября, 2020 Поделиться Опубликовано 11 ноября, 2020 #body писать не надо, body не id, это тег, поэтому просто body nav { } Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Densv Опубликовано 11 ноября, 2020 Автор Поделиться Опубликовано 11 ноября, 2020 Может кто-нибудь помочь написать код для отображения цветов как в меню у главного сайта IPB. За вознаграждение. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
AnWey Опубликовано 11 ноября, 2020 Поделиться Опубликовано 11 ноября, 2020 1 час назад, Desti сказал: #body писать не надо, body не id, это тег, поэтому просто body nav { } Увы body nav { background-image: repeating-radial-gradient(circle at 50% 15%, #4a4a4a91, #82828221 7px);} Не могу сохранить Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
SlawkA Опубликовано 11 ноября, 2020 Поделиться Опубликовано 11 ноября, 2020 Densv в хедере используют код css .sMainHead { background-color: #294c7b; background: -webkit-gradient(linear, left top, right top, from(#294c7b), to(#0d5e71)); background: linear-gradient(to right, #294c7b 0%, #0d5e71 100%); position: relative; z-index: 100; } в навбаре код и картинка .sHero--standardNav { min-height: 50px; background: #3470aa; background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-image: none; background-size: auto; background-image: url("//invisioncommunity.com/site_assets//images/head_background.jpg"); background-position: center; background-size: cover; background-repeat: no-repeat; } я думаю можно самому это сделать за 5 минут. я на работе. не смогу ковыряться. а так вроде все нашел по твоему запросу. AnWey ну вот за 1 минуту через Режим разработчика сделал. похоже? Спойлер Mano 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Densv Опубликовано 11 ноября, 2020 Автор Поделиться Опубликовано 11 ноября, 2020 SlawkA А код в globalTemplate менять нужно? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
SlawkA Опубликовано 12 ноября, 2020 Поделиться Опубликовано 12 ноября, 2020 10 часов назад, Densv сказал: SlawkA А код в globalTemplate менять нужно? нет не нужно. только в css Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Densv Опубликовано 12 ноября, 2020 Автор Поделиться Опубликовано 12 ноября, 2020 SlawkA А где это можно в css найти? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Mano Опубликовано 12 ноября, 2020 Поделиться Опубликовано 12 ноября, 2020 Densv любой новый код со стилями вставляете в custom.css Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Densv Опубликовано 13 ноября, 2020 Автор Поделиться Опубликовано 13 ноября, 2020 Что то я вписал .sHero--standardNav { min-height: 50px; background: #3470aa; background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-image: none; background-size: auto; background-image: url("//invisioncommunity.com/site_assets//images/head_background.jpg"); background-position: center; background-size: cover; background-repeat: no-repeat; } в custom.css но у меня ничего не происходит. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Vinheteiro Опубликовано 13 ноября, 2020 Поделиться Опубликовано 13 ноября, 2020 /* Навбар */ #ipsLayout_header nav { min-height: 50px; background: #3470aa; background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-image: none; background-size: auto; background-image: url("//invisioncommunity.com/site_assets//images/head_background.jpg"); background-position: center; background-size: cover; background-repeat: no-repeat; } /* Хедер */ header { background-color: #294c7b; background: -webkit-gradient(linear, left top, right top, from(#294c7b), to(#0d5e71)); background: linear-gradient(to right, #294c7b 0%, #0d5e71 100%); position: relative; } Спойлер Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.