Иконка ресурса

Мануал 2.x Префиксы для тем + возможность добавить Font Awesome или своё изображение

Добавляем свои префиксы с иконками Font Awesome

SkyLoKi

Местный
Сообщения
108
Симпатии
199
Баллы
43
#1
SkyLoKi разместил(а) новый ресурс:

Префиксы для тем + возможность добавить Font Awesome или своё изображение - Добавляем свои префиксы с иконками Font Awesome


Начну с простого.

в extra.less вставить следующий код:

Код:
.label{
    border-radius: 0px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-weight: bold;
    min-width: 65px;   
    text-align: center;
    &:before{
        position: absolute;
        border-top-right-radius: 40px;
        border-right: 2px solid rgba(0,0,0,0.1);
        top: 0;
        bottom: 0;
        left: 0...
Посмотреть страницу этого ресурса...
 

Exite

Читатель
Сообщения
75
Симпатии
39
Баллы
18
#2
Хорошая тема, спасибо за префиксы :)
 

Exite

Читатель
Сообщения
75
Симпатии
39
Баллы
18
#3
Малость накидал стилей префиксов для ленивых)
Используем label label--"news"
Там где "news" меняем на нужное и добавляем в CSS префикса) как описал SkyLoKi
Less:
.addLabel(soft, #ccf9c8, f085);
.addLabel(info, red, f129);
.addLabel(free, #FFD700, f2c5);
.addLabel(article, #FFD700, f124);
.addLabel(prodam, #FFD700, f19c);
.addLabel(buy, #FFD700, f19c);
.addLabel(resheno, #32CD32, f00c);
.addLabel(vopros, #FFD700, f064);
.addLabel(magazin, #3CB371, f07a);
.addLabel(php, #4682B4, f1c9);
.addLabel(html, #4682B4, f13b);
.addLabel(css, #4682B4, f1c9);
.addLabel(grafika, #87CEFA, f03e);
.addLabel(source, #008080, f013);
.addLabel(priz, #FFFF00, f06b);
.addLabel(proverka, #00FF7F, f087);
.addLabel(ymor, #E6E6FA, f1d7);
.addLabel(js, #F08080, f121);
.addLabel(news, #F08080, f1ea);
.addLabel(sposob, #20B2AA, f2bd);
 

Unsubdued

Премиум
Сообщения
3.867
Симпатии
8.129
Баллы
266
#4
Exite, вы где английский изучали? :obiggrin:

prodam = sell
resheno = resolved
vopros = question
magazin = shop
grafika = graphics
priz = prize
proverka = test
ymor = humor
sposob = method

А в остальном - спасибо.
 

REZON

Проверенный
Сообщения
174
Симпатии
9
Баллы
18
#6
Exite спасибо! Когда глянул на твои стили префиксов почему то понял и разобрался в коде и вообще как их делать)
ну и SkyLoKi разумеется спасибки!!
--- Сообщение автоматически объединено: ---

А сложно сделать чтоб сами цветные поля были одинакового размера? Или подскажите как это сделать ..плиз!!
888.png
 
Последнее редактирование:
Вверх Снизу