[Release] Simple Cycling Watermark (NUI) (Standalone)

FiveM Resource Development & Modding Releases
, ,
1

watermark_preview
watermark_preview749×356 126 KB

DESCRIPTION

A super simple “watermark” script that cycles through Server Name, Invite Link, and Logo. Easy customization. Uses HTML UI with simple, smooth transitions. Combines usual watermark, logo, and invite scripts into 1, plus makes it look way nicer :sunglasses:

DEPENDENCIES

  • None!

Hope you guys enjoy! If you have questions about how to customize the resource, see the top of the client.lua for some helpful pointers. There will be tutorials linked above for how to change some things.

DOWNLOAD

VIDEO

:clap:

9 Likes
2

HOW TO CHANGE FONT AND COLORS

Fonts:

  • Go here
  • Pick a font
  • Click “+ Select this style” on the styles you want to use
  • Click on “import” and copy the code not including <style> </style>
    image
  • Paste it at line 1 of ui/ui.css
  • Change line 19 in ui/ui.css to
    font-family: "Your Font Name", your-font-type;
  • Change line 21 to the number you want, they can be found in your @import code.

Colors:

  • Change white at line 23 to a hex value or rgb(x,x,x) value
3

Thanks, Floh!!! Great Release!

1 Like
4

Its a good work :wink:

1 Like
5

You may let people adjust their own logo, that’s way to small, I even needed to add some other stuff to make it work for example, mine worked with

.logo {
  width: 128px;
  height: 136px;
  background-image: url("logo.png");
  background-repeat: no-repeat;
  background-position: fixed;
}
2 Likes
6

Really Clean. Great Script.

Thanks for releasing.

1 Like
8

How would you do RGB?

9

replace

color: white;

at line 23 with

color: rgb(0,0,0)
1 Like
10

@Floh The server name, logo, and invite link are all showing at the same time. They’re also black when they should be white. Why is this?

11

Did you edit the script at all?

12

All I did was change the lines that I was told to in one of the files.

13

What lines specifically? Try redownloading it.

That’s mostly impossible unless you edited the code.

14

Redownloading it worked. Thanks!

15

hi how do i change the placement

16

Could you add more rotating modules so for example logo - name - discord - teamspeak - website

1 Like
17

Updated to fix permissions issue.

18

Is there anyway it can be on tbe bottom right

19

How I can put the logo right bottom of screen

20

what if I don’t want it to cycle? What do I need to change?

21

Either have to edit the code to disable it or find a different resource