[Release] poggu_hud [ESX ONLY]

Hello, how do i move the job bit to the top middle of the screen, i have tried messing about with the main.css but still doesnt move

hey man, it looks so good, i have a question, r u from CZE or SVK?

sorry im new and i dont know much i download poggu_hud and put it in resources and not working it says loading why is that

How to do the white paymant
?

How would i make it so the hud is already expanded and you donā€™t need to push F9

Edited Main CSS To Have It In The Top Right Of The Screen With Pop Down Animation For Job Title

.container {
	display: block;
	max-width: 15%;
	position: fixed;
	right: -109px;
	top:70px;
}
.container2 {
	display: block;
	min-width: 225px!important;
	width: auto!important;
	position: fixed;
	right: 0px;
	top:-105px;
}

.item {
	margin-top: -6px;
	background-color: #ffffff77;
	width: 140px;
	height: 31px;
	border-bottom: 1px solid #cc153d;
}

.item-job {
	display: inline-block!important;
	margin-top: 10px!important;
	min-width: 136px!important;
	width: auto!important;
}

.item-alert {
	display: inline-block!important;
	margin-top: 10px!important;
	min-width: 136px!important;
	width: auto!important;
	border-top: 3px solid #cc153d!important;
	border-bottom: unset!important;
	margin-right: -278px;
	opacity: 0;
}

.alerts .item-alert .bar {
	background-color: #3377a4;
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent);
	-webkit-background-size: 40px 40px;
	-moz-background-size: 40px 40px;
	-o-background-size: 40px 40px;
	background-size: 40px 40px;
	-webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
  height: 31px;
	width: 0px;
	opacity: 0.7
}

.alerts {
	display: flex;
  flex-direction: column;
  justify-content: flex-start;
	align-items: flex-end;
	position: absolute;
	right: 10px;
	bottom: 150px;
}

.alert-text {
		font-size: unset!important;
		text-align: center;
		padding-left:20px!important;
		padding-right:20px;
		margin-top: -29px!important;
		opacity: 0.99;
}

.job-text {
    padding-top: 6px!important;
		margin-top: 0px!important;
		padding-right: 8px!important;
		font-size: unset!important;
}

.ammo-text {
	margin-top: 1px!important;
}

.item-ammo {
	top: 35px;
	position: fixed;
	right: 0px;
	padding-right: 15px!important;
	width: auto;
}

.dark.item-ammo {
	border-top: 4px solid #cc153d!important;
}

.text {
    padding-top: 4px;
		padding-left: 34px;
		text-transform: capitalize;
		font-size: 18px;
}

.dark .item {
	background-color: rgba(0, 0, 0, 0.432)!important;
	border-bottom: unset!important;
	border-top: 2px solid #cc153d;
	margin-top: 6px!important;
}

.dark .text {
	color: white;
}

.dark .text-right {
	margin-top: 0px!important;
}

.dark img{
 filter: brightness(1) invert(0.8);
}

img {
	width: 24px;
  position: fixed;
  padding-top: 3px;
  padding-left: 4px;
}

body {
		font-family: 'Calibri', sans-serif;
		font-weight: 400;
		overflow: hidden;
}

Edit Your Main JS, Find Line 61 To 68 And Copy This And Replace Itā€¦

                    $('.container2').animate({
					    top: "+=105px"
				    }, 600, () => {
					})		
				setTimeout(() => {
					$('.container2').animate({
						top: "-=105px"
					}, 600)

Anyone Free To Useā€¦

who know how to add player id o this hud ?

Can someone help me with the hud.Does anyone know how to dissable the animation and also how to change the shape

hello I come from Indonesia this is the coolest HUD Iā€™ve ever seen and I would like to ask for help with regards to how to move the job list position in the left corner down together, what I was trying to find and look for was only the text that was moved not baground and reversed I tried again, but I couldnā€™t unite, he just moved locations

[image]****

check out my postā€¦ couple post above ^^^ see if that what you have in mindā€¦

any way to have the job also pop up and not allways have it on screen ?

Hello. I used profiler to see what actually uses my CPU a lot and why its always with HIGH USAGE, I saw 1 function from poggu_hud that do this : https://prnt.sc/uvqv6d . Can Someone or script author to give advice/fix it/optimize the code at that line , to prevent high cpu usage ? Thanks.

1 Like

Thereā€™s definitely a room for improvement, thereā€™s a loop running every 5 seconds for every client, so if you have a lot of players it will definitely run poggu_hud:retrieveData VERY often. Thatā€™s something i would have done completely different nowadays. Sadly i donā€™t support this resource anymore and canā€™t help you with that. What you can do is that you will make the loop server-side and loop ALL players at once with one call every X seconds. PRā€™s are welcome

Thanks for the answer, even if you donā€™t have time. I think i canā€™t do it for now, since its still a work, but yea, anyway.

poggu_hud:retrieveData, retrieves player data every 5 seconds, the xPlayer job, etc, am I correct @Poggu , if I am, in my free time Iā€™ll optimize some things?

Hello, I tried to click on this, but it doesnt exist. do you happen to have an updated tutorial? my programmer says that he cannot move it

link not found ā€¦ please update new link

Hello, can you tell me from where you changed the position and tell me the coords you wrote thanks!

Best hud iā€™ve seen in a while!

Hi, nice realease, but i want to know if its possible to have the doublejob? If the answer id yes, how