Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Решено Помощь в стиле и т.д

Статус
В этой теме нельзя размещать новые ответы.
Июл
17
1
Пользователь
1) Краткое описание проблемы, в название темы,Здравствуйте, мне нужно стиль форума проекта Live Russia
2) Подробное описание проблемы, в самой теме,А именно Баннер, Стиль, Префиксы, еще кто-то знает какие плагины скажите пожалуйста если надо скажут пожалуйста
 
Решение
1) Краткое описание проблемы, в название темы,Здравствуйте, мне нужно стиль форума проекта Live Russia
2) Подробное описание проблемы, в самой теме,А именно Баннер, Стиль, Префиксы, еще кто-то знает какие плагины скажите пожалуйста если надо скажут пожалуйста

Extra less:
.userBanner {

font-size: 75%;
font-weight: 400;
font-style: normal;
padding: 1px 6px;
border: 1px solid transparent;
border-radius: 2px;
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 {
color...
Май
566
106
Активный
1) Краткое описание проблемы, в название темы,Здравствуйте, мне нужно стиль форума проекта Live Russia
2) Подробное описание проблемы, в самой теме,А именно Баннер, Стиль, Префиксы, еще кто-то знает какие плагины скажите пожалуйста если надо скажут пожалуйста

Extra less:
.userBanner {

font-size: 75%;
font-weight: 400;
font-style: normal;
padding: 1px 6px;
border: 1px solid transparent;
border-radius: 2px;
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 {
color: #d6d9e0;
background: #4f5766;
border-color: #657083;
border-color: #667084;
}
.userBanner.userBanner--accent {
color: #49873f;
background: #eef8ed;
border-color: #ffffff;
border-color: #8cb2d1;
}
.userBanner.userBanner--red {
color: #ffffff;
background: #d80000;
border-color: #ff0c0c;
}
.userBanner.userBanner--green {
color: #ffffff;
background: #008000;
border-color: #00b300;
}
.userBanner.userBanner--olive {
color: #ffffff;
background: #808000;
border-color: #b3b300;
}
.userBanner.userBanner--lightGreen {
color: #000000;
background: #ccf9c8;
border-color: #f7fef6;
border-color: #bee8ba;
}
.userBanner.userBanner--blue {
color: #ffffff;
background: #0008e3;
border-color: #171fff;
}
.userBanner.userBanner--royalBlue {
color: #ffffff;
background: #4169e1;
border-color: #6d8ce8;
}
.userBanner.userBanner--skyBlue {
color: #ffffff;
background: #7cc3e0;
border-color: #a5d6ea;
}
.userBanner.userBanner--gray {
color: #ffffff;
background: #808080;
border-color: #9a9a9a;
}
.userBanner.userBanner--silver {
color: #000000;
background: #c0c0c0;
border-color: #dadada;
}
.userBanner.userBanner--yellow {
color: #000000;
background: #ffff91;
border-color: #ffffc4;
border-color: #e6e687;
}
.userBanner.userBanner--orange {
color: #000000;
background: #ffcb00;
border-color: #ffd533;
}
/* =================================================== Banner ======================================================== */
.message-userDetails .tpm-xentrBanner {
display: block;
margin-top: 3px;
}
.memberTooltip-banners .tpm-xentrBanner {
margin: 0 3px;
}
.userBanner.userBanner--tpm {
color: #aa6709;
background: #fff4e5;
border-color: #aa6709;
}
.userBanner.userBanner--tpm:before {
font-family: 'Font Awesome 5 Pro';
font-size: inherit;
font-style: normal;
font-weight: 400;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
content: "\f2eb";
width: 1.28571429em;
display: inline-block;
text-align: center;
padding-right: 6px;
}
.memberHeader-banners .userBanner {
margin-left: 3px;
}
/* =================================================== Responsive ======================================================== */
@media (max-width: 650px) {
.message:not(.message--forceColumns) .tpm-xentrBanner.userBanner {
display: inline-block;
text-align: left;
margin: 0;
}
}
/* =================================================== Controls ======================================================== */
.tpm-controls {
list-style: none;
margin: 0;
padding: 0;
margin-right: auto;
display: flex;
align-items: center;
flex-wrap: wrap;
min-height: 35px;
max-width: 100%;
}
.tpm-controls > li {
float: left;
display: inline-block;
margin-right: 5px;
}
.tpm-controls > li:last-child {
margin-right: 0;
}
.button.tpm-goButton {
font-size: 13px;
line-height: 1.5;
min-width: 0;
}
.tpm-item {
margin-bottom: 20px;
}
.tpm-body {
background: #2d3037;
}
 
Май
566
106
Активный
Дайте баннер и префикс Live Russia нового и скажите пожалуйста куда его вставить
Код скинул выше

Панель управления - внешний вид - шаблоны - в поиске пишешь "extra less" и вставляешь код выше с данный шаблон
 
Май
566
106
Активный
Чтобы префиксы и краски отображались корректно то:

Отображение красок:

Панель управления - группы и права - нужная группа - Другой способ — использовать пользовательский CSS-класс (нажимаешь на галочку и далее пишешь 1 строку кода без символов просто текст.)

Пример:

Тест:
userBanner

С префиксами тоже самое
 
Статус
В этой теме нельзя размещать новые ответы.
Сверху