code: yes

[messala]

Lelouch vi Britannia
“It wasn't me who was wrong,
it was the world.”

link title
link title
link title
link title
link title
code

<center><div style="width:320px; height: 120px !important; background: #40288A url(https://www.transparenttextures.com/patterns/diagmonds-light.png); border-top-right-radius:20px; border-top-left-radius:20px; box-shadow:0px 5px 0px #4A3A62; text-align: center; padding: 10px;"> <span style="font-size: 2.5em; font-family: Times; font-weight:bolder; color: #4A3A62; line-height: 10px;"><big><i>F</i></big>irst <big><i>L</i></big>ast</span> <span style="color: #DAD05E; font-size: 1.2em; font-weight: bolder; font-weight:bold; font-family: arial narrow; letter-spacing: 2.0px; line-height: 10px;">SERIES/QUOTE/WHATEVER GOES HERE</span> </div> <div style="width: 250px; height: 450px !important; border-radius: 40px; margin-top: -80px; border-right: solid 5px #4A3A62; background: url(YOUR IMAGE THAT IS 250X450PX); line-height: 25px;"> <span style="display: inline-block; background: #4A3A62; margin-top: 200px; width: 200px; font-family: Times New Roman; font-size: 1.4em; font-weight: bolder; opacity: 0.9;"><a href="LINKURL" style="text-decoration: none; color: #DAD05E;">link title</a></span> <span style="display: inline-block; background: #4A3A62; font-color: #DAD05E; width: 200px; font-family: Times New Roman; font-size: 1.4em; font-weight: bolder; opacity: 0.9;"><a href="LINKURL" style="text-decoration: none; color: #DAD05E;">link title</a></span> <span style="display: inline-block; background: #4A3A62; font-color: #DAD05E; width: 200px; font-family: Times New Roman; font-size: 1.4em; font-weight: bolder; opacity: 0.9;"><a href="LINKURL" style="text-decoration: none; color: #DAD05E;">link title</a></span> <span style="display: inline-block; background: #4A3A62; font-color: #DAD05E; width: 200px; font-family: Times New Roman; font-size: 1.4em; font-weight: bolder; opacity: 0.9;"><a href="LINKURL" style="text-decoration: none; color: #DAD05E;">link title</a></span> <span style="display: inline-block; background: #4A3A62; font-color: #DAD05E; width: 200px; font-family: Times New Roman; font-size: 1.4em; font-weight: bolder; opacity: 0.9;"><a href="LINKURL" style="text-decoration: none; color: #DAD05E;">link title</a></span <span style="display: inline-block; background: #4A3A62; font-color: #DAD05E; width: 200px; font-family: Times New Roman; font-size: 1.4em; font-weight: bolder; opacity: 0.9;"><a href="https://messala.dreamwidth.org/16137.html" style="text-decoration: none; color: #DAD05E;">code</a></span></div> </center></div>

Notes:
Easy find & replace:
#YOUR IMAGE THAT IS 250X450PX -- this is your image, obviously!
#4A3A62 -- Character name, borders, and the background of the navigation links
#DAD05E -- Colour of the links, as well as the quote above.

Comments

[unphase]

I'm interested in the yellow--well, gold. But purple doesn't do much. Stupid question, but what is the code for light blue? Thanks so much!

[messala]

These are the more simple colours, but feel free to choose here! — https://flaviocopes.com/rgb-color-codes/

[honeyedtea]

used a lightly modified version as my splash page navigation. thanks so much!