navigation: ultimatum, ultimatum

[prospitian]

A navigation table with space for a canon quote and as many links as your little heart desires!


<raw-code><center><div style="width:700px; line-height:1.2em;"><img src="IMAGE URL" style="border-bottom: 5px solid BORDER COLOR;"> <div style="border-bottom:5px solid BORDER COLOR; width:700px; padding:10px;"><table><tr><td style="padding:10px; font:40px Arial; color:QUOTATION MARK COLOR; text-align:right; width:40px;">❝</td> <td style="padding:10px; vertical-align:middle; font:italic 22px Palatino, Cambria, Georgia, Times; text-align:center; color:QUOTE TEXT COLOR;">HERE'S WHERE YOUR QUOTE GOES</td> <td style="padding:10px; font: 40px Arial; color: QUOTATION MARK COLOR; text-align: left; width: 40px;">❞</td></tr></table></div> <!-- HERE'S WHERE THE LINKS GO HERE'S THE GOOD STUFF included below is one link; copy and paste that line as many times as needed for all the links you want. The code isn't linebreak sensitive, so split them up however makes it easiest for you to see! For each link, replace LINK COLOR, LINK URL, and LINK TEXT with, of course, the hex code for the link's text color, the URL the link is going to, and the text that's going to appear. --> <a style="text-decoration:none; color:LINK COLOR; font:20px MS Gothic, Arial Narrow, Arial; display:inline-block; margin:10px;" href="LINK URL">LINK TEXT</a> <!-- Add the rest of your links above this line! My credit is below this; please don't remove it, but make sure to change its color, and feel free to capitalize it as needed for your ~aesthetic --> <a style="text-decoration:none; color:LINK COLOR; font:20px MS Gothic, Arial Narrow, Arial; display:inline-block; margin:5px;" href="http://photosynthesis.dreamwidth.org/">code credit</a> </raw-code>

Here's the stuff you have to replace! Instructions for the links, including replacements, are contained within the code itself.
IMAGE URL - Keep your image 700px wide, but as tall as you want!
BORDER COLOR - Hex code for the border color!
QUOTATION MARK COLOR - Hex code for the quotation marks color!
QUOTE TEXT COLOR - Hex code for the color you want the quote text to be!
HERE'S WHERE YOUR QUOTE GOES - Yeah.

As always, if you're having any trouble with the code at all, feel free to drop me a line here and I'll get it straightened out!

Comments

[manycharms]

very cute! will this code work in profiles? i'm assuming no, but wanted to ask just in case.

[prospitian]

it won't, unfortunately; you can basically assume all the time that if something isn't explicitly made for profiles, it won't work on them—basically you have to use an entirely different type of code to make it work. that said, it probably wouldn't be too tough for me to port it over to be profile-compatible since it's a pretty simple design? lemme fuss around a little and get back to you!

[kotto]

This is an adorable code! I'll likely be using it for several accounts in the future. Thank you for making and sharing it!

[obscurus_phantasma]

Thank yous!

[yanyan]

This is really cute! Nabbing this for later.

[ilimad]

very lovely and clean! love it