[Info]How to customize your forums live signature

[Loup]

Hello Guys.
Today ill be talking about forums live signature, which looks like this below and also its added in my signature you can check at the end of my post.

My Customized Signature

Last seen

Total time on server

Score

Truck Loads

Convoy Score

Achievements

Artic

Dumper

Van

Fuel

Cement

Arrests

Cars Stolen

Coach

Plane

Helicopter

Tow Truck

Limo

Trash

Armored Van

Burglaries

Armored Vans Stolen

Missions Failed

Overloaded

Fines Paid

Total Spent on Fuel

Interest Earned

Distance Travelled

Time in Jail

Last Mission

Updated content

https://forum.convoytrucking.net/index.php/topic,59823.msg345400.html#msg345400

Default Signature:

LAST SEEN

TOTAL TIME ON SERVER

SCORE

TRUCK LOADS

CONVOY SCORE

ACHIEVEMENTS

ARTIC

DUMPER

VAN

FUEL

CEMENT

ARRESTS

CARS STOLEN

COACH

PLANE

HELICOPTER

TOW TRUCK

LIMO

TRASH

ARMORED VAN

BURGLARIES

ARMORED VANS STOLEN

MISSIONS FAILED

OVERLOADED

FINES PAID

TOTAL SPENT ON FUEL

INTEREST EARNED

DISTANCE TRAVELLED

TIME IN JAIL

LAST MISSION

I found a few things that I would like to share with you all. This is not gonna be a proper tutorial because I don't have much knowledge, its just some lines I found out what are they used for and how you can use them to customize your signature. I was just randomly playing with them changing names values etc and build up some interest in it so thought to share for everyone now.

Note: I have not created this signature ive been using it for a long time probably copied from another old player who had this in his forums signature. If you have done something wrong please go from start I don't have enough knowledge about this so cant really help you with it.

This is the code for default signature:

Code Select Expand

[html]
<div style="position: relative; display: flex; font-size: 10px; flex-direction: row; width: 100%; min-height: 200px; background-image: url(https://i.pinimg.com/originals/bd/90/8b/bd908b89c2a41e7ecd52605922541194.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 16px; padding-right: 0; box-sizing: border-box; color: white; font-family: 'Roboto', Verdana, sans-serif;"><div style="display:none; /******** IF YOU ARE READING THIS: this CSS is messy since we cannot have stylesheets (and hence classes) in bbcode. Don't contact me on how to adjust it to your needs, fix it, etc. ********/"></div><div style="position:absolute;top:0;left:0;right:0;bottom:0;background-color: rgba(0,0,0,0.54);"></div><div style="flex-grow: 0;justify-content: flex-start; align-items: flex-end;display: flex;flex-direction: column;padding-right: 16px;border-right: 1px solid rgba(255,255,255,0.54);box-sizing: border-box;"><div style="opacity:0.87;display: block;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&bold=true&textAlign=end&fontFamily=Roboto,Verdana,sans-serif#Name');background-repeat: no-repeat;background-position: top right;background-size: 340em;width: 40em;height: 3.4em;"></div><div style="opacity:0.87;display:block;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&bold=true&textAlign=end&fontFamily=Roboto,Verdana,sans-serif#CustomRank');background-repeat: no-repeat;background-position: top right;background-size: 160em;width: 40em;height: 1.6em;margin-bottom: 16px;"></div><div style="font-size: 1.3em; opacity: 0.54; margin-bottom: 8px">LAST SEEN</div><div style="display: block;opacity:0.87;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&textAlign=end&fontFamily=Roboto,Verdana,sans-serif#LastSeenDate');margin-bottom:16px;background-repeat: no-repeat;background-position: top right;background-size: 160em;width: calc(1.6em * 15);height: 1.6em;"></div><div style="font-size: 1.3em; opacity: 0.54; margin-bottom: 8px">TOTAL TIME ON SERVER</div><div style="display: block;opacity:0.87;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&textAlign=end&fontFamily=Roboto,Verdana,sans-serif#TotalTimeOnServer');margin-bottom:16px;background-repeat: no-repeat;background-position: top right;background-size: 160em;width: 40em;height: 1.6em;"></div></div><div style="flex-grow: 2;justify-content: center;align-items: flex-start;flex-basis: 0;display: flex;flex-direction: row;flex-wrap:wrap;padding-left:16px;box-sizing: border-box;"><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.54; margin-bottom: 8px;">SCORE</div><div style="display: block;opacity:0.87;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#Score');background-repeat: no-repeat;background-position: top center;background-size: 340em;width: 12em;height: 3.4em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.54; margin-bottom: 8px;">TRUCK LOADS</div><div style="display: block;opacity:0.87;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#TruckLoadMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 340em;width: 10em;height: 3.4em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.54; margin-bottom: 8px;">CONVOY SCORE</div><div style="display: block;opacity:0.87;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#ConvoyScore');background-repeat: no-repeat;background-position: top center;background-size: 280em;width: 10em;height: 3.4em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.54; margin-bottom: 8px;">ACHIEVEMENTS</div><div style="display: block;opacity:0.87;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#Achievements');background-repeat: no-repeat;background-position: top center;background-size: 280em;width: 10em;height: 3.4em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.54; margin-bottom: 8px;">ARTIC</div><div style="display: block;opacity:0.87;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#ArticMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.54; margin-bottom: 8px;">DUMPER</div><div style="display: block;opacity:0.87;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#DumperMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.54; margin-bottom: 8px;">VAN</div><div style="display: block;opacity:0.87;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#VanMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.54; margin-bottom: 8px;">FUEL</div><div style="display: block;opacity:0.87;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#TankerMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.54; margin-bottom: 8px;">CEMENT</div><div style="display: block;opacity:0.87;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#CementMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.54; margin-bottom: 8px;">ARRESTS</div><div style="display: block;opacity:0.87;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#ArrestCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.54; margin-bottom: 8px;">CARS STOLEN</div><div style="display: block;opacity:0.87;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#ThiefMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.54; margin-bottom: 8px;">COACH</div><div style="display: block;opacity:0.87;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#CoachMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.54; margin-bottom: 8px;">PLANE</div><div style="display: block;opacity:0.87;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#PlaneMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.54; margin-bottom: 8px;">HELICOPTER</div><div style="display: block;opacity:0.87;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#HeliMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.54; margin-bottom: 8px;">TOW TRUCK</div><div style="display: block;opacity:0.87;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#TowMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.54; margin-bottom: 8px;">LIMO</div><div style="display: block;opacity:0.87;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#LimoMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.54; margin-bottom: 8px;">TRASH</div><div style="display: block;opacity:0.87;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#TrashMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.54; margin-bottom: 8px;">ARMORED VAN</div><div style="display: block;opacity:0.87;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#ArmoredMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.54; margin-bottom: 8px;">BURGLARIES</div><div style="display: block;opacity:0.87;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#BurglarMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.54; margin-bottom: 8px;">ARMORED VANS STOLEN</div><div style="display: block;opacity:0.87;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#HeistMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.54; margin-bottom: 8px;">MISSIONS FAILED</div><div style="display: block;opacity:0.87;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#FailedMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.54; margin-bottom: 8px;">OVERLOADED</div><div style="display: block;opacity:0.87;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#OverloadedMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.54; margin-bottom: 8px;">FINES PAID</div><div style="display: block;opacity:0.87;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#TotalFines');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 10em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.54; margin-bottom: 8px;">TOTAL SPENT ON FUEL</div><div style="display: block;opacity:0.87;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#TotalFuelMoneySpent');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 10em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.54; margin-bottom: 8px;">INTEREST EARNED</div><div style="display: block;opacity:0.87;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#TotalInterestEarnedCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 15em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.54; margin-bottom: 8px;">DISTANCE TRAVELLED</div><div style="display: block;opacity:0.87;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#TotalDistanceTravelledKilometers');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 10em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.54; margin-bottom: 8px;">TIME IN JAIL</div><div style="display: block;opacity:0.87;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#JailTime');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 22em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.54; margin-bottom: 8px;">LAST MISSION</div><div style="display: block;opacity:0.87;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#LastMissionDate');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 10em;height: 1.6em;"></div></div></div></div>
[/html]

This is the Code for my customized signature:

Code Select Expand

[html]
<div style="position: relative; display: flex; font-weight: bold; font-size: 10px; flex-direction: row; width: 100%; min-height: 200px; background-image: url(https://i.pinimg.com/736x/ac/51/cf/ac51cf8b25ad6078037e8312a75f1c00--car-wallpapers-hd-wallpaper.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 16px; padding-right: 0; box-sizing: border-box; color: cyan; font-family: 'serif', Georgia, serif;"><div style="display:none; /******** IF YOU ARE READING THIS: this CSS is messy since we cannot have stylesheets (and hence classes) in bbcode. Don't contact me on how to adjust it to your needs, fix it, etc. ********/"></div><div style="position:absolute;top:0;left:0;right:0;bottom:0;background-color: rgba(0,0,0,0.54);"></div><div style="flex-grow: 0;justify-content: flex-start; align-items: flex-end;display: flex;flex-direction: column;padding-right: 16px;border-right: 1px solid rgba(255,255,255,0.54);box-sizing: border-box;"><div style="opacity:0.9;display: block;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=cyan&bold=true&textAlign=end&fontFamily=Roboto,Verdana,sans-serif#Name');background-repeat: no-repeat;background-position: top right;background-size: 340em;width: 40em;height: 3.4em;"></div><div style="opacity:0.9;display:block;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=red&bold=true&textAlign=end&fontFamily=Roboto,Verdana,sans-serif#CustomRank');background-repeat: no-repeat;background-position: top right;background-size: 200em;width: 40em;height: 1.6em;margin-bottom: 16px;"></div>
<div style="font-size: 1.3em; opacity: 0.9; margin-bottom: 8px">Last seen</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=limegreen&bold=true&textAlign=end&fontFamily=Roboto,Verdana,sans-serif#LastSeenDate');margin-bottom:16px;background-repeat: no-repeat;background-position: top right;background-size: 160em;width: calc(1.6em * 15);height: 1.6em;"></div><div style="font-size: 1.3em; opacity: 0.9; margin-bottom: 8px">Total time on server</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=limegreen&bold=true&textAlign=end&fontFamily=Roboto,Verdana,sans-serif#TotalTimeOnServer');margin-bottom:16px;background-repeat: no-repeat;background-position: top right;background-size: 160em;width: 40em;height: 1.6em;"></div></div><div style="flex-grow: 2;justify-content: center;align-items: flex-start;flex-basis: 0;display: flex;flex-direction: row;flex-wrap:wrap;padding-left:16px;box-sizing: border-box;"><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.9; margin-bottom: 8px;">Score</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=orange&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#Score');background-repeat: no-repeat;background-position: top center;background-size: 250em;width: 12em;height: 3.4em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.9; margin-bottom: 8px;">Truck Loads</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=orange&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#TruckLoadMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 250em;width: 10em;height: 3.4em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.9; margin-bottom: 8px;">Convoy Score</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=orange&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#ConvoyScore');background-repeat: no-repeat;background-position: top center;background-size: 250em;width: 15em;height: 3.4em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.9; margin-bottom: 8px;">Achievements</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=orange&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#Achievements');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 10em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.9; margin-bottom: 8px;">Artic</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=orange&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#ArticMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.9; margin-bottom: 8px;">Dumper</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=orange&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#DumperMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.9; margin-bottom: 8px;">Van</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=orange&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#VanMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.9; margin-bottom: 8px;">Fuel</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=orange&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#TankerMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.9; margin-bottom: 8px;">Cement</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=orange&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#CementMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.9; margin-bottom: 8px;">Arrests</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=orange&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#ArrestCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.9; margin-bottom: 8px;">Cars Stolen</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=orange&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#ThiefMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.9; margin-bottom: 8px;">Coach</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=orange&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#CoachMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.9; margin-bottom: 8px;">Plane</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=orange&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#PlaneMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.9; margin-bottom: 8px;">Helicopter</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=orange&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#HeliMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.9; margin-bottom: 8px;">Tow Truck</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=orange&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#TowMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.9; margin-bottom: 8px;">Limo</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=orange&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#LimoMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.9; margin-bottom: 8px;">Trash</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=orange&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#TrashMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.9; margin-bottom: 8px;">Armored Van</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=orange&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#ArmoredMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.9; margin-bottom: 8px;">Burglaries</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=orange&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#BurglarMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.9; margin-bottom: 8px;">Armored Vans Stolen</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=orange&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#HeistMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.9; margin-bottom: 8px;">Missions Failed</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=orange&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#FailedMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.9; margin-bottom: 8px;">Overloaded</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=orange&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#OverloadedMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.9; margin-bottom: 8px;">Fines Paid</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=orange&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#TotalFines');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 10em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.9; margin-bottom: 8px;">Total Spent on Fuel</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=orange&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#TotalFuelMoneySpent');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 10em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.9; margin-bottom: 8px;">Interest Earned</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=orange&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#TotalInterestEarnedCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 15em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.9; margin-bottom: 8px;">Distance Travelled</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=orange&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#TotalDistanceTravelledKilometers');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 15em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.9; margin-bottom: 8px;">Time in Jail</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=orange&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#JailTime');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 22em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity: 0.9; margin-bottom: 8px;">Last Mission</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=orange&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#LastMissionDate');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 15em;height: 1.6em;"></div></div></div></div>
[/html]

You can put this code in your Top of the forums page > Profile > Forum Profile > Signature and then click change profile.

I will start the explanation from here step by step:

1.    Replace my name with your name to have your status on signature.
2.    Replace picture with your own preferred picture.
3.    Custom colors for ranks and the values below (like your score).
4.    List of colors.

1. Replace my name with your name to have your status on signature:

You will find my name multiple times in different places. All you need to do is replace my name with your name [EXACT NAME] and it will show your status instead of mine.
A simple way to do is that you copy full code to a program like Notepad or MS Word. Hit Ctrl+H (it is replace command) now type above my name Loup and below your name, then press Replace all. Picture given below:



It will remove my name and add your name and you can see your status when you put this on your forums profile. OR reply to any post > paste that code > Click Preview and you can check how it looks.

2. Replace picture with your own preferred picture.

In starting lines, you will find this link:



As you can see its highlighted in yellow, simply remove this link and paste your image link in that area and your image will pop up there.

3. Custom colors for ranks and the values (like your score).

As you can see down below I have highlighted a few things for your better understanding.



Purple highlighting shows: Transparency for your text. (0.1 lowest visible and 0.9 highest/brightest visible) idk if the range is really between 0.1-0.9 but that's what ive found, because if you put 1 it is still close to 0.1 so idk just use between 0.1 to 0.9.
Blue highlighting shows: My name which im sure you have already changed in step 1. If not you can change where ever my name is shown with your name.
Green highlighting shows: Color, you have different varieties of colors to choose from, just scroll down for a full list of colors.
Red highlighting shows: As Opacity and Color are done now these settings will be set for the red highlighting, which is "Name". Means Opacity you choose and Color you choose will be applied on your name.
Cyan highlighting shows: After you put your preferred Opacity and color, it's time for size, width and height for the text.
As you can see in picture below there is another example ive highlighted. Opacity, Name, Color & size/width/height for Custom Rank.

If you just want to change color and nothing more, then feel free to just change the colors for each of them and leave opacity size etc.

Heading are the title above your status like: Score, Truck loads, Convoy score, Achievements etc. If you take a look at the "headings" you will find they are in different color and their color is not being changed after you change other colors. Down below is the correct place to change the headings color:



As you see the line says Color: cyan; change the cyan to any color you like form the list below.
These are headings I was talking about:

4. List of colors

black
red
yellow
pink
green
orange
purple
blue
beige
brown
teal
navy
maroon
limegreen
white

Video

Copy and paste any color name and you will have that color in your live status signature.

Once you know the basics you can play around with them to do some more stuff, like adding some more text you like to see or something else. I hope you will be able to customize the live status signature for your profile as you want have a good day, Thanks.

[Rayman]

Pogu.

[Loup]

*****UPDATE*****

Default Signature [with bold and bright color]:

LAST SEEN

TOTAL TIME ON SERVER

SCORE

TRUCK LOADS

CONVOY SCORE

ACHIEVEMENTS

ARTIC

DUMPER

VAN

FUEL

CEMENT

ARRESTS

CARS STOLEN

COACH

PLANE

HELICOPTER

TOW TRUCK

LIMO

TRASH

ARMORED VAN

BURGLARIES

ARMORED VANS STOLEN

MISSIONS FAILED

OVERLOADED

FINES PAID

TOTAL SPENT ON FUEL

INTEREST EARNED

DISTANCE TRAVELLED

TIME IN JAIL

LAST MISSION

Code Select Expand

[html]
<div style="position: relative; display: flex; font-size: 10px; flex-direction: row; width: 100%; min-height: 200px; background-image: url(https://i.pinimg.com/originals/bd/90/8b/bd908b89c2a41e7ecd52605922541194.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 16px; padding-right: 0; box-sizing: border-box; color: white; font-family: 'Roboto', Verdana, sans-serif;"><div style="display:none; /******** IF YOU ARE READING THIS: this CSS is messy since we cannot have stylesheets (and hence classes) in bbcode. Don't contact me on how to adjust it to your needs, fix it, etc. ********/"></div><div style="position:absolute;top:0;left:0;right:0;bottom:0;background-color: rgba(0,0,0,0.54);"></div><div style="flex-grow: 0;justify-content: flex-start; align-items: flex-end;display: flex;flex-direction: column;padding-right: 16px;border-right: 1px solid rgba(255,255,255,0.54);box-sizing: border-box;"><div style="opacity:0.9;display: block;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&bold=true&textAlign=end&fontFamily=Roboto,Verdana,sans-serif#Name');background-repeat: no-repeat;background-position: top right;background-size: 340em;width: 40em;height: 3.4em;"></div><div style="opacity:0.9;display:block;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&bold=true&textAlign=end&fontFamily=Roboto,Verdana,sans-serif#CustomRank');background-repeat: no-repeat;background-position: top right;background-size: 160em;width: 40em;height: 1.6em;margin-bottom: 16px;"></div><div style="font-size: 1.3em; opacity:0.9; margin-bottom: 8px;font-weight: bold;">LAST SEEN</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&bold=true&textAlign=end&fontFamily=Roboto,Verdana,sans-serif#LastSeenDate');margin-bottom:16px;background-repeat: no-repeat;background-position: top right;background-size: 160em;width: calc(1.6em * 15);height: 1.6em;"></div><div style="font-size: 1.3em; opacity:0.9; margin-bottom: 8px;font-weight: bold;">TOTAL TIME ON SERVER</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&bold=true&textAlign=end&fontFamily=Roboto,Verdana,sans-serif#TotalTimeOnServer');margin-bottom:16px;background-repeat: no-repeat;background-position: top right;background-size: 160em;width: 40em;height: 1.6em;"></div></div><div style="flex-grow: 2;justify-content: center;align-items: flex-start;flex-basis: 0;display: flex;flex-direction: row;flex-wrap:wrap;padding-left:16px;box-sizing: border-box;"><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity:0.9; margin-bottom: 8px;font-weight: bold;">SCORE</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#Score');background-repeat: no-repeat;background-position: top center;background-size: 340em;width: 12em;height: 3.4em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity:0.9; margin-bottom: 8px;font-weight: bold;">TRUCK LOADS</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#TruckLoadMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 340em;width: 12em;height: 3.4em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity:0.9; margin-bottom: 8px;font-weight: bold;">CONVOY SCORE</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#ConvoyScore');background-repeat: no-repeat;background-position: top center;background-size: 280em;width: 10em;height: 3.4em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity:0.9; margin-bottom: 8px;font-weight: bold;">ACHIEVEMENTS</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#Achievements');background-repeat: no-repeat;background-position: top center;background-size: 280em;width: 10em;height: 3.4em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity:0.9; margin-bottom: 8px;font-weight: bold;">ARTIC</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#ArticMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity:0.9; margin-bottom: 8px;font-weight: bold;">DUMPER</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#DumperMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity:0.9; margin-bottom: 8px;font-weight: bold;">VAN</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#VanMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity:0.9; margin-bottom: 8px;font-weight: bold;">FUEL</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#TankerMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity:0.9; margin-bottom: 8px;font-weight: bold;">CEMENT</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#CementMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity:0.9; margin-bottom: 8px;font-weight: bold;">ARRESTS</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#ArrestCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity:0.9; margin-bottom: 8px;font-weight: bold;">CARS STOLEN</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#ThiefMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity:0.9; margin-bottom: 8px;font-weight: bold;">COACH</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#CoachMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity:0.9; margin-bottom: 8px;font-weight: bold;">PLANE</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#PlaneMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity:0.9; margin-bottom: 8px;font-weight: bold;">HELICOPTER</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#HeliMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity:0.9; margin-bottom: 8px;font-weight: bold;">TOW TRUCK</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#TowMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity:0.9; margin-bottom: 8px;font-weight: bold;">LIMO</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#LimoMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity:0.9; margin-bottom: 8px;font-weight: bold;">TRASH</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#TrashMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity:0.9; margin-bottom: 8px;font-weight: bold;">ARMORED VAN</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#ArmoredMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity:0.9; margin-bottom: 8px;font-weight: bold;">BURGLARIES</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#BurglarMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity:0.9; margin-bottom: 8px;font-weight: bold;">ARMORED VANS STOLEN</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#HeistMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity:0.9; margin-bottom: 8px;font-weight: bold;">MISSIONS FAILED</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#FailedMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity:0.9; margin-bottom: 8px;font-weight: bold;">OVERLOADED</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#OverloadedMissionCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 5em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity:0.9; margin-bottom: 8px;font-weight: bold;">FINES PAID</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#TotalFines');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 10em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity:0.9; margin-bottom: 8px;font-weight: bold;">TOTAL SPENT ON FUEL</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#TotalFuelMoneySpent');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 10em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity:0.9; margin-bottom: 8px;font-weight: bold;">INTEREST EARNED</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#TotalInterestEarnedCount');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 15em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity:0.9; margin-bottom: 8px;font-weight: bold;">DISTANCE TRAVELLED</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#TotalDistanceTravelledKilometers');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 10em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity:0.9; margin-bottom: 8px;font-weight: bold;">TIME IN JAIL</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#JailTime');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 22em;height: 1.6em;"></div></div><div style="display: flex; flex-direction: column; align-items: center; margin-right: 16px; margin-bottom:16px;"><div style="font-size: 1.3em; opacity:0.9; margin-bottom: 8px;font-weight: bold;">LAST MISSION</div><div style="display: block;opacity:0.9;background-image: url('https://ctsig.mrjoshuabrown.com/?name=Loup&color=white&bold=true&textAlign=middle&fontFamily=Roboto,Verdana,sans-serif#LastMissionDate');background-repeat: no-repeat;background-position: top center;background-size: 160em;width: 10em;height: 1.6em;"></div></div></div></div>
[/html]

I have added a bbcode to add signature easily with 2 options. 1st option is the image link and the other is your in-game name.



Now just copy paste that in your signature and save, its done.

It is a huge mess to copy and paste the whole code, so it's easy to now add it in your signature with the bbcode. If anyone wants to modify and change the formatting of the signature, the method is described above in the main post and the code is given for editing. The signature code needed a minor changing with brackets and the HTML tag. I have updated the main post and the code, it is working perfectly now.