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

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

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

Pokschubin

Забаненный
Сообщения
517
Симпатии
209
Баллы
43
#1
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

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

Amigo

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

Pokschubin

Забаненный
Сообщения
517
Симпатии
209
Баллы
43
#4

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


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

Вложения

khukazov

Местный
Сообщения
509
Симпатии
269
Баллы
63
#5

khukazov

Местный
Сообщения
509
Симпатии
269
Баллы
63
#7
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;
}
 

Liman

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

werolika9uj

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

Pokschubin

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

werolika9uj

Пользователь
Сообщения
2
Симпатии
0
Баллы
1
#13

nazarhack1987

Пользователь
Сообщения
4
Симпатии
0
Баллы
1
#14

nazarhack1987

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

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

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

nazarhack1987

Пользователь
Сообщения
4
Симпатии
0
Баллы
1
#20
да всавил 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 обязательно с пробелом .все получилось
 
Вверх Снизу