Navigation

[angermanaging]

( static preview )


( live preview )

How's My Driving

IC Inbox

Permissions

Application

CR Chart

Visualocities

Playlist

( instructions )
<center> <div style="width:500px;padding:20px;border:#000000 1px solid;background:#ffffff;"><img src="http://24.media.tumblr.com/d95dcd1857bb67001297fd6165e28fe7/tumblr_mxrluptjTk1r4u1gwo1_400.gif" style="width:300px;height:400px;border:#000000 1px solid;float:left;"><div style="margin-left:15px;width:175px;display:inline-block;"><a style="font-family: Lucida Console, Lucida Sans Typewriter, monospace;text-transform:uppercase;text-align:center;display:inline-block;background-color:#000;width:175px;height:40px;color:#fff;text-decoration:none;font-size: 13px;padding:1px;line-height:40px;" href="http://dreamwidth.org/">How's My Driving</a> <a style="font-family: Lucida Console, Lucida Sans Typewriter, monospace;text-transform:uppercase;text-align:center;display:inline-block;background-color:#000;width:175px;height:40px;color:#fff;text-decoration:none;font-size: 13px;padding:1px;line-height:40px;" href="http://dreamwidth.org/">IC Inbox</a> <a style="font-family: Lucida Console, Lucida Sans Typewriter, monospace;text-transform:uppercase;text-align:center;display:inline-block;background-color:#000;width:175px;height:40px;color:#fff;text-decoration:none;font-size: 13px;padding:1px;line-height:40px;" href="http://dreamwidth.org/">Permissions</a> <a style="font-family: Lucida Console, Lucida Sans Typewriter, monospace;text-transform:uppercase;text-align:center;display:inline-block;background-color:#000;width:175px;height:40px;color:#fff;text-decoration:none;font-size: 13px;padding:1px;line-height:40px;" href="http://dreamwidth.org/">Application</a> <a style="font-family: Lucida Console, Lucida Sans Typewriter, monospace;text-transform:uppercase;text-align:center;display:inline-block;background-color:#000;width:175px;height:40px;color:#fff;text-decoration:none;font-size: 13px;padding:1px;line-height:40px;" href="http://dreamwidth.org/">CR Chart</a> <a style="font-family: Lucida Console, Lucida Sans Typewriter, monospace;text-transform:uppercase;text-align:center;display:inline-block;background-color:#000;width:175px;height:40px;color:#fff;text-decoration:none;font-size: 13px;padding:1px;line-height:40px;" href="http://dreamwidth.org/">Visualocities</a> <a style="font-family: Lucida Console, Lucida Sans Typewriter, monospace;text-transform:uppercase;text-align:center;display:inline-block;background-color:#000;width:175px;height:40px;color:#fff;text-decoration:none;font-size: 13px;padding:1px;line-height:40px;" href="http://dreamwidth.org/">Playlist</a> </div><div style="width:100%;clear:both;"></div></div> </center> <div style="width:100%;text-align:right;"><small>Code by <user name="bannertech">.</small></div>

The image should automatically be sized to fit this number of links. If you'd like a different number, change the height and width values on the img style code. Fewer links shouldn't display improperly, it'll just have a blank space.

Comments

[majorcrotchgrab]

Sorry for replying on an RP journal but I tried using this layout and while it displays fine in a journal entry, it gets rid of all the formatting on the profile page.

[angermanaging]

Right, DW strips CSS coding in the profiles, so nothing that uses CSS will work there. It's a well known problem and kind of a bear to work around. Unless it's labeled as a profile code, you should assume it won't work in profiles. Sorry!

[majorcrotchgrab]

Ahh, alright then. But thank you for the info! I didn't even realize it had css in it.

[angermanaging]

Anything with a style attribute (or semi-colons) is CSS! I might try to finnagle HTML tables for profiles in the future, but presently I haven't done any yet.

[retributior]

Hello there! I'm using it over here with slight modifications to its design. Thanks a bunch for making it! It is just lovely in its simpleness.

[angermanaging]

Oh hey, I'm so glad you like it! I love seeing my codes in use, and the changes you made look great. :)

[nestingdevil]

Testing this out! Thanks again, this is great!

[allpenguineverything]

Using it with some mods here. Thanks! :D

[foundfamilies]

After seeing this on several friends’ journal navigation pages, I am going to be trying it out. Thank you for the hard work of wrangling HTML for the rest of us!

[draiol]

I'm not sure if this is in your radar anymore, but I've used it for years and it broke in the latest code push ;(