Tweak

InsaneJournal

Tweak says, "Congratulations universe."

Ally -- are you already gone? (wastintime) wrote in rp_tutorials,
@ 2011-01-06 08:36:00

Entry tags:

Table-less Navigation Bar

This is a navigation bar built using DIV and SPAN statements. It can fit inside any table or stand on its own. However, it WILL NOT work in the IJ profile pages.

Live Example

game name

link link link link link link link link
link link link link link link

The Code

<div style="width:800px;background:#AA0000;padding:10px;letter-spacing:2px; font-size:10px;font-family:monospace;color:white;text-align:center;text-shadow:0 1px 1px #222222;"><span style="font-size:20px;"><b>game name</b></span><br>
<a href="" style="text-decoration:none;"><span style="margin-right:15px;color:white;">link</span></a> <a href="" style="text-decoration:none;"><span style="margin-right:15px;color:white;">link</span></a> <a href="" style="text-decoration:none;"><span style="margin-right:15px;color:white;">link</span></a> <a href="" style="text-decoration:none;"><span style="margin-right:15px;color:white;">link</span></a> <a href="" style="text-decoration:none;"><span style="margin-right:15px;color:white;">link</span></a> <a href="" style="text-decoration:none;"><span style="margin-right:15px;color:white;">link</span></a> <a href="" style="text-decoration:none;"><span style="margin-right:15px;color:white;">link</span></a> <a href="" style="text-decoration:none;"><span style="margin-right:15px;color:white;">link</span></a>
<a href="" style="text-decoration:none;"><span style="margin-right:15px;color:white;">link</span></a> <a href="" style="text-decoration:none;"><span style="margin-right:15px;color:white;">link</span></a> <a href="" style="text-decoration:none;"><span style="margin-right:15px;color:white;">link</span></a> <a href="" style="text-decoration:none;"><span style="margin-right:15px;color:white;">link</span></a> <a href="" style="text-decoration:none;"><span style="margin-right:15px;color:white;">link</span></a> <a href="" style="text-decoration:none;"><span style="margin-right:15px;color:white;">link</span></a></div>

Note: Take out the width:800px; statement to make it fit inside any table or extend the width of a page.

See it in action!:

super_mod

Questions/Feedback?
Leave a comment to this post. Thanks!