Welcome!

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

SignUp Now!

Как сделать баннеры как на форуме Матрёшка RP? Ищу CSS-коды

Л

Лмлмлдащсщ

Янв
6
-1
Пользователь
3.1. Заголовок темы должен отражать основную суть темы.
Как сделать роли как на форуме матрешки рп, то есть, дайте мне CSS коды или что то другое
 
Сортировка по дате Сортировка по голосам
luciferrrr

luciferrrr

Апр
155
214
Пользователь

Все баннеры проекта "Матрешка"

Увидел на портале одну тему, решил вытащить все баннеры с их форума. В комплекте баннеры таких ролей, как: Лидер семьи. Куратор семей. Заблокирован. Заморожен. Основатель. Разработчик. Команда матрешки. Специальный администратор. Комьюнити менеджер. Зам. руководителя тех. поддержки...
pawno-help.ru
 
Позитивный голос 0 Негативный голос
luciferrrr

luciferrrr

Апр
155
214
Пользователь
Лмлмлдащсщ написал(а):
Спасибо, но, куда нужно их вводить что бы они появились на форуме?
Нажмите для раскрытия...
ну, если там есть файлы - то во первых, сделай папку banners и закинь туда пнг-файлики
ну а потом там должен быть код всех этих баннеров, который нужно закинуть в extra.less
после того, как сделал в экстра лесс - сделай в группе пользователей все эти баннеры​
 
Позитивный голос 0 Негативный голос
Л

Лмлмлдащсщ

Янв
6
-1
Пользователь
luciferrrr написал(а):
ну, если там есть файлы - то во первых, сделай папку banners и закинь туда пнг-файлики
ну а потом там должен быть код всех этих баннеров, который нужно закинуть в extra.less
после того, как сделал в экстра лесс - сделай в группе пользователей все эти баннер​
Нажмите для раскрытия...
Из всего, того что, вы написали, я нечего не понял 🙂
 
Позитивный голос 0 Негативный голос
Lime-Pulse

Lime-Pulse

Окт
250
104
Пользователь
Лмлмлдащсщ написал(а):
Из всего, того что, вы написали, я нечего не понял 🙂
Нажмите для раскрытия...
вот extra.less
extra.less: 
.komforum {
    background: url(https://i.postimg.cc/bJHzXfsF/2025040114162421.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.komproekt {
    background: url(https://i.postimg.cc/gj2bfX9n/2025040114183974.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.vl {
    background: url(https://i.postimg.cc/htdRWRYb/2025040114210029.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.zvl {
    background: url(https://i.postimg.cc/k5NrGFq2/2025040114221572.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.dev {
    background: url(https://i.postimg.cc/wBCHPTFp/2025040115182015.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.ryk {
    background: url(https://i.postimg.cc/25br2BQG/2025040115183390.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.zamryk {
    background: url(https://i.postimg.cc/sgK4wMjM/2025040115242865.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.osnov {
    background: url(https://i.postimg.cc/VLqR072B/2025040115244889.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.zamosnov {
    background: url(https://i.postimg.cc/YCtx66Hc/2025040115251502.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.specadm {
    background: url(https://i.postimg.cc/CLT71yrx/2025040115252659.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.gltest {
    background: url(https://i.postimg.cc/Dfb5nfgN/2025040115254190.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.ryktex {
    background: url(https://i.postimg.cc/nzV8Nj7N/2025040115311312.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.tex {
    background: url(https://i.postimg.cc/ZqxtfF9r/2025040115312565.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.stadm {
    background: url(https://i.postimg.cc/vmswLSmY/2025040115313963.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.adm {
    background: url(https://i.postimg.cc/q7hQqkrg/2025040115362974.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.mladm {
    background: url(https://i.postimg.cc/43DPhr4P/2025040115364365.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.moder {
    background: url(https://i.postimg.cc/Z5DVJW11/2025040115370252.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.helper {
    background: url(https://i.postimg.cc/G2ScQJNX/2025040115402490.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.lider {
    background: url(https://i.postimg.cc/0QNkDHt6/2025040115420042.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.zlider {
    background: url(https://i.postimg.cc/VNgsScFQ/2025040115433355.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.gls {
    background: url(https://i.postimg.cc/FHVgKD7d/2025040115575576.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.zgls {
    background: url(https://i.postimg.cc/RZBL9jVx/2025040115581170.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}


.kyr {
    background: url(https://i.postimg.cc/fbW7Sm9H/2025040115582891.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.zga {
    background: url(https://i.postimg.cc/wBbNtPHv/2025040116275514.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.ga {
    background: url(https://i.postimg.cc/6QQRpKkg/2025040116281156.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.user {
    background: url(https://i.postimg.cc/BnpH3bV2/2025040116282571.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.tester {
    background: url(https://i.postimg.cc/FRdL0Zsx/2025040116301309.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.mldev {
    background: url(https://i.postimg.cc/cC3xjVxL/2025040320501221.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.vip {
    background: url(https://i.postimg.cc/qRXQL7nJ/2025040320495948.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.ladm {
    background: url(https://i.postimg.cc/sxTck0wb/2025040320494362.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.lmod {
    background: url(https://i.postimg.cc/NjSNGSBc/2025040320493103.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.bot {
    background: url(https://i.postimg.cc/y6jv3ksn/2025040320583879.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}
 
Позитивный голос 0 Негативный голос
luciferrrr

luciferrrr

Апр
155
214
Пользователь
Лмлмлдащсщ написал(а):
Из всего, того что, вы написали, я нечего не понял 🙂
Нажмите для раскрытия...
чего не понятного то)
папку banners надо создать в ispmanager по переходу менеджер файлов - www/назв. вашего сайта
после создания переместить туда файлики из папки "ФОТО РОЛИ" (ВСЕ!)
потом открыть новую вкладку
перейти по ссылке ваш сайт/admin.php
авторизоваться там под ваш аккаунт
потом найти вкладку "внешний вид", перейти в "шаблоны"
нажми там маленькую кнопочку "уточнить"
нажми на "название содержит:" и введи там "extra.less"
далее тебе там выбьет файл "extra.less"
туда засунь текст по пути - "ПРОЧЕЕ" - "EXTRA.LESS" (главное ставь ко всем баннерам, а не отдельно от них)
далее, после того как засунул и сохранил текст - перейди по пути - "Группы и права" - "Группы пользователей"
нажми "добавить группу пользователей"
укажи любой заголовок
укажи любой приоритет оформления
укажи любой текст баннера
вместо предложенных стилей для группы укажи "другой, использующий своё имя CSS-класса" и укажи там название баннера, которое есть в экстра.лесс (без точки), ну например - komforum
настрой права для баннера
сохрани
-------------------------
примечание: так нужно со всеми баннерами, начиная с пункта - Нажми "Добавить группу пользователей"
​
 
Позитивный голос 0 Негативный голос
Л

Лмлмлдащсщ

Янв
6
-1
Пользователь
luciferrrr написал(а):
чего не понятного то)
папку banners надо создать в ispmanager по переходу менеджер файлов - www/назв. вашего сайта
после создания переместить туда файлики из папки "ФОТО РОЛИ" (ВСЕ!)
потом открыть новую вкладку
перейти по ссылке ваш сайт/admin.php
авторизоваться там под ваш аккаунт
потом найти вкладку "внешний вид", перейти в "шаблоны"
нажми там маленькую кнопочку "уточнить"
нажми на "название содержит:" и введи там "extra.less"
далее тебе там выбьет файл "extra.less"
туда засунь текст по пути - "ПРОЧЕЕ" - "EXTRA.LESS" (главное ставь ко всем баннерам, а не отдельно от них)
далее, после того как засунул и сохранил текст - перейди по пути - "Группы и права" - "Группы пользователей"
нажми "добавить группу пользователей"
укажи любой заголовок
укажи любой приоритет оформления
укажи любой текст баннера
вместо предложенных стилей для группы укажи "другой, использующий своё имя CSS-класса" и укажи там название баннера, которое есть в экстра.лесс (без точки), ну например - komforum
настрой права для баннера
сохрани
-------------------------
примечание: так нужно со всеми баннерами, начиная с пункта - Нажми "Добавить группу пользователей"
​
Нажмите для раскрытия...
А где нужно создать эту папку баннерс
 
Позитивный голос 0 Негативный голос
Войдите или зарегистрируйтесь для ответа.
Сверху