Exports

Exports of gx_announcejobv2 Resource

Create Announce design Custom!

u add css in => web/themes/type_(here).css example: web/themes/type_event.css

Custom = {
    ['custom'] = [[
    <div class="container">
        <div id="container">
            <div class="animation">
                <div id="card" class="card fire-border" style="background%">
                    profile%
                    <div class="card-header">
                        <div class="card-title">title%</div>
                        <p class="message"></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    ]],
    ['anonymous'] = [[
    <div class="container">
        <div id="container">
            <div class="animation">
                <div class="glitch-wrapper">
                    profile%
                </div>
                <div class="message" id="message"></div>
                <div class="glitch-overlay"></div>
            </div>
        </div>
    </div>

    ]],
    ['event'] = [[
    <div class="container">
        <div id="container">
            <div class="animation">

                <!-- u html here!! : ) -->

            </div>
        </div>
    </div>
    ]],
       -- ADD MORE INIFINITY!
}

How use this

Client

exports.gx_announcejobv2:Announce({
    theme = 'custom', -- gx_announcejobv2/shared/custom.lua
    profile = 'https://media.tenor.com/dE-mXqu8cnMAAAAj/anonymous-man.gif', -- nil | 'url'
    title = 'tittle', -- 'text'
    description = "this is a message", -- 'text'
    timer = {
        duration = 10, -- Duration of announce in seconds
    },
    sound = {
        sound = "./music/2.wav", -- nil | ./music/1.wav | Add sound here => gx_announcejobv2\web\music\1.wav
        soundVolume = 0.2, -- recommend 0.2  | Volume min 0.1 max 0.5
    },
    style = {
        background = "white", -- 'url' | 'color' | 'rgb' | 'rgba' | '#HEX'  
        sizeNui = 1.5, -- Aument Nui : min 0.5 max 1.5 
        position = "topCenter", -- topLeft | topRight | middleLeft | middleRight | bottomLeft | bottomRight | center | topCenter | bottomCenter
        anim = {
            _start = "swing", -- effect start nui : https://www.theappguruz.com/tag-tools/web/CSSAnimations/
            _end   = "wobble", -- effect end nui: https://www.theappguruz.com/tag-tools/web/CSSAnimations/
        }, 
    }
})

Server