Jump to content

Новые форматирование групп (Красивые ники)

Dimarik111
Dimarik111
in Themes and design Invision Community 4

Featured Replies

Posted
comment_182744
Спойлер

<span style=color:#f1db0b; text-shadow: 1px 1px 6px #e9e194;font-weight: bold; background-image: url('https://i.imgur.com/2kgeoud.gif');background-repeat:repeat"></i><i class="fa fa-star" aria-hidden="true"></i>

 

Скриншот 02-07-2022 02.56.59.png

Спойлер

<span style="color: #e25da3; font-weight: 700!important; text-shadow: 0 0 1em #e600ff!important; background-image: url(https://i.imgur.com/Xe4sLdT.gif); background-repeat: repeat; }"><i class="fa fa-beer" aria-hidden="true"></i>
 

 

Скриншот 02-07-2022 03.02.32.png

  • Цитата
    • Author
    comment_182745

    576411991_02-07-202203_09_36.thumb.png.05c26e8b65a404e0e4610cd4e17ee9bc.png

     

    Вам достаточно скопировать коды и вставить в группы, форматирование группы идет на ники и группы на форуме

    Спойлер

    <span style="color:#1da0b9;text-shadow: 1px 1px 6px #0071ff;font-weight: bold; background-image: url('https://i.imgur.com/2kgeoud.gif');background-repeat:repeat"><i class="fa fa-cog" aria-hidden="true"></i>

     

    Скриншот 02-07-2022 03.13.04.png

    Спойлер

    <span style="color:#a200ff; text-shadow: 1px 1px 6px #0d2d68;font-weight: bold; background-image: url('https://i.imgur.com/2kgeoud.gif');background-repeat:repeat"><i class="fas fa-shield-alt" aria-hidden="true"></i>

     

    Скриншот 02-07-2022 03.17.39.png

  • Цитата
    • Author
    comment_182747
    2 часа назад, by_ix сказал:

    в первом лишний закрывающий тег </i>.
    во всех остальных отсутствует закрывающий тег </span>.

    Да тороплюсь особо не смотрю

    Спойлер

    <span style="color:#FF7F50"><i class="fa fa-circle-o-notch fa-spin fa-1x fa-fw" aria-hidden="true"></i><i class="fas fa-skull-crossbones" aria-hidden="true"></i>

     

    Скриншот 02-07-2022 03.42.56.png

    Спойлер

    <span style="text-shadow:0 0 5px #FF4500, 0 0 9px #FF4500, 0 0 9px #FF4500, 0 0 9px #FF4500, 0 0 9px #FF4500, 0 0 4px #FF4500, 0 0 5px #FF4500, 0 0 7px #FF4500;-webkit-text-fill-color:none;color:#ff6 !important;"></span>

     

    Скриншот 02-07-2022 03.47.11.png

  • Цитата
    comment_182748
    13 минут назад, Dimarik111 сказал:

    <span style="color:#FF7F50"><i class="fa fa-circle-o-notch fa-spin fa-1x fa-fw" aria-hidden="true"></i><i class="fas fa-skull-crossbones" aria-hidden="true"></i>

    значок черепа лишний.

    12 минут назад, Dimarik111 сказал:

    особо не смотрю

    надо бы.

  • Цитата
    • Author
    comment_182749
    Спойлер

    <span style="background: linear-gradient(to right, #3e85da, #f035b6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0 0 7px #973aaa;"><i class= fa fa-thumbs-up

    Спойлер

    <span style="text-shadow: 0px 1px 9px #ad8b35; color: gold; font-weight: bold; background: url(https://i.imgur.com/sSjLA5B.gif);"><i class="fa fa-gitlab" aria-hidden="true"></i>

    <span style="text-shadow: 0px 1px 9px #b614c4; color: #b614c4; font-weight: bold; background: url(https://i.imgur.com/yElk0Q6.gif);"><i class="fa fa-star fa-spin" aria-hidden="true"></i>

    <span style="color: #FF0000; text-shadow: 0px 1px 9px #FF0000; font-weight: bold; background: url(https://i.imgur.com/qfuHGsW.gif)"><i class="fa fa-check fa-jeb" aria-hidden="true"></i>

    <span style="text-shadow: 0px 1px 9px #008B8B; color: #008B8B; font-weight: bold; "><i class="fa fa-spinner fa-spin fa-1x fa-fw"></i>

    <span style="text-shadow: 0px 1px 9px #32CD32; color: #32CD32; font-weight: bold; "><i class="fa fa-cog fa-spin fa-1x fa-fw"></i>

    <span style="color:#D2B48C;font-style: italic;"><i class="fa fa-circle-o-notch fa-spin fa-1x fa-fw"></i>

    <span style="text-shadow: 0px 1px 9px #FFD700; color: #FFD700; font-weight: bold; "><i class="fa fa-refresh fa-spin fa-1x fa-fw"></i>

    <span style="text-shadow: 0px 1px 9px #DC143C; color: #DC143C; font-weight: bold; "><i class="fa fa-diamond faa-wrench animated"></i>

    <span style="text-shadow: 1px 1px 10px #99CCFF; color: #99CCFF; font-weight: bold" original-title=""> <i class="fa fa-user-secret"> </i>

    <span style="color:#a200ff; text-shadow: 1px 1px 6px #0d2d68;font-weight: bold; background-image: url('https://i.imgur.com/2kgeoud.gif');background-repeat:repeat"><i class="fa fa-hand-rock-o" aria-hidden="true"></i>

    " aria-hidden="true"></i>

     

    Скриншот 02-07-2022 04.06.22.png

    Еще буду добавлять в эту же тему, пока думаю достаточно

    Спойлер

    <span style="text-shadow: 0px 1px 9px #b614c4; color: #b614c4; font-weight: bold; background: url(https://i.imgur.com/yElk0Q6.gif);"><i class="fa fa-star fa-spin" aria-hidden="true"></i>

     

  • Цитата
    • Author
    comment_182752
    Спойлер

    <span style="text-shadow: 0 0 1em #0f0!important; background-image: url(https://i.imgur.com/GgOEbWa.gif); 1px 1px 10px #99CCFF; color: #FFD700; font-weight: bold" original-title=""> <i class="fa fa-user-secret"> </i>

     

    Скриншот 02-07-2022 12.30.23.png

  • Цитата
    • 1 месяц спустя...
    • Author
    comment_185178 
    <span style="background: linear-gradient(75deg, #ff1901 28%, #c6672f 72%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: #d85839;font-weight: bold;"><i class="fa fa-bolt"></i> Основатель</span>

    image.png.771e0833d3ee16a6490ca8a3c0fc57da.png 

    <span style="font-weight: 800;background: linear-gradient(75deg, #006645 28%, #2fc65d 72%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: #006266;font-weight: bold;"><i class="fa fa-amazon"></i> Администратор</span>

    image.png.4d3d72d43d1f9deaed93d63026e4233c.png 

    <span style="font-weight: 800;background: linear-gradient(75deg, #9d01ff 28%, #cc21b7 72%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: #cc21b7;font-weight: bold;"><i class="fa fa-cogs"></i> Релизёр</span>

    image.png.f35ca988c2fb04d6356473ed75823132.png 

    <span style="font-weight: 800;background: linear-gradient(75deg, #ff8201 28%, #eac614 72%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: #eac614;font-weight: bold;"><i class="fa fa-diamond"></i> Premium</span>

    image.png.32e8acb6597e64bf851137c7f1db7c9a.png 

    <span style="font-weight: 800;background: linear-gradient(to right, #00d2ff, #3a7bd5);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: #FF512F;font-weight: bold;"><i class="fa fa-google-wallet"></i> Проверенный</span>

    image.png.6a8ac4b93b37b0a4b01b3b2dbee4541e.png 

    <span style="background: linear-gradient(  75deg  , #ffffff 28%, #929292 72%);     -webkit-background-clip: text;     -webkit-text-fill-color: transparent;     font-weight: bold;"><i class="fa fa-user-secret" aria-hidden="true"></i> Новичок</span>

    image.png.e366617347cc1f8ad51f415cc196b12e.png 

    <span style="color:#afb6bd;"><i class="fa fa-low-vision"></i> Заблокированные</span>

    image.png.c1907362eadab72ab40b593f0cc48186.png

  • Цитата
    comment_185211
    23 часа назад, Dimarik111 сказал: 
    <span style="background: linear-gradient(75deg, #ff1901 28%, #c6672f 72%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: #d85839;font-weight: bold;"><i class="fa fa-bolt"></i> Основатель</span>

    image.png.771e0833d3ee16a6490ca8a3c0fc57da.png 

    <span style="font-weight: 800;background: linear-gradient(75deg, #006645 28%, #2fc65d 72%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: #006266;font-weight: bold;"><i class="fa fa-amazon"></i> Администратор</span>

    image.png.4d3d72d43d1f9deaed93d63026e4233c.png 

    <span style="font-weight: 800;background: linear-gradient(75deg, #9d01ff 28%, #cc21b7 72%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: #cc21b7;font-weight: bold;"><i class="fa fa-cogs"></i> Релизёр</span>

    image.png.f35ca988c2fb04d6356473ed75823132.png 

    <span style="font-weight: 800;background: linear-gradient(75deg, #ff8201 28%, #eac614 72%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: #eac614;font-weight: bold;"><i class="fa fa-diamond"></i> Premium</span>

    image.png.32e8acb6597e64bf851137c7f1db7c9a.png 

    <span style="font-weight: 800;background: linear-gradient(to right, #00d2ff, #3a7bd5);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: #FF512F;font-weight: bold;"><i class="fa fa-google-wallet"></i> Проверенный</span>

    image.png.6a8ac4b93b37b0a4b01b3b2dbee4541e.png 

    <span style="background: linear-gradient(  75deg  , #ffffff 28%, #929292 72%);     -webkit-background-clip: text;     -webkit-text-fill-color: transparent;     font-weight: bold;"><i class="fa fa-user-secret" aria-hidden="true"></i> Новичок</span>

    image.png.e366617347cc1f8ad51f415cc196b12e.png 

    <span style="color:#afb6bd;"><i class="fa fa-low-vision"></i> Заблокированные</span>

    image.png.c1907362eadab72ab40b593f0cc48186.png

    Странно, но эти виды групп ломают отображение активности на сайте.

    Пример - Группа ветеран, с кодом из данной темы:

    image.thumb.png.49802c106bf3a6a8cc4f634e3386a6c7.png

    Без кода:

    image.thumb.png.4f406b23ad514ceed899d825e6714c2a.png

  • Цитата
    • Author
    comment_185216
    11 часов назад, ryancoolround сказал:

    Странно, но эти виды групп ломают отображение активности на сайте.

    Пример - Группа ветеран, с кодом из данной темы:

    image.thumb.png.49802c106bf3a6a8cc4f634e3386a6c7.png

    Без кода:

    image.thumb.png.4f406b23ad514ceed899d825e6714c2a.png

    Странно странно, попробуй так  

    <span style="background: linear-gradient(75deg, #ff1901 28%, #c6672f 72%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: #d85839;font-weight: bold;"><i class="fa fa-bolt"></i>

     

    ryancoolround ну мы тестили на 4.7 норм мб у тебя там траблы с темой ?

  • Цитата
    comment_185219
    13 часов назад, ryancoolround сказал:

    Странно, но эти виды групп ломают отображение активности на сайте.

    Пример - Группа ветеран, с кодом из данной темы:

    image.thumb.png.49802c106bf3a6a8cc4f634e3386a6c7.png

    Без кода:

    image.thumb.png.4f406b23ad514ceed899d825e6714c2a.png

    Потому что автор забил на закрывающие теги. 

  • Цитата
    • 4 недели спустя...
    • 2 недели спустя...
    • 1 месяц спустя...
    • Author
    comment_187649
    Спойлер

    Администратор

    <span style="color: #FF0000; text-shadow: 0px 1px 9px #FF0000; font-weight: bold; background: url(https://i.imgur.com/qfuHGsW.gif)"><i class="fa fa-check fa-jeb" aria-hidden="true"></i>

    Модератор

    <span style="text-shadow: 0px 1px 9px #32CD32; color: #32CD32; font-weight: bold; "><i class="fa fa-cog fa-spin fa-1x fa-fw"></i>

    Пользователь

    <span style="text-shadow:0 0 5px #FF4500, 0 0 9px #FF4500, 0 0 9px #FF4500, 0 0 9px #FF4500, 0 0 9px #FF4500, 0 0 4px #FF4500, 0 0 5px #FF4500, 0 0 7px #FF4500;-webkit-text-fill-color:none;color:#ff6 !important;">

    Постинг

    <span style="text-shadow: 0px 1px 9px #FFD700; color: #FFD700; font-weight: bold; "><i class="fa fa-refresh fa-spin fa-1x fa-fw"></i>

    Автомодерация

    <span style="font-weight: 800;background: linear-gradient(75deg, #9d01ff 28%, #cc21b7 72%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: #cc21b7;font-weight: bold;"><i class="fa fa-cogs"></i>

     

    397699870_12-11-202219_29_23.png.3449b7968a471ba55d3c2962c8cf0ad3.png

    Пользуйтесь на здоровье, важно не закрывать коды <span иначе код не сработает

    Протестированы на все версии IPS ошибки не наблюдается!

  • Цитата
    comment_187650
    28 минут назад, Dimarik111 сказал:
      Показать контент

    Администратор

    <span style="color: #FF0000; text-shadow: 0px 1px 9px #FF0000; font-weight: bold; background: url(https://i.imgur.com/qfuHGsW.gif)"><i class="fa fa-check fa-jeb" aria-hidden="true"></i>

    Модератор

    <span style="text-shadow: 0px 1px 9px #32CD32; color: #32CD32; font-weight: bold; "><i class="fa fa-cog fa-spin fa-1x fa-fw"></i>

    Пользователь

    <span style="text-shadow:0 0 5px #FF4500, 0 0 9px #FF4500, 0 0 9px #FF4500, 0 0 9px #FF4500, 0 0 9px #FF4500, 0 0 4px #FF4500, 0 0 5px #FF4500, 0 0 7px #FF4500;-webkit-text-fill-color:none;color:#ff6 !important;">

    Постинг

    <span style="text-shadow: 0px 1px 9px #FFD700; color: #FFD700; font-weight: bold; "><i class="fa fa-refresh fa-spin fa-1x fa-fw"></i>

    Автомодерация

    <span style="font-weight: 800;background: linear-gradient(75deg, #9d01ff 28%, #cc21b7 72%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: #cc21b7;font-weight: bold;"><i class="fa fa-cogs"></i>

     

    397699870_12-11-202219_29_23.png.3449b7968a471ba55d3c2962c8cf0ad3.png

    Пользуйтесь на здоровье, важно не закрывать коды <span иначе код не сработает

    Протестированы на все версии IPS ошибки не наблюдается!

    А что за гирлянды? Можно посмотреть?

  • Цитата
    • Author
    comment_187651
    2 часа назад, Donjuan сказал:

    А что за гирлянды? Можно посмотреть?

    Не дружище, тебе придется стиль поменять форума! Щас скину стиль!

    2 часа назад, Donjuan сказал:

    А что за гирлянды? Можно посмотреть?

    работает отлично на 4.6.6 не советую на последних версиях есть некоторые ошибки

    Dread4.6.6.xml

  • Цитата
    comment_187652
    41 минуту назад, Dimarik111 сказал:

    важно не закрывать коды <span иначе код не сработает

    Какая то сомнительная рекомендация.

    Если, конечно хотите кривую вёрстку, то да, нужно не закрывать двойные теги

  • Цитата
    comment_187654

    А что если так ?

    <span style="color: #FF0000; text-shadow: 0px 1px 9px #FF0000; font-weight: bold; background: url(https://i.imgur.com/qfuHGsW.gif)"><i class="fa fa-check fa-jeb" aria-hidden="true"></i> Администратор </span>
     

    теоретически должно все работать )

    22 минуты назад, Dimarik111 сказал:

    Dread4

    Благодарю)

  • Цитата
    • Author
    comment_187655
    2 часа назад, HooLIGUN сказал:

    Какая то сомнительная рекомендация.

    Если, конечно хотите кривую вёрстку, то да, нужно не закрывать двойные теги

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

    2 часа назад, Donjuan сказал:

    А что если так ?

    <span style="color: #FF0000; text-shadow: 0px 1px 9px #FF0000; font-weight: bold; background: url(https://i.imgur.com/qfuHGsW.gif)"><i class="fa fa-check fa-jeb" aria-hidden="true"></i> Администратор </span>
     

    теоретически должно все работать )

    Благодарю)

    Уже протестированы, не будет, стоит криво поправка в этом случае не мешает выше скинул актив кода что должно работать!110386747_12-11-202221_07_56.thumb.png.27801d0c142f58e5b32b35b2a4e508b5.png

    Прикольный красивый ник 961716297_12-11-202221_09_50.png.275ffa4ed92ab863b791e66ae378fad4.png

    А с кодом где был протестирован без и с поправками на все версиях IPS с не закрытыем Span 

    973427201_12-11-202221_11_24.png.ab5d9fd630ca990ed398b810950fbf2f.png

    Напоминаю весь мой контент тестируется на последних версиях, а если тем это код форматирование то на всех, ошибок не должно быть.

  • Цитата
    comment_187659

    Дурдом какой-то у вас тут.
    В настройках группы в поле "Форматирование группы" закрывающий тег обязателен во втором под-поле
    Работоспособность (в данном случае) html тегов не зависит от версии ips (был конечно один баг с неправильной экранизацией кавычек " в одной из версий, но его быстро пофиксили)

    Dimarik111 больше 70% предложений которые ты пишешь - не понятны, ты либо учись правильно мысли выражать, либо учись правильно мысли выражать

  • Цитата
    comment_187661
    3 часа назад, Dimarik111 сказал:

    важно не закрывать коды <span иначе код не сработает

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

  • Цитата
    • Author
    comment_187676
    9 часов назад, by_ix сказал:

    потому что закрывать нужно в суффиксе, а не в префиксе, тогда и работать всё будет 

    Отправишь ? Отредактируй

    10 часов назад, Exception сказал:

    Дурдом какой-то у вас тут.
    В настройках группы в поле "Форматирование группы" закрывающий тег обязателен во втором под-поле
    Работоспособность (в данном случае) html тегов не зависит от версии ips (был конечно один баг с неправильной экранизацией кавычек " в одной из версий, но его быстро пофиксили)

    Dimarik111 больше 70% предложений которые ты пишешь - не понятны, ты либо учись правильно мысли выражать, либо учись правильно мысли выражать

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

  • Цитата
    comment_187737

    Забрал пару классов, для форума, спасибо. Их можно не только в никах использовать, но и в темах тех же. Не плохо получается)

  • Цитата
    • 3 недели спустя...

    Join the conversation

    You can post now and register later. If you have an account, sign in now to post with your account.
    Note: Your post will require moderator approval before it will be visible.

    Guest
    Ответить в этой теме...
    Go to topic listing

    Последние посетители 0

    • No registered users viewing this page.