Помогите

Добро пожаловать!

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

Зарегистрироваться!
  • Если Вы желаете помогать развитию проекта, готовы заполнять раздел(-ы) и подсказывать другим пользователям на портале, есть возможность попасть в команду редакторов. Для этого следует обратиться в техническую поддержку
Пользователь
Регистрация
24 Окт 2024
Сообщения
7
Привет всем я хочу сделать роли как на этом форуме но не знаю как из сделать помогите пожалуйста

Токо без значка этого который на ролях
 

Вложения

  • Screenshot_20241031-214712.jpg
    Screenshot_20241031-214712.jpg
    511.4 KB · Просмотры: 19
Пользователь
Регистрация
1 Сен 2024
Сообщения
37
Через код элемента, для этого требуется браузер на ПК
 
Пользователь
Регистрация
24 Окт 2024
Сообщения
7
А как код выглядит?
 
Пользователь
Регистрация
1 Сен 2024
Сообщения
37
@mmmmmm, Вобщем, покопался я в коде этих баннеров. Проще будет самому в фотошопе их наверстать
 
Активный
Пользователь
Регистрация
26 Апр 2022
Сообщения
191
Less:
.userBanner {
    font-style: Hight;
    text-transform: uppercase;
    font-weight: 600;
    padding: 3px 5px 3px 3px;
    border: 3px solid transparent;
    border-radius: 30px;
    text-align: center;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    position: relative
}

.userBanner strong {
    font-size: 70%;
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    padding-left: 3px;
    line-height: .95;
    text-shadow: 1px 0 1px rgba(0,0,0,0.5),0 1px 1px rgba(0,0,0,0.5),-1px 0 1px rgba(0,0,0,0.5),0 -1px 1px rgba(0,0,0,0.5)
}

.message-userBanner.userBanner {
    display: flex
}

@media (max-width: 990px) {
    .message:not(.message--forceColumns) .message-userTitle,.message:not(.message--forceColumns) .message-userBanner.userBanner {
        display:inline-flex
    }
}

.userBanner.userBanner--staff {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #000 0%, #fff 100%)
}

.userBanner.userBanner--redadmin {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #b22222 0%, #8b0000 100%)
}

.userBanner.userBanner--spec {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f00 0%, #dc143c 100%)
}

.userBanner.userBanner--sradminka {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #66b6c9 0%, #008000 100%)
}

.userBanner.userBanner--mladminka {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #49cc2c 0%, #82f358 100%)
}

.userBanner.userBanner--kuratorka {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #ff69b4 0%, #f0f 100%)
}

.userBanner.userBanner--glavadminka {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #8b0000 0%, #dc143c 100%)
}

.userBanner.userBanner--zgashnick {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #32cd32 0%, #20b2aa 100%)
}

.userBanner.userBanner--blacki {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f00 0%, #bf0404 100%)
}

.userBanner.userBanner--sueti {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #789 0%, #d2691e 100%)
}

.userBanner.userBanner--hassli {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #e5cf05 0%, #daa520 100%)
}

.userBanner.userBanner--grandi {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #ffa500 0%, #ff8c00 100%)
}

.userBanner.userBanner--lider {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #fff500 0%, #ff8c00 100%)
}

.userBanner.userBanner--provereniy {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #7b9de0 0%, #0859fc 100%)
}

.userBanner.userBanner--prempolziy {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f819a7 0%, #0859fc 100%)
}

.userBanner.userBanner--tehovich {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #a52a2a 0%, #800000 100%)
}

.userBanner.userBanner--razrabi {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f819a7 0%, #4619f8 100%)
}

.userBanner.userBanner--vladelecs {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #feea10 0%, #ff931e 100%)
}

.userBanner.userBanner--zamosnov {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #feea10 0%, #ff931e 100%)
}

.userBanner.userBanner--manager {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f0f 0%, #800 80 100%)
}

.userBanner.userBanner--forumadm {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f0f 0%, #00f 100%)
}

.userBanner.userBanner--moder {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f0f 0%, #00f 100%)
}

.userBanner.userBanner--tehadmds {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #00b9ff 0%, #2800ff 100%)
}

.userBanner.userBanner--kmddsik {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #7b9de0 0%, #859 fc 100%)
}

.userBanner.userBanner--zgtsik {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #ff003b 0%, #cc0231 100%)
}

.userBanner.userBanner--mvd {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #00f 0%, #00008b 100%)
}

.userBanner.userBanner--fsb {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #000 0%, #000 100%)
}

.userBanner.userBanner--dyrka {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #ee82ee 0%, #ee82ee 100%)
}

.userBanner.userBanner--meria {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #c0c0c0 0%, #c0c0c0 100%)
}

.userBanner.userBanner--smi {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #4682b4 0%, #4682b4 100%)
}

.userBanner.userBanner--armia {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #006400 0%, #006400 100%)
}

.userBanner.userBanner--batogp {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #ff8c00 0%, #ff8c00 100%)
}

.userBanner.userBanner--arzopg {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #808000 0%, #808000 100%)
}

.userBanner.userBanner--litopg {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #789 0%, #789 100%)
}

.userBanner.userBanner--diamond {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #00fbff 0%, #000cff 100%)
}
 
Пользователь
Регистрация
1 Сен 2024
Сообщения
37
Less:
.userBanner {
    font-style: Hight;
    text-transform: uppercase;
    font-weight: 600;
    padding: 3px 5px 3px 3px;
    border: 3px solid transparent;
    border-radius: 30px;
    text-align: center;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    position: relative
}

.userBanner strong {
    font-size: 70%;
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    padding-left: 3px;
    line-height: .95;
    text-shadow: 1px 0 1px rgba(0,0,0,0.5),0 1px 1px rgba(0,0,0,0.5),-1px 0 1px rgba(0,0,0,0.5),0 -1px 1px rgba(0,0,0,0.5)
}

.message-userBanner.userBanner {
    display: flex
}

@media (max-width: 990px) {
    .message:not(.message--forceColumns) .message-userTitle,.message:not(.message--forceColumns) .message-userBanner.userBanner {
        display:inline-flex
    }
}

.userBanner.userBanner--staff {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #000 0%, #fff 100%)
}

.userBanner.userBanner--redadmin {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #b22222 0%, #8b0000 100%)
}

.userBanner.userBanner--spec {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f00 0%, #dc143c 100%)
}

.userBanner.userBanner--sradminka {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #66b6c9 0%, #008000 100%)
}

.userBanner.userBanner--mladminka {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #49cc2c 0%, #82f358 100%)
}

.userBanner.userBanner--kuratorka {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #ff69b4 0%, #f0f 100%)
}

.userBanner.userBanner--glavadminka {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #8b0000 0%, #dc143c 100%)
}

.userBanner.userBanner--zgashnick {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #32cd32 0%, #20b2aa 100%)
}

.userBanner.userBanner--blacki {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f00 0%, #bf0404 100%)
}

.userBanner.userBanner--sueti {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #789 0%, #d2691e 100%)
}

.userBanner.userBanner--hassli {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #e5cf05 0%, #daa520 100%)
}

.userBanner.userBanner--grandi {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #ffa500 0%, #ff8c00 100%)
}

.userBanner.userBanner--lider {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #fff500 0%, #ff8c00 100%)
}

.userBanner.userBanner--provereniy {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #7b9de0 0%, #0859fc 100%)
}

.userBanner.userBanner--prempolziy {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f819a7 0%, #0859fc 100%)
}

.userBanner.userBanner--tehovich {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #a52a2a 0%, #800000 100%)
}

.userBanner.userBanner--razrabi {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f819a7 0%, #4619f8 100%)
}

.userBanner.userBanner--vladelecs {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #feea10 0%, #ff931e 100%)
}

.userBanner.userBanner--zamosnov {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #feea10 0%, #ff931e 100%)
}

.userBanner.userBanner--manager {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f0f 0%, #800 80 100%)
}

.userBanner.userBanner--forumadm {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f0f 0%, #00f 100%)
}

.userBanner.userBanner--moder {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f0f 0%, #00f 100%)
}

.userBanner.userBanner--tehadmds {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #00b9ff 0%, #2800ff 100%)
}

.userBanner.userBanner--kmddsik {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #7b9de0 0%, #859 fc 100%)
}

.userBanner.userBanner--zgtsik {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #ff003b 0%, #cc0231 100%)
}

.userBanner.userBanner--mvd {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #00f 0%, #00008b 100%)
}

.userBanner.userBanner--fsb {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #000 0%, #000 100%)
}

.userBanner.userBanner--dyrka {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #ee82ee 0%, #ee82ee 100%)
}

.userBanner.userBanner--meria {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #c0c0c0 0%, #c0c0c0 100%)
}

.userBanner.userBanner--smi {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #4682b4 0%, #4682b4 100%)
}

.userBanner.userBanner--armia {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #006400 0%, #006400 100%)
}

.userBanner.userBanner--batogp {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #ff8c00 0%, #ff8c00 100%)
}

.userBanner.userBanner--arzopg {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #808000 0%, #808000 100%)
}

.userBanner.userBanner--litopg {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #789 0%, #789 100%)
}

.userBanner.userBanner--diamond {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #00fbff 0%, #000cff 100%)
}
OFFTOP

ему же нужна ещё картинка сверху

 
Пользователь
Регистрация
24 Окт 2024
Сообщения
7
Less:
.userBanner {
    font-style: Hight;
    text-transform: uppercase;
    font-weight: 600;
    padding: 3px 5px 3px 3px;
    border: 3px solid transparent;
    border-radius: 30px;
    text-align: center;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    position: relative
}

.userBanner strong {
    font-size: 70%;
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    padding-left: 3px;
    line-height: .95;
    text-shadow: 1px 0 1px rgba(0,0,0,0.5),0 1px 1px rgba(0,0,0,0.5),-1px 0 1px rgba(0,0,0,0.5),0 -1px 1px rgba(0,0,0,0.5)
}

.message-userBanner.userBanner {
    display: flex
}

@media (max-width: 990px) {
    .message:not(.message--forceColumns) .message-userTitle,.message:not(.message--forceColumns) .message-userBanner.userBanner {
        display:inline-flex
    }
}

.userBanner.userBanner--staff {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #000 0%, #fff 100%)
}

.userBanner.userBanner--redadmin {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #b22222 0%, #8b0000 100%)
}

.userBanner.userBanner--spec {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f00 0%, #dc143c 100%)
}

.userBanner.userBanner--sradminka {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #66b6c9 0%, #008000 100%)
}

.userBanner.userBanner--mladminka {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #49cc2c 0%, #82f358 100%)
}

.userBanner.userBanner--kuratorka {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #ff69b4 0%, #f0f 100%)
}

.userBanner.userBanner--glavadminka {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #8b0000 0%, #dc143c 100%)
}

.userBanner.userBanner--zgashnick {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #32cd32 0%, #20b2aa 100%)
}

.userBanner.userBanner--blacki {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f00 0%, #bf0404 100%)
}

.userBanner.userBanner--sueti {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #789 0%, #d2691e 100%)
}

.userBanner.userBanner--hassli {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #e5cf05 0%, #daa520 100%)
}

.userBanner.userBanner--grandi {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #ffa500 0%, #ff8c00 100%)
}

.userBanner.userBanner--lider {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #fff500 0%, #ff8c00 100%)
}

.userBanner.userBanner--provereniy {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #7b9de0 0%, #0859fc 100%)
}

.userBanner.userBanner--prempolziy {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f819a7 0%, #0859fc 100%)
}

.userBanner.userBanner--tehovich {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #a52a2a 0%, #800000 100%)
}

.userBanner.userBanner--razrabi {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f819a7 0%, #4619f8 100%)
}

.userBanner.userBanner--vladelecs {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #feea10 0%, #ff931e 100%)
}

.userBanner.userBanner--zamosnov {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #feea10 0%, #ff931e 100%)
}

.userBanner.userBanner--manager {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f0f 0%, #800 80 100%)
}

.userBanner.userBanner--forumadm {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f0f 0%, #00f 100%)
}

.userBanner.userBanner--moder {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f0f 0%, #00f 100%)
}

.userBanner.userBanner--tehadmds {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #00b9ff 0%, #2800ff 100%)
}

.userBanner.userBanner--kmddsik {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #7b9de0 0%, #859 fc 100%)
}

.userBanner.userBanner--zgtsik {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #ff003b 0%, #cc0231 100%)
}

.userBanner.userBanner--mvd {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #00f 0%, #00008b 100%)
}

.userBanner.userBanner--fsb {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #000 0%, #000 100%)
}

.userBanner.userBanner--dyrka {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #ee82ee 0%, #ee82ee 100%)
}

.userBanner.userBanner--meria {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #c0c0c0 0%, #c0c0c0 100%)
}

.userBanner.userBanner--smi {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #4682b4 0%, #4682b4 100%)
}

.userBanner.userBanner--armia {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #006400 0%, #006400 100%)
}

.userBanner.userBanner--batogp {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #ff8c00 0%, #ff8c00 100%)
}

.userBanner.userBanner--arzopg {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #808000 0%, #808000 100%)
}

.userBanner.userBanner--litopg {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #789 0%, #789 100%)
}

.userBanner.userBanner--diamond {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #00fbff 0%, #000cff 100%)
}
Спасибо
 
Активный
Пользователь
Регистрация
26 Окт 2024
Сообщения
103
Крмп форум , : стараются делают, тем временем этот сайт😑
 
Активный
Пользователь
Регистрация
26 Окт 2024
Сообщения
103
А как сделать еще аву перед роли
 
Активный
Пользователь
Регистрация
26 Апр 2022
Сообщения
191
Активный
Пользователь
Регистрация
26 Окт 2024
Сообщения
103
А в каком фотошопе , можно сделать фото , и можете помочь чтобы двух-трех цветные баннера были , буду благодарен
 
Сверху