Красивые префиксы для тем

Красивые префиксы для тем

Hope

Premium
Сообщения
48,318
Решения
22
Реакции
71,959
Баллы
40,905
Пользователь Hope разместил новый ресурс:

Красивые префиксы для тем (версия 1.0) - Создаём красивые префиксы.

Сначала идём по пути: Панель управления - Дерево узлов - И из левой панельки выбираем "Префиксы тем" - Затем нажимаем на "Создать новый префикс тем" - Указываем нужный Вам заголовок - И выбираем в опциях "Стиль оформления" пункт "Другой, используя своё имя CSS-класса" - Сохраняем всё это дело.

Далее в шаблон EXTRA.CSS добавляем:
Код:
.greenprefix {
    display: inline-block;
    position:relative;
    padding: .7em;
    padding-left: 2em;
    margin: 0 .5em .5em 0;
    background:...

Узнать больше об этом ресурсе...
 
А какое именно значение нужно прописать в "свое имя класса" при создании префикса?.. :unsure:
 
Может так:
Код:
.greenprefix
 
Это пробовал... Мод к шаблону не привязан? Работает на всех?[DOUBLEPOST=1379779889,1379779831][/DOUBLEPOST]Туплю. Extra.css правил нужного шаблона. Почищу кеши что-ли..
 
Это я так модификацию css обозвал. Почему-то не работает.
 
Не знаю... Всё верно, должно быть так: .greenprefix, .blueprefix и т.п.
 
Спасибо!
brownprefix - квадратный, не ярлычком пролучился.

Маловато !
:-)
Как еще добавить другого цвета?
 
.blueprefix
.redprefix
И т.п.
 
Так маловато.
Только 4 цвета , надо больше!
:)
 
Я же написал. Пишите свои цвета.
 
В теме только такие:
ticket-tags-png.2148


greenprefix
redprefix
brownprefix
blueprefix

Как еще другие цвета сделать?
Желтый например?
 
yellow соответственно.
 
В EXTRA.CSS ничего больше не надо добавлять?
 
Надо. :-) Например такое:
Код:
.yellowprefix {
    display: inline-block;
    position:relative;
    padding: .7em;
    padding-left: 2em;
    margin: 0 .5em .5em 0;
    background: #8dc63f;
    color: rgba(255,255,255,.6) !important;
    text-decoration:none;
    font-weight: bold;
}
.yellowprefix:hover {
    background:#B3CC73;
    color:white;
}
.yellowprefix:before {
        content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index:1;
    background: -moz-radial-gradient(.6em .6em, circle, #FCFCFF .55em, rgba(255, 255, 255, 0) .6em) -.6em -.6em,
                -moz-radial-gradient(1em 50%, circle, #FCFCFF .35em, rgba(255,255,255,0) .4em),
                -moz-radial-gradient(1em 47%, circle, rgba(0,0,0,.4) .4em, transparent .43em) !important;
    background: -o-radial-gradient(.6em .6em, circle, #FCFCFF .55em, rgba(255,255,255,0) .6em) -.6em -.6em,
                -o-radial-gradient(1em 50%, circle, #FCFCFF .35em, rgba(255,255,255,0) .4em),
                -o-radial-gradient(1em 47%, circle, rgba(0,0,0,.4) .4em, transparent .43em) !important;
    background: -ms-radial-gradient(.6em .6em, circle, #FCFCFF .55em, rgba(255,255,255,0) .6em) -.6em -.6em,
                -ms-radial-gradient(1em 50%, circle, #FCFCFF .35em, rgba(255,255,255,0) .4em),
                -ms-radial-gradient(1em 47%, circle, rgba(0,0,0,.4) .4em, transparent .43em) !important;
    background: -webkit-radial-gradient(.6em .6em, circle, #FCFCFF .55em, rgba(255,255,255,0) .6em) -.6em -.6em,
                -webkit-radial-gradient(1em 50%, circle, #FCFCFF .35em, rgba(255,255,255,0) .4em),
                -webkit-radial-gradient(1em 47%, circle, rgba(0,0,0,.4) .4em, transparent .43em) !important;
}
.yellowprefix:after {
    content: '';
    position:absolute;
    top:.25em;
    right:.25em;
    bottom:.25em;
    left:.25em;
    border: 1px rgba(0,0,0,.3) dashed;
    outline: 1px rgba(255,255,255,.5) dashed;
}
[DOUBLEPOST=1382635297,1382635253][/DOUBLEPOST]Ещё все цвета нужно сменить на жёлтые. :-)[DOUBLEPOST=1382635441][/DOUBLEPOST]background:#B3CC73;
И
background: #8dc63f;
Меняйте на нужные цвета.
 
Как сделать текст в префиксе жирный? в настройках стиля не получается
 
Здравствуйте.
Подскажите как сделать так же? Как на скриншотах.
 

Вложения

  • 6658593c2e.png
    6658593c2e.png
    8 KB · Просмотры: 168
Здравствуйте.
Подскажите как сделать так же? Как на скриншотах.
Зайти в Панель управления - Дерево узлов - И из левой панельки выбираем "Префиксы тем" - Затем нажимаем на "Создать новый префикс тем"
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу