Jump to content

Как сделать градиентную заливку главного верхнего меню?

Featured Replies

Posted
comment_164894

Очень нужно сделать градиентную заливку главного верхнего меню.

Где Форумы и строка поиска.

Примерно как на главном сайте IPB.

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;
}
Спойлер

836129722_(25).thumb.png.81228093b03892ab2f1c85074976fbfb.png

 

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;
}
  Показать контент

836129722_(25).thumb.png.81228093b03892ab2f1c85074976fbfb.png

 

Не подскажите, как на моем форуме сделать фон градиентом заливкой. 

comment_164901

AnWey пример

background-image: repeating-radial-gradient(circle at 50% 15%, #4a4a4a91, #82828221 7px);
Спойлер

2021087892_(26).thumb.png.836ff2ad1e843a0eb0d68a1644ea93bd.png

 

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;
}

 

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.

comment_164911
10 минут назад, AnWey сказал:

цвет фона форума, как на ipbmafia.

ну так выше я тебе скинул код. его надо в css загнать в body с подменой.

comment_164913
12 минут назад, SlawkA сказал:

ну так выше я тебе скинул код. его надо в css загнать в body с подменой.

подскажите пожалуйста как писать коде 

#body nav {  
background-image: repeating-radial-gradient(circle at 50% 15%, #4a4a4a91, #82828221 7px);
} ???

  • Author
comment_164919

Может кто-нибудь помочь написать код для отображения цветов как в меню у главного сайта IPB.

За вознаграждение.

 

Безымянный.jpg

Безымянный2.jpg

comment_164920
1 час назад, Desti сказал:

#body писать не надо, body не id, это тег, поэтому просто 

body nav {

}

Увы 

body nav {  
background-image: repeating-radial-gradient(circle at 50% 15%, #4a4a4a91, #82828221 7px);
} 

Не могу сохранить 

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 минут.

я на работе. не смогу ковыряться. а так вроде все нашел по твоему запросу.

34434.png

AnWey ну вот за 1 минуту через Режим разработчика сделал.

похоже?

Спойлер

234550735_(27).thumb.png.c1b90473a115facb709bc59ce43cdd83.png

 

comment_164949
10 часов назад, Densv сказал:

SlawkA 

А код в globalTemplate менять нужно?

 

нет не нужно. только в css

  • 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

 

но у меня ничего не происходит.

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;
}
Спойлер

1517186800_bandicam2020-11-1314-56-44-089.thumb.jpg.5e72b7e9628c8e13846c91df240bcdf0.jpg

 

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.


Guest
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.