Решено Помощь с банерам прошу помогите

LOLAKS · Понедельник в 20:29

Приветствую всех помогите мне пожалуйста прям умоляю создать копию бр банеров

Taffelo_Raffelo _ Официальный форум - Black Russia (CRMP ANDROID), группа Вкладки окна — Янде...png

JustAlex · Понедельник в 20:37

Less:

.userBanner {
    font-size: 75%;
    font-size: 11px;
    font-weight: 400;
    font-style: normal;
    padding: 1px 10px;
    padding: 1px 3px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.userBanner strong {
    font-weight: inherit
}

.userBanner.userBanner--hidden {
    background: none;
    border: none;
    box-shadow: none
}

.userBanner.userBanner--staff,.userBanner.userBanner--primary {
    background: #484d56;
    border-color: #5f6672;
    color: #fff;
    background: #212428;
    border-color: #383d44;
    border-radius: 3px;
    border-color: #212428
}

.userBanner.userBanner--accent {
    color: #fff;
    background: #db2309;
    border-color: #f63b21;
    border-radius: 3px;
    border-color: #db2309
}

.userBanner.userBanner--red {
    color: #fff;
    background: #d80000;
    border-color: #ff0c0c;
    border-radius: 3px
}

.userBanner.userBanner--green {
    color: #fff;
    background: #008000;
    border-color: #00b300;
    border-radius: 3px
}

.userBanner.userBanner--olive {
    color: #fff;
    background: #808000;
    border-color: #b3b300;
    border-radius: 3px
}

.userBanner.userBanner--lightGreen {
    color: #000;
    background: #ccf9c8;
    border-color: #f7fef6;
    border-radius: 3px;
    border-color: #bee8ba
}

.userBanner.userBanner--blue {
    color: #fff;
    background: #0008e3;
    border-color: #171fff;
    border-radius: 3px
}

.userBanner.userBanner--royalBlue {
    color: #fff;
    background: #4169e1;
    border-color: #6d8ce8;
    border-radius: 3px
}

.userBanner.userBanner--skyBlue {
    color: #fff;
    background: #7cc3e0;
    border-color: #a5d6ea;
    border-radius: 3px
}

.userBanner.userBanner--gray {
    color: #fff;
    background: #808080;
    border-color: #9a9a9a;
    border-radius: 3px
}

.userBanner.userBanner--silver {
    color: #000;
    background: #c0c0c0;
    border-color: #dadada;
    border-radius: 3px
}

.userBanner.userBanner--yellow {
    color: #000;
    background: #ffff91;
    border-color: #ffffc4;
    border-radius: 3px;
    border-color: #e6e687
}

.userBanner.userBanner--orange {
    color: #000;
    background: #ffcb00;
    border-color: #ffd533;
    border-radius: 3px
}

LOLAKS · Понедельник в 20:56

JustAlex написал(а):

Less:

.userBanner {
    font-size: 75%;
    font-size: 11px;
    font-weight: 400;
    font-style: normal;
    padding: 1px 10px;
    padding: 1px 3px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.userBanner strong {
    font-weight: inherit
}

.userBanner.userBanner--hidden {
    background: none;
    border: none;
    box-shadow: none
}

.userBanner.userBanner--staff,.userBanner.userBanner--primary {
    background: #484d56;
    border-color: #5f6672;
    color: #fff;
    background: #212428;
    border-color: #383d44;
    border-radius: 3px;
    border-color: #212428
}

.userBanner.userBanner--accent {
    color: #fff;
    background: #db2309;
    border-color: #f63b21;
    border-radius: 3px;
    border-color: #db2309
}

.userBanner.userBanner--red {
    color: #fff;
    background: #d80000;
    border-color: #ff0c0c;
    border-radius: 3px
}

.userBanner.userBanner--green {
    color: #fff;
    background: #008000;
    border-color: #00b300;
    border-radius: 3px
}

.userBanner.userBanner--olive {
    color: #fff;
    background: #808000;
    border-color: #b3b300;
    border-radius: 3px
}

.userBanner.userBanner--lightGreen {
    color: #000;
    background: #ccf9c8;
    border-color: #f7fef6;
    border-radius: 3px;
    border-color: #bee8ba
}

.userBanner.userBanner--blue {
    color: #fff;
    background: #0008e3;
    border-color: #171fff;
    border-radius: 3px
}

.userBanner.userBanner--royalBlue {
    color: #fff;
    background: #4169e1;
    border-color: #6d8ce8;
    border-radius: 3px
}

.userBanner.userBanner--skyBlue {
    color: #fff;
    background: #7cc3e0;
    border-color: #a5d6ea;
    border-radius: 3px
}

.userBanner.userBanner--gray {
    color: #fff;
    background: #808080;
    border-color: #9a9a9a;
    border-radius: 3px
}

.userBanner.userBanner--silver {
    color: #000;
    background: #c0c0c0;
    border-color: #dadada;
    border-radius: 3px
}

.userBanner.userBanner--yellow {
    color: #000;
    background: #ffff91;
    border-color: #ffffc4;
    border-radius: 3px;
    border-color: #e6e687
}

.userBanner.userBanner--orange {
    color: #000;
    background: #ffcb00;
    border-color: #ffd533;
    border-radius: 3px
}

Алекс они серавно не похожи как настоящие шрифт не тот

LOLAKS · Понедельник в 20:56

LOLAKS написал(а):
Алекс они серавно не похожи как настоящие шрифт не тот

и размеры кажется тоже

JustAlex · Понедельник в 20:57

LOLAKS написал(а):
и размеры кажется тоже

Код с блэк раши ток взял, а насчёт шрифта щас посмотрю

LOLAKS · Понедельник в 20:58

JustAlex написал(а):
Код с блэк раши ток взял, а насчёт шрифта щас посмотрю

Спасибо буду очень благодарен

LOLAKS · Понедельник в 21:05

JustAlex написал(а):
Код с блэк раши ток взял, а насчёт шрифта щас посмотрю

Все размеры я подправил осталось шрифт такой как у них

JustAlex · Понедельник в 21:10

LOLAKS написал(а):
Спасибо буду очень благодарен

Попробуй, но я не уверен:
Caribantu Agora Regular
Adapter Arabic Text Semibold
Adapter Tamil Text Semibold

LOLAKS · Понедельник в 21:10

JustAlex написал(а):
Попробуй, но я не уверен:
Caribantu Agora Regular
Adapter Arabic Text Semibold
Adapter Tamil Text Semibold

А как правильно вписать в баннер?

LOLAKS · Понедельник в 21:11

LOLAKS написал(а):
А как правильно вписать в баннер?

.userBanner.userBanner--green {
color: #fff;
background: #008000;
border-color: #00b300;
border-radius: 2px;
height: 19px;
}

JustAlex · Понедельник в 21:13

LOLAKS написал(а):
.userBanner.userBanner--green {
color: #fff;
background: #008000;
border-color: #00b300;
border-radius: 2px;
height: 19px;
}

font-family: 'Шрифт';

LOLAKS · Понедельник в 21:13

JustAlex написал(а):
font-family: 'Шрифт';

Ок

LOLAKS · Понедельник в 21:15

JustAlex написал(а):
Попробуй, но я не уверен:
Caribantu Agora Regular
Adapter Arabic Text Semibold
Adapter Tamil Text Semibold

Не подходят( есть у тебя еще предложки?

JustAlex · Понедельник в 21:19

LOLAKS написал(а):
Не подходят( есть у тебя еще предложки?

Один из этих точно должен подойти:
font-family: 'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif;

LOLAKS · Понедельник в 21:24

JustAlex написал(а):
Один из этих точно должен подойти:
font-family: 'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif;

мне кажется у них стандартный просто текст жирный

JustAlex · Понедельник в 21:26

LOLAKS написал(а):
мне кажется у них стандартный просто текст жирный

Ну вроде да, но не уверен. А у баннеров текст не жирный

LOLAKS · Понедельник в 21:29

JustAlex написал(а):
Ну вроде да, но не уверен. А у баннеров текст не жирный

Как сделать жирный в плане в баннере

JustAlex · Понедельник в 21:30

LOLAKS написал(а):
Как сделать жирный в плане в баннере

font-weight:bold;

LOLAKS · Понедельник в 21:31

JustAlex написал(а):
font-weight:bold;

Щя попробуем.

LOLAKS · Понедельник в 21:33

JustAlex написал(а):
font-weight:bold;

Прям
Чуть чуть не сходиться тут где то есть проблема либо же дорабтока

Поиск

Welcome!

Решено Помощь с банерам прошу помогите

LOLAKS

JustAlex

Лучше плохо начать, чем хорошо бездействовать

LOLAKS

LOLAKS

JustAlex

Лучше плохо начать, чем хорошо бездействовать

LOLAKS

LOLAKS

JustAlex

Лучше плохо начать, чем хорошо бездействовать

LOLAKS

LOLAKS

JustAlex

Лучше плохо начать, чем хорошо бездействовать

LOLAKS

LOLAKS

JustAlex

Лучше плохо начать, чем хорошо бездействовать

LOLAKS

JustAlex

Лучше плохо начать, чем хорошо бездействовать

LOLAKS

JustAlex

Лучше плохо начать, чем хорошо бездействовать

LOLAKS

LOLAKS