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

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

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

SkyLoKi

Местный
Сообщения
110
Репутация
217
Баллы
43
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
Репутация
40
Баллы
18
Хорошая тема, спасибо за префиксы :)
 

Exite

Забаненный
Сообщения
75
Репутация
40
Баллы
18
Малость накидал стилей префиксов для ленивых)
Используем 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

Администратор
Сообщения
4 614
Репутация
8 988
Баллы
266
Exite, вы где английский изучали? :obiggrin:

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

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

Exite

Забаненный
Сообщения
75
Репутация
40
Баллы
18
Unsubdued, да я так наброски делал) не хотелось писать именно англ
 
  • Мне нравится
Реакции: SOUL

REZON

Забаненный
Сообщения
235
Репутация
12
Баллы
18
Exite спасибо! Когда глянул на твои стили префиксов почему то понял и разобрался в коде и вообще как их делать)
ну и SkyLoKi разумеется спасибки!!
--- Сообщение автоматически объединено: ---

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