Перейти к содержанию

Красивые ники


Рекомендуемые сообщения

Я на некоторых форумах видел <<красивые>> ники у людей.

Там были что-то типо теней, где-то летали частицы(пиксели) около ника.

Как можно сделать так, что бы у меня на форуме возле ников пользователей, которые состоят в той или иной группы летали частицы.

Если найду это - дам скриншот.

Ссылка на комментарий
Поделиться на другие сайты

Пример

1.thumb.png.4526c6bb013ff51119f7c261268a97ea.png

Эту часть в Форматирование группы

<span style="font-weight: bold; background-image: url(https://b.radikal.ru/b28/1909/66/77c87060f25d.gif); background-position: center; -webkit-background-clip: text; -webkit-text-fill-color: transparent;">

Эту часть в Название

</span>

 

Ссылка на комментарий
Поделиться на другие сайты

  • 1 год спустя...

Приветствую. Кто знает, как добавить такие приколы перед ником? Как я понял, идет разделение по полам таким образом?! 

4734B2AF-9D49-4499-B88F-643AF98A19FE.jpeg

Ссылка на комментарий
Поделиться на другие сайты

aLEX49566 вот так

<span style='font-weight: bold; background: linear-gradient(45deg, red, blue); -webkit-background-clip: text; -webkit-text-fill-color: transparent;'><i class="fa fa-modx" aria-hidden="true"></i> 

и во втором окошке добавить <span/>

Спойлер

167328680_Screenshot_2021-02-04.thumb.png.efeff5cc337119cc072b5c49d74f1b78.png

это с градиентом

570421456_Screenshot_2021-02-04EuroTruckSimulator2-AmericanTruckSimulatorSpintiresMudRunnerETS2ATSMODSru.png.5b08d270888172ff0f3a969eb96ee767.png

иконки можно взять на сайте fontawesome.com/v4.7.0/icons

Ссылка на комментарий
Поделиться на другие сайты

3 минуты назад, SlawkA сказал:

aLEX49566 вот так


<span style='font-weight: bold; background: linear-gradient(45deg, red, blue); -webkit-background-clip: text; -webkit-text-fill-color: transparent;'><i class="fa fa-modx" aria-hidden="true"></i> 

и во втором окошке добавить <span/>

  Скрыть контент

167328680_Screenshot_2021-02-04.thumb.png.efeff5cc337119cc072b5c49d74f1b78.png

это с градиентом

570421456_Screenshot_2021-02-04EuroTruckSimulator2-AmericanTruckSimulatorSpintiresMudRunnerETS2ATSMODSru.png.5b08d270888172ff0f3a969eb96ee767.png

иконки можно взять на сайте fontawesome.com/v4.7.0/icons

Понял. Спасибо!

Ссылка на комментарий
Поделиться на другие сайты

Ребят а где взять еще такие коды посмотреть какие есть вообще формы ников красивых !? Эти что тут выложили ребята просто ТОП!

Ссылка на комментарий
Поделиться на другие сайты

3 минуты назад, saiko сказал:

Ребят а где взять еще такие коды посмотреть какие есть вообще формы ников красивых !? Эти что тут выложили ребята просто ТОП!

Я вот себе такого плана поставил :

 

<span style='font-weight:bold; color: #f00; text-shadow: 0px 2px 5px rgba(255,255,255,0.4);'><i class="fa fa-cogs" aria-hidden="true"></i> 

 

</ span> 

Ссылка на комментарий
Поделиться на другие сайты

aLEX49566 ну да годный такой тоже))

Ссылка на комментарий
Поделиться на другие сайты

Всем привет народ, а где вообще брать все эти коды для ников..!? Может есть ресурс какой то ? 

Ссылка на комментарий
Поделиться на другие сайты

16 минут назад, saiko сказал:

Всем привет народ, а где вообще брать все эти коды для ников..!? Может есть ресурс какой то ? 

Вообще то я ручками сам делал, ты можешь поиграть с кодом, что то заменить на другое. Можно за место иконки fa fa, добавить гифку

Ссылка на комментарий
Поделиться на другие сайты

  • 2 месяца спустя...

Hello there. Sorry i don't speak Rusian, but i will need help with the user name codes. I like the gradient user names ,but i like to know which code i can use to put only gif and remplace the text i want to display only the gif instead the member name . Please 😬

Привет. Извините, я не говорю по-русски, но мне понадобится помощь с кодами имени пользователя.

Мне нравятся имена пользователей градиента, но мне нравится знать, какой код я могу использовать, чтобы поместить только gif и заменить текст. я хочу отображать только gif вместо имени участника.

 

Ссылка на комментарий
Поделиться на другие сайты

  • 1 месяц спустя...

<span style='font-weight:bold; color: #f00; text-shadow: 0px 2px 5px rgba(255,255,255,0.4);'><i class="fa fa-cogs" aria-hidden="true"></i>

Куда в этот код вставлять гифку и как ее вставить?

Ссылка на комментарий
Поделиться на другие сайты

1 час назад, plei9 сказал:

<span style='font-weight:bold; color: #f00; text-shadow: 0px 2px 5px rgba(255,255,255,0.4);'><i class="fa fa-cogs" aria-hidden="true"></i>

Куда в этот код вставлять гифку и как ее вставить?

Вот в это поле740064083_QuickMemo_2021-05-23-10-07-00.png.4aee6c8db9b4e9ec213b9c25de46c283.png

Получаем итог:1103899266_QuickMemo_2021-05-23-10-09-23.png.c8bb9b27f24d13762b3f1cbe540e7012.png

 

Иконку можно самим изменить

Ссылка на комментарий
Поделиться на другие сайты

4 минуты назад, Artemka сказал:

Вот в это поле740064083_QuickMemo_2021-05-23-10-07-00.png.4aee6c8db9b4e9ec213b9c25de46c283.png

Получаем итог:1103899266_QuickMemo_2021-05-23-10-09-23.png.c8bb9b27f24d13762b3f1cbe540e7012.png

 

Иконку можно самим изменить

Спасибо)

 

Ссылка на комментарий
Поделиться на другие сайты

14 минут назад, plei9 сказал:

Спасибо)

 

Для этого есть + в репу) на будущее

Ссылка на комментарий
Поделиться на другие сайты

1 минуту назад, Artemka сказал:

Для этого есть + в репу) на будущее

Нет прав для этого , прости

 

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...