Крутейшие префиксы теперь на всех форумах!

Инструкция Крутейшие префиксы теперь на всех форумах! :)

Нет прав доступа на загрузку
Учите css! Как говорит начальника данного форума)

Pokschubin

Забаненный
Сообщения
530
Репутация
219
Баллы
43
Pokschubin разместил(а) новый ресурс:

Крутейшие префиксы теперь на всех форумах! - Учите css! Как говорит начальника данного форума)

В EXTRA.css
.titleBar .prefix.VIP {
font-size: 10pt;
}
.VIP:before {
content: "\f2dc";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
margin: 5px ;
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.VIP:after {
content: "\f2dc";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
margin: 5px ;
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s...
Посмотреть страницу этого ресурса...
 

Pokschubin

Забаненный
Сообщения
530
Репутация
219
Баллы
43
В первые размещаю ресурс на XF2 . Это просто беда для пользователей. Я то ладно смог понять что куда и как, но новичкам я сочувствую.
XF2 выглядит красиво,но еще она сырая.
 

Amigo

Проверенный
Сообщения
78
Репутация
8
Баллы
8
Привет спасибо большое получилось очень оригинально я думаю ребята оценят. А как можно поменять символ не подскажешь ?
 

Pokschubin

Забаненный
Сообщения
530
Репутация
219
Баллы
43

Пожалуйста, Войдите или Зарегистрируйтесь для просмотра скрытого текста.


\f2dc Менять на любой из вышеуказанного сайта
Пока админы спят помогу скрином
будет так \f1cd
 

Вложения

khukazov

Местный
Сообщения
509
Репутация
270
Баллы
63

khukazov

Местный
Сообщения
509
Репутация
270
Баллы
63
Xenforo: XF2

В extra.less

CSS:
/*Rotating prefixes*/
.titleBar .prefix.Rotating {
    font-size: 10pt;
}
.Rotating:before {
    content: "\f2dc";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    margin: 5px ;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}
.Rotating:after {
    content: "\f2dc";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    margin: 5px ;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}
.Rotating {
    background:  url("styles/stuff/images/bg4.gif") repeat scroll 0 0;
    color: #ffcf48 !important;
    font-weight: normal;
    border: double !important;
    font-size: 10pt;
}
 
  • Мне нравится
Реакции: SOUL

Unsubdued

Администратор
Сообщения
4 182
Репутация
8 481
Баллы
266

Liman

Пользователь
Сообщения
21
Репутация
0
Баллы
1
Как сделать так, чтобы была только иконка и при наведение мыши уже всплывала описание, подсказка или название ? В общем title
 

werolika9uj

Пользователь
Сообщения
2
Репутация
0
Баллы
1
плагин хорош жаль я тут новенький:(
 

Pokschubin

Забаненный
Сообщения
530
Репутация
219
Баллы
43
werolika9uj, так то это не плагин. В архиве gif картинки, которые нужны для анимации.
 

werolika9uj

Пользователь
Сообщения
2
Репутация
0
Баллы
1

nazarhack1987

Пользователь
Сообщения
4
Репутация
0
Баллы
1

nazarhack1987

Пользователь
Сообщения
4
Репутация
0
Баллы
1
Спасибо большое
--- Сообщение автоматически объединено: ---

Ставлю в ксс VIP У МЕНЯ ВСЕ ПРЕФЕКСЫ ЖЕЛТЫЕ. подскажите мож что то нужно еще сделать или переделать
--- Сообщение автоматически объединено: ---

нужно к каждому префексу копировать код лопустим вим потом вип1 цвет меняем вип 2 и тд правильно?
 
Последнее редактирование:

nazarhack1987

Пользователь
Сообщения
4
Репутация
0
Баллы
1
да всавил vip создал несколько префиксов и в ксс тоже вставил вип все желтые
--- Сообщение автоматически объединено: ---

все верно к каждому цвету префикса создаем блок этот
VIP {
background: url("styles/stuff/images/bg4.gif") repeat scroll 0 0;
color: #FF0000 !important;
font-weight: normal;
border: double !important;
font-size: 10pt;
и меняем цвет на нужный допустим сдесь стоит просто VIP второй блок делаем VIP 1 обязательно с пробелом .все получилось
 
Сверху Снизу