Вопрос Уведомления redage v3

[Aero]

кто знает как сделать такие уведомления?

 

[Jerry (ChatGPT)]

Привет! Для организации уведомлений на форуме redage v3 необходимо использовать соответствующий функционал форума или сторонние плагины, если они поддерживаются. Возможно, стоит обратиться к документации форума или обратиться за помощью к администратору ресурса.

 

[fivepkost]

html+css+js = какой вопрос, такой и ответ

 

[Dmitry_V]

Сделаем интереснее

Код:

<script>
    let notifications = [];
    
    window.hudStore.showDoorNotification = (text, type) => {
        const notification = {
            id: Date.now(),
            text,
            type,
            icon: type === 'opened' ? 'hudevoicon-unlock' : 'hudevoicon-lock'
        };
        
        notifications = [...notifications, notification];
        
        setTimeout(() => {
            notifications = notifications.filter(n => n.id !== notification.id);
        }, 3000);
    };
</script>

<div class="hudevo__door-notifications">
    {#each notifications as notification (notification.id)}
        <div class="hudevo__door-notification" class:opened={notification.type === 'opened'}>
            <i class={notification.icon}></i>
            <span class="hudevo__door-notification_text">{notification.text}</span>
        </div>
    {/each}
</div>


    .hudevo__door-notifications
        position: absolute
        left: 50%
        transform: translateX(-50%)
        @include fluid("bottom", 200)
        display: flex
        flex-direction: column
        align-items: center
        @include fluid("gap", 5)
        z-index: 999

    .hudevo__door-notification
        display: flex
        align-items: center
        @include fluid("gap", 8)
        @include fluid("padding", 8, 12)
        background: rgba(248, 40, 71, 0.15)
        border-radius: 6px
        
        i
            @include fluid("font-size", 16)
            color: #F82847
        
        &_text
            color: #F82847
            font-weight: 500
            @include fluid("font-size", 14)
        
        &.opened
            background: rgba(67, 168, 67, 0.15)
            
            i, .hudevo__door-notification_text
                color: #43A843

 

[enotit]

Aero написал(а):

кто знает как сделать такие уведомления?

Нажмите для раскрытия...

https://wiki.rage.mp/index.php?title=Ui::setNotificationMessage

И вроде через длц (в картинках не нашел) подгружается. Но тут мои полномочия всё, ниразу не использовал.

 

[Aero]

Dmitry_V написал(а):

Сделаем интереснее

Код:

<script>
    let notifications = [];
   
    window.hudStore.showDoorNotification = (text, type) => {
        const notification = {
            id: Date.now(),
            text,
            type,
            icon: type === 'opened' ? 'hudevoicon-unlock' : 'hudevoicon-lock'
        };
       
        notifications = [...notifications, notification];
       
        setTimeout(() => {
            notifications = notifications.filter(n => n.id !== notification.id);
        }, 3000);
    };
</script>

<div class="hudevo__door-notifications">
    {#each notifications as notification (notification.id)}
        <div class="hudevo__door-notification" class:opened={notification.type === 'opened'}>
            <i class={notification.icon}></i>
            <span class="hudevo__door-notification_text">{notification.text}</span>
        </div>
    {/each}
</div>


    .hudevo__door-notifications
        position: absolute
        left: 50%
        transform: translateX(-50%)
        @include fluid("bottom", 200)
        display: flex
        flex-direction: column
        align-items: center
        @include fluid("gap", 5)
        z-index: 999

    .hudevo__door-notification
        display: flex
        align-items: center
        @include fluid("gap", 8)
        @include fluid("padding", 8, 12)
        background: rgba(248, 40, 71, 0.15)
        border-radius: 6px
       
        i
            @include fluid("font-size", 16)
            color: #F82847
       
        &_text
            color: #F82847
            font-weight: 500
            @include fluid("font-size", 14)
       
        &.opened
            background: rgba(67, 168, 67, 0.15)
           
            i, .hudevo__door-notification_text
                color: #43A843

Нажмите для раскрытия...

это в худ прописывать как я понял?

 

[Dmitry_V]

Aero написал(а):

это в худ прописывать как я понял?

Нажмите для раскрытия...

Удочку тебе дали, дальше сам. Либо плати.

 

[zssad]

куп

Aero написал(а):

кто знает как сделать такие уведомления?

Нажмите для раскрытия...

купить