11-02-2024, 06:09 AM
You can use our ds code to colour your dragon or wher's speech. The basic code looks like this:
where 'dragonname' is the full or shortened version of your dragon/wher's name.
Gradient text on a background (solid or gradient) is not currently possible.
To request a code, please fill out this form and paste it as a reply to this thread. If you want a gradient, include all the hex codes of the colours you want in the gradient (maximum 10 hex codes).
Name: should be lowercase, e.g. 'asooth'
Style: choose from above
Hex Codes:
Italic: yes or no
Code version
Alternatively, if you feel confident editing CSS, you can copy and modify one of the provided style blocks below. Reply with the modified code to this thread. You can optionally provide two different versions, one for use on the dark skin, and one for use on the light skin.
Code:
[ds=dragonname]Text goes here[/ds]Available Styles
All styles can optionally be made bold or italic.- Solid coloured text.
- Solid coloured text with background.
- Solid coloured text with a gradient background.
- Solid coloured text with glow.
- Gradient text.
- Gradient text with a glow.
Gradient text on a background (solid or gradient) is not currently possible.
To request a code, please fill out this form and paste it as a reply to this thread. If you want a gradient, include all the hex codes of the colours you want in the gradient (maximum 10 hex codes).
Name: should be lowercase, e.g. 'asooth'
Style: choose from above
Hex Codes:
- Text - #HEX
- Background - #HEX or N/A
- Glow - #HEX or N/A
Italic: yes or no
Code version
Code:
[b]Name:[/b] should be lowercase, e.g. 'asooth'
[b]Style:[/b] choose from above
[b]Hex Codes:[/b][list]
[*] Text - #HEX
[*] Background - #HEX or N/A
[*] Glow - #HEX or N/A[/list]
[b]Bold:[/b] yes or no
[b]Italic:[/b] yes or noAlternatively, if you feel confident editing CSS, you can copy and modify one of the provided style blocks below. Reply with the modified code to this thread. You can optionally provide two different versions, one for use on the dark skin, and one for use on the light skin.
Show Content
Raw CSSSolid coloured text
Solid coloured text with background
Solid coloured text with gradient background
Solid coloured text with glow
Gradient text
Gradient text with glow
Code:
.nameth {
color: #HEXCODE;
font-style: italic;
font-weight: bold;
}Solid coloured text with background
Code:
.nameth {
background-color: #HEX;
color: #HEX;
padding: 0.1rem 0.4rem;
border-radius: 1rem;
font-style: italic;
font-weight: bold;
}Solid coloured text with gradient background
Code:
.nameth {
color: #HEX1;
background: linear-gradient(to right, #HEX2, #HEX3);
padding: 0.1rem 0.4rem;
border-radius: 1rem;
font-style: italic;
font-weight: bold;
}Solid coloured text with glow
Code:
.nameth {
color: #HEX1;
font-style: italic;
text-shadow: 0 0 0.3em #HEX2;
}Gradient text
Code:
.nameth {
background: linear-gradient(to right, #HEX1, #HEX2);
font-style: italic;
font-weight: bold;
color: transparent;
-webkit-background-clip: text;
}Gradient text with glow
Code:
.nameth {
background: linear-gradient(to right, #HEX1, #HEX2);
font-style: italic;
font-weight: bold;
color: transparent;
-webkit-background-clip: text;
filter: drop-shadow(0 0 0.2em #HEX3);
}