[SVG] Topic Starter

Плагин [SVG] Topic Starter 2.2.10

Нет прав для скачивания

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 555
Решения
12
Реакции
1 193
Баллы
85
Skaiman разместил(а) новый ресурс:

[SVG] Topic Starter - Иконка автора темы.

Хотел подпилить плагин MR-TopicStarter и переделал его полностью :)
  • Свой иконочный шрифт из двух символов
  • Возможность отключать отображение
  • Возможность выбрать круглую или квадратную иконку
  • Так как используется шрифт, соответсвенно применяются свойства шрифта
  • Возможность выбрать положение, слева или справа от аватара.

Посмотреть страницу этого ресурса...
 

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 555
Решения
12
Реакции
1 193
Баллы
85

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 555
Решения
12
Реакции
1 193
Баллы
85
Хочу добавить. Преимущества шрифта, к примеру можно добавить градиент для него. В настройках, в поле "Дополнительно", добавляем:
CSS:
background-image: linear-gradient(to right, #00ff00 0%, #FF0000 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
2018-07-10_075350.png
Получим:
2018-07-10_075329.png
 

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 555
Решения
12
Реакции
1 193
Баллы
85
Делаем анимированный индикатор.
В поле дополнительно:
CSS:
animation: blink 2s linear 0s infinite normal;
В extra.less:
CSS:
@keyframes blink {
    0% {
        opacity: 1;
    }
    25% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    75% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
2018_07_10_08_06_59_485.gif
 

Vincod

Проверенный
Регистрация
18.07.18
Сообщения
37
Реакции
7
Баллы
20
День добрый ТС появляется за аватаром что это может быть
 

Вложения

  • Screenshot_1.png
    Screenshot_1.png
    7.2 КБ · Просмотры: 7

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 555
Решения
12
Реакции
1 193
Баллы
85
фон наверное у аватара, но вроде не должно такого быть, у тебя там куча переделок, так что хрен его хнает :) Я гляну дополнение.
 

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 555
Решения
12
Реакции
1 193
Баллы
85
можно и так
 

Vincod

Проверенный
Регистрация
18.07.18
Сообщения
37
Реакции
7
Баллы
20
спасибо)
 

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 555
Решения
12
Реакции
1 193
Баллы
85

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 555
Решения
12
Реакции
1 193
Баллы
85

kirill_2000

Проверенный
Регистрация
14.11.22
Сообщения
6
Реакции
0
Баллы
33
как можно изменить иконку с помощью font awesome? просто пробую бьет ошибки

image (4).png
 

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 555
Решения
12
Реакции
1 193
Баллы
85
Каким образом пытаешься изменить иконку?
 

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 555
Решения
12
Реакции
1 193
Баллы
85
Просто название иконки без far и fa, просто pencil
 
Верх Низ