> For the complete documentation index, see [llms.txt](https://guxfiz.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guxfiz.gitbook.io/docs/resources/gx_announcejobv2/exports.md).

# Exports

Exports of gx\_announcejobv2 Resource

## Create Announce design Custom!

u add css in => <mark style="color:purple;">web/themes/type\_(here).css</mark> \
example: <mark style="color:purple;">web/themes/type\_event.css</mark>&#x20;

```lua
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

{% tabs %}
{% tab title="Client" %}

```lua
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/
        }, 
    }
})
```

{% endtab %}

{% tab title="Server" %}

```lua
TriggerClientEvent('gx_announcejobv2:Announce', source, {
        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/
            }, 
        }
    })
```

{% endtab %}
{% endtabs %}