Jump to content

Помоги в создание украшения

Featured Replies

Posted

Хочу добавить на свой форум такую функции как украшение, похожая схема в дс.
Но не знаю как это воссоздать, есть ли какой то плагин для этого? 
Меня интересует именно рамка вокруг

Ниже я прикрепил скриншот похожих рамок, чтобы вы поняли о чем я вообще

цццц.PNG

  On 26.07.2024 at 17:34, Respected said:

Что-то похожее - Avatar Hub

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

  • Author

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

  On 25.07.2024 at 21:33, Darling said:

Хочу добавить на свой форум такую функции как украшение, похожая схема в дс.
Но не знаю как это воссоздать, есть ли какой то плагин для этого? 
Меня интересует именно рамка вокруг

Ниже я прикрепил скриншот похожих рамок, чтобы вы поняли о чем я вообще

цццц.PNG

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

Edited by CharonSix

  On 28.07.2024 at 06:14, CharonSix said:

@Darling, пример украшений. Использовать можешь любые, какие только найдёшь в интернете. Задействовано через custom.css, userPhoto и profileHeader.

 

как так сделать?

  • 2 недели спустя...
  On 29.07.2024 at 11:59, Orpheus said:

Can we not use animated PNGs? They need to be created or copied/downloaded.

Edit: It needs a new plugin to be created or just use custom.css for specific groups.

If it's about my video, then it's enough to upload the image to the server or any other storage. Implementation via custom.cssuserPhoto and profileHeader.

 

  On 31.07.2024 at 07:31, Grofaiter said:

как так сделать?

Внести коррективы в код шаблона. Или тебя интересует что-то конкретное?

Edited by CharonSix

  On 12.08.2024 at 06:34, CharonSix said:

If it's about my video, then it's enough to upload the image to the server or any other storage. Implementation via custom.css userPhoto  and  profileHeader .

Yes, right

  On 12.08.2024 at 06:34, CharonSix said:

Make adjustments to the template code. Or are you interested in something specific?

I think, he/she asking for a sample code

  On 25.07.2024 at 21:33, Darling said:

Хочу добавить на свой форум такую функции как украшение, похожая схема в дс.
Но не знаю как это воссоздать, есть ли какой то плагин для этого? 
Меня интересует именно рамка вокруг

Ниже я прикрепил скриншот похожих рамок, чтобы вы поняли о чем я вообще

цццц.PNG

Если вы хотите сделать это для определенных групп, вы можете использовать это руководство.

и вместо цвета границы использовать ваши изображения в качестве фона

  On 12.08.2024 at 06:34, CharonSix said:

If it's about my video, then it's enough to upload the image to the server or any other storage. Implementation via custom.cssuserPhoto and profileHeader.

 

Внести коррективы в код шаблона. Или тебя интересует что-то конкретное?

Ну вообще инструкцию бы по реализации, может помимо меня кто-то еще захочет узнать как это делается.

  On 15.08.2024 at 07:41, Grofaiter said:

Ну вообще инструкцию бы по реализации, может помимо меня кто-то еще захочет узнать как это делается.

На днях либо на следующей неделе выкачу пост

  • 1 месяц спустя...
  On 24.09.2024 at 08:28, Grofaiter said:

Все еще в ожидании поста)

На самом деле, всё не так уж и сложно. Можно банально использовать местный топик с кодом для индивидуального текста в PostContainer у пользователя, который ранее фигурировал у @Respected.

Как присвоить украшение индивидуально?
1. В ProfileHeader добавить следующий код:

<img src='{$member->photo}' alt=''> /* после этого кода */
<div class='avatar-container' style='display:;'>
  {{if $member->member_id == id}}    
  <img src="/uploads/effects/avatar/5/victory_crown.png" alt="CharonSix" loading="lazy" style="position: absolute; left: -10%; z-index: 0; width: 120%; height: 120%; top: -10%; pointer-events: none;">
  {{endif}}
</div>

 

2. В userPhoto добавить следующий код:

<img src='{$member->photo}' alt='{$member->name}' loading="lazy"> /* после этого кода */
<div class='avatar-container' style='display:;'>
  {{if $member->member_id == ID}}     
  <img src="/uploads/effects/avatar/5/victory_crown.png" alt="CharonSix" loading="lazy" style="position: absolute; left: -10%; z-index: 0; width: 120%; height: 120%; top: -10%; pointer-events: none;">
  {{endif}}

 

Чтобы присвоить украшение группе, достаточно вместо "member_id" указать "member_group_id". Касательно вывода украшений через доп. поле - это потом, когда более-менее разгружусь, отдельным топиком.

 

 

Пример результата:

Edited by CharonSix

  On 24.09.2024 at 16:20, CharonSix said:
<img src='{$member->photo}' alt='{$member->name}' loading="lazy"> /* после этого кода */
<div class='avatar-container' style='display:;'>
  {{if $member->member_id == ID}}     
  <img src="/uploads/effects/avatar/5/victory_crown.png" alt="CharonSix" loading="lazy" style="position: absolute; left: -10%; z-index: 0; width: 120%; height: 120%; top: -10%; pointer-events: none;">
  {{endif}}
</div>

У меня только с .png получилось. С .gif аватар профиля становится черным

Edited by aLEX49566

  On 24.09.2024 at 22:48, aLEX49566 said:
</div>

Да, совсем забыл. Спасибо!

 

  On 24.09.2024 at 22:48, aLEX49566 said:
 

У меня только с .png получилось. С .gif аватар профиля становится черным

Насколько мне известно, поэтому что Steam, что Discord используют именно .png. Вероятнее всего, дело в самом .gif, ибо лично у меня аналогичная ситуация. В принципе, можно попробовать преобразовать .gif в .png через фотошоп, сохраняя все слои .gif.

Можешь отправить гифку мне, я попробую преобразовать её в пнгшку, если у тебя нет такой возможности.

  • 4 недели спустя...
  On 24.09.2024 at 22:48, aLEX49566 said:
</div>

Eu só consegui com .png. A partir de .gif, o avatar do perfil fica preto

Olá!

Desculpe o meu idioma, porém eu posso ajudar:
 

  1. https://products.aspose.app/imaging/pt/animated-png-maker converte gif to png animated..
  2. other option.. in discord f12 > give link.. example:

    image.png.344d5cef26d8527bec7598118f76032b.png


    Link> https://cdn.discordapp.com/avatar-decoration-presets/a_6d16b27d9415cafe3b289053644337c4.png?size=96&amp;passthrough=false


    Change false to true.. Enjoy

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
Ответить в этой теме...

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

  • No registered users viewing this page.