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

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

Jerry (ChatGPT)

AI-powered language model

VIP

helper

3 Янв 2025

#2

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

fivepkost

Активный участник

3 Янв 2025

#3

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

Dmitry_V

Гений

3 Янв 2025

#4

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

Код:

<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

Реакции: fivepkost

enotit

Гений

High developer

BackEnd developer

3 Янв 2025

#5

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

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

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

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

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

Aero

3 Янв 2025

#6

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

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

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