code edit: tricklet navigation

[effingunicorns]

NAVIGATION

Title
Link | Link | Link | Link

Title
Link | Link | Link | Link




code bases by tricklet

Code:
<center><div style="max-width:900px; text-align: justify; font-family: Verdana, San-serif; font-size: 0.8rem; background: #ffffff;"><center><!--IMAGE--><img src="IMAGESOURCE" width="724" height="322" style="max-width: 900px; width:100%; display: block;"> <!--HEADER--><span style="color: #3987c9; font-size: 2.5rem; font-family: Palatino Linotype, Palatino, Serif; display: block; letter-spacing:1px; border-bottom: #6b919a 1px solid; padding-bottom: 10px;">NAVIGATION</span> <!--TITLE--><span style="color: #3987c9; font-size: 1.5rem; font-family: Palatino Linotype, Palatino, Serif;">Title</span> <!--LINKS--><a href="url" style="color: #111111;">Link</a> | <a href="url" style="color: #111111;">Link</a> | <a href="url" style="color: #111111;">Link</a> | <a href="url" style="color: #111111;">Link</a></span> <!--TITLE--><span style="color: #3987c9; font-size: 1.5rem; font-family: Palatino Linotype, Palatino, Serif;">Title</span> <!--LINKS--><a href="url" style="color: #111111;">Link</a> | <a href="url" style="color: #111111;">Link</a> | <a href="url" style="color: #111111;">Link</a> | <a href="url" style="color: #111111;">Link</a></span> </center> <!--do not remove--><center><span style="border-top: #ccc 1px solid; display: block; padding-top:10px;"><small><a href="https://tricklet.dreamwidth.org/" style="color: #6b919a;">code bases by <b>tricklet</b></a></small></span></center></div> <br /></center>

Colors used:  #ffffff ,  #3987c9 ,  #6b919a ,  #111111 

Notes:

• If your banner image is less than 900 pixels wide, you can change the second instance of max-width to your image's width. If you don't want padding around the banner image, you can also change the first instance of max-width.