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.
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:
This is the Code for my customized signature:
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.
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.
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.
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:
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.
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#msg345400Default 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
[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
[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
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.
Some ppl hate roadblocks that block access and cant get there somewhere faster for example the one in san fierro a few years ago but regardless it shouldnt be problem to reach 160 with cc. Hopefully lol
