# Text Formating

{% hint style="info" %} ## **Classes List:** * header * center #### **Text Colors:** * darkred, red, lightred, darkgreen, green, lightgreen, darkblue, blue, lightblue, yellow, orange, pink, purple \ \ \&#xNAN;*Also if you know about CSS you can create your own custom style classes or use style="" option and create your own unique look, for people who have no idea about CSS style default classes have been created which usage is shown below* {% endhint %}

Name	Usage
Header Text	`<div class="header">TEXT_HERE</div>`
Center Text	`<div class="center">TEXT_HERE</div>`
Bolded Text	`<div><b>TEXT_HERE</b></div>`
Color - Dark Red	`<div class="darkred">TEXT_HERE</div>`
Color - Red	`<div class="red">TEXT_HERE</div>`
Color - Light Red	`<div class="lightred">TEXT_HERE</div>`
Color - Dark Green	`<div class="darkgreen">TEXT_HERE</div>`
Color - Green	`<div class="green">TEXT_HERE</div>`
Color - Light Green	`<div class="lightgreen">TEXT_HERE</div>`
Color - Dark Blue	`<div class="darkblue">TEXT_HERE</div>`
Color - Blue	`<div class="blue">TEXT_HERE</div>`
Color - Light Blue	`<div class="lightblue">TEXT_HERE</div>`
Color - Yellow	`<div class="yellow">TEXT_HERE</div>`
Color - Orange	`<div class="orange">TEXT_HERE</div>`
Color - Pink	`<div class="pink">TEXT_HERE</div>`
Color - Purple	`<div class="purple">TEXT_HERE</div>`
Clickable Link	`<div><a onclick="openUrl('URL_HERE')">TEXT_HERE</a></div>`
Clickable function in game Below is an explanation of usage.	`<div onclick="useAction(1)">USE ME</div>`
Image	`<img src="URL_IMAGE" draggable="false"/>`
New Line	`<br>`

{% hint style="info" %} You can use the ***clickable function***, e.g. to start job, to teleport on coords and many others, you add the function action to Config.Actions ```lua Config.Actions = { [1] = function() -- Here you can add what you want, triggers, exports and everything SetEntityCoords(PlayerPedId(), vector3(414.3, -978.43, 28.45)) -- thats example usage SetEntityHeading(PlayerPedId(), 266.26) -- thats example usage closeBook() -- this function closes the book when you press on the text above end } ``` {% endhint %} The page shown above was written in this way: ```javascript const pages = { 'default': { [1]: `

CENTER TEXT

BOLD

DARK RED TEXT

RED TEXT

LIGHT RED TEXT

DARK GREEN TEXT

GREEN TEXT

LIGHT GREEN TEXT

DARK BLUE TEXT

BLUE TEXT

LIGHT BLUE TEXT

YELLOW TEXT

ORANGE TEXT

PINK TEXT

PURPLE TEXT

CLICKABLE LINK

`, [2]: `

` } } ``` --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.vames-store.com/assets/vms_guidebook/guides/text-formating.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.