Posted 11 ноября, 20203 yr comment_164894 Очень нужно сделать градиентную заливку главного верхнего меню. Где Форумы и строка поиска. Примерно как на главном сайте IPB. Link to comment https://ipbmafia.ru/topic/22547-kak-sdelat-gradientnuyu-zalivku-glavnogo-verhnego-menyu/ Share on other sites Больше вариантов
11 ноября, 20203 yr comment_164895 Ну так сделайте, там же всё банально.. Link to comment https://ipbmafia.ru/topic/22547-kak-sdelat-gradientnuyu-zalivku-glavnogo-verhnego-menyu/?&do=findComment&comment=164895 Share on other sites Больше вариантов
11 ноября, 20203 yr comment_164896 Densv #ipsLayout_header nav { background: linear-gradient(0.90turn,rgb(0, 100, 255) 15%,#4a76a8 30%,rgba(134, 14, 255, 0.79) 75%) !important; } Спойлер Link to comment https://ipbmafia.ru/topic/22547-kak-sdelat-gradientnuyu-zalivku-glavnogo-verhnego-menyu/?&do=findComment&comment=164896 Share on other sites Больше вариантов
11 ноября, 20203 yr comment_164897 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; } Показать контент Не подскажите, как на моем форуме сделать фон градиентом заливкой. Link to comment https://ipbmafia.ru/topic/22547-kak-sdelat-gradientnuyu-zalivku-glavnogo-verhnego-menyu/?&do=findComment&comment=164897 Share on other sites Больше вариантов
11 ноября, 20203 yr comment_164901 AnWey пример background-image: repeating-radial-gradient(circle at 50% 15%, #4a4a4a91, #82828221 7px); Спойлер Link to comment https://ipbmafia.ru/topic/22547-kak-sdelat-gradientnuyu-zalivku-glavnogo-verhnego-menyu/?&do=findComment&comment=164901 Share on other sites Больше вариантов
11 ноября, 20203 yr comment_164902 Правильно ? #ipsLayout_header nav { background-image: repeating-radial-gradient(circle at 50% 15%, #4a4a4a91, #82828221 7px); } Link to comment https://ipbmafia.ru/topic/22547-kak-sdelat-gradientnuyu-zalivku-glavnogo-verhnego-menyu/?&do=findComment&comment=164902 Share on other sites Больше вариантов
11 ноября, 20203 yr comment_164908 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; } Link to comment https://ipbmafia.ru/topic/22547-kak-sdelat-gradientnuyu-zalivku-glavnogo-verhnego-menyu/?&do=findComment&comment=164908 Share on other sites Больше вариантов
11 ноября, 20203 yr comment_164910 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. Link to comment https://ipbmafia.ru/topic/22547-kak-sdelat-gradientnuyu-zalivku-glavnogo-verhnego-menyu/?&do=findComment&comment=164910 Share on other sites Больше вариантов
11 ноября, 20203 yr comment_164911 10 минут назад, AnWey сказал: цвет фона форума, как на ipbmafia. ну так выше я тебе скинул код. его надо в css загнать в body с подменой. Link to comment https://ipbmafia.ru/topic/22547-kak-sdelat-gradientnuyu-zalivku-glavnogo-verhnego-menyu/?&do=findComment&comment=164911 Share on other sites Больше вариантов
11 ноября, 20203 yr comment_164913 12 минут назад, SlawkA сказал: ну так выше я тебе скинул код. его надо в css загнать в body с подменой. подскажите пожалуйста как писать коде #body nav { background-image: repeating-radial-gradient(circle at 50% 15%, #4a4a4a91, #82828221 7px);} ??? Link to comment https://ipbmafia.ru/topic/22547-kak-sdelat-gradientnuyu-zalivku-glavnogo-verhnego-menyu/?&do=findComment&comment=164913 Share on other sites Больше вариантов
11 ноября, 20203 yr comment_164914 #body писать не надо, body не id, это тег, поэтому просто body nav { } Link to comment https://ipbmafia.ru/topic/22547-kak-sdelat-gradientnuyu-zalivku-glavnogo-verhnego-menyu/?&do=findComment&comment=164914 Share on other sites Больше вариантов
11 ноября, 20203 yr Author comment_164919 Может кто-нибудь помочь написать код для отображения цветов как в меню у главного сайта IPB. За вознаграждение. Link to comment https://ipbmafia.ru/topic/22547-kak-sdelat-gradientnuyu-zalivku-glavnogo-verhnego-menyu/?&do=findComment&comment=164919 Share on other sites Больше вариантов
11 ноября, 20203 yr comment_164920 1 час назад, Desti сказал: #body писать не надо, body не id, это тег, поэтому просто body nav { } Увы body nav { background-image: repeating-radial-gradient(circle at 50% 15%, #4a4a4a91, #82828221 7px);} Не могу сохранить Link to comment https://ipbmafia.ru/topic/22547-kak-sdelat-gradientnuyu-zalivku-glavnogo-verhnego-menyu/?&do=findComment&comment=164920 Share on other sites Больше вариантов
11 ноября, 20203 yr comment_164921 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 минуту через Режим разработчика сделал. похоже? Спойлер Link to comment https://ipbmafia.ru/topic/22547-kak-sdelat-gradientnuyu-zalivku-glavnogo-verhnego-menyu/?&do=findComment&comment=164921 Share on other sites Больше вариантов
11 ноября, 20203 yr Author comment_164936 SlawkA А код в globalTemplate менять нужно? Link to comment https://ipbmafia.ru/topic/22547-kak-sdelat-gradientnuyu-zalivku-glavnogo-verhnego-menyu/?&do=findComment&comment=164936 Share on other sites Больше вариантов
12 ноября, 20203 yr comment_164949 10 часов назад, Densv сказал: SlawkA А код в globalTemplate менять нужно? нет не нужно. только в css Link to comment https://ipbmafia.ru/topic/22547-kak-sdelat-gradientnuyu-zalivku-glavnogo-verhnego-menyu/?&do=findComment&comment=164949 Share on other sites Больше вариантов
12 ноября, 20203 yr Author comment_164977 SlawkA А где это можно в css найти? Link to comment https://ipbmafia.ru/topic/22547-kak-sdelat-gradientnuyu-zalivku-glavnogo-verhnego-menyu/?&do=findComment&comment=164977 Share on other sites Больше вариантов
12 ноября, 20203 yr comment_164979 Densv любой новый код со стилями вставляете в custom.css Link to comment https://ipbmafia.ru/topic/22547-kak-sdelat-gradientnuyu-zalivku-glavnogo-verhnego-menyu/?&do=findComment&comment=164979 Share on other sites Больше вариантов
13 ноября, 20203 yr Author comment_164991 Что то я вписал .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 но у меня ничего не происходит. Link to comment https://ipbmafia.ru/topic/22547-kak-sdelat-gradientnuyu-zalivku-glavnogo-verhnego-menyu/?&do=findComment&comment=164991 Share on other sites Больше вариантов
13 ноября, 20203 yr comment_164997 /* Навбар */ #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; } Спойлер Link to comment https://ipbmafia.ru/topic/22547-kak-sdelat-gradientnuyu-zalivku-glavnogo-verhnego-menyu/?&do=findComment&comment=164997 Share on other sites Больше вариантов
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.