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

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

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

Pokschubin

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

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

Amigo

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

Pokschubin

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

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


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

Вложения

khukazov

Местный
Сообщения
465
Симпатии
229
Баллы
43
#5

khukazov

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