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

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

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

Pokschubin

Местный
Сообщения
411
Симпатии
163
Баллы
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

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

Amigo

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

Pokschubin

Местный
Сообщения
411
Симпатии
163
Баллы
43
#4

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


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

Вложения

khukazov

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

khukazov

Местный
Сообщения
509
Симпатии
268
Баллы
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
 
Вверх Снизу