Simple Nav Strip

[yarnzipan]

Just a basic navigation strip for putting at the bottom (or top) of various pages to make it easier to get around. You can customize the crud out of it as you like. I'm a total newb at all this but I thought I might share ^_^;

PREVIEW:







Live PREVIEW:

💀

Link1

💀

Link2

💀

Link3

💀

Link4

💀

Link5

💀

Link6

💀

Link7

💀

Link8

💀

◎

Link1

◎

Link2

◎

Link3

◎

Link4

◎

Link5

◎

Link6

◎

Link7

◎

Link8

◎

🌟

Link1

🌟

Link2

🌟

Link3

🌟

Link4

🌟

Link5

🌟

Link6

🌟

Link7

🌟

Link8

🌟

Code
<center><table style="border:2px dashed #DASHCOLOR;"><tr> <td style="text-align:center; background:#BACKGROUNDCOL; padding: 7p;"><big>◎</big></td> <td style="text-align:center; background:#BACKGROUNDCOL; padding: 7px;"><a href="URL1" style="font-family:FONTFACE; font-variant:small-caps; #FONTCOL; text-decoration: none; border-bottom: dotted 1px; font-size:1.2em;">LINK1</a></td> <td style="text-align:center; background:#BACKGROUNDCOL; padding: 7px;"><big>◎</big></td> <td style="text-align:center; background:#BACKGROUNDCOL; padding: 7px;"><a href="URL2" style="font-family:FONTFACE; font-variant:small-caps; #FONTCOL; text-decoration: none; border-bottom: dotted 1px; font-size:1.2em;">LINK2</a></td> <td style="text-align:center; background:#BACKGROUNDCOL; padding: 7px;"><big>◎</big></td> <td style="text-align:center; background:#BACKGROUNDCOL; padding: 7px;"><a href="URL3" style="font-family:FONTFACE; font-variant:small-caps; #FONTCOL; text-decoration: none; border-bottom: dotted 1px; font-size:1.2em;">LINK3</a></td> <td style="text-align:center; background:#BACKGROUNDCOL; padding: 7px;"><big>◎</big></td> <td style="text-align:center; background:#BACKGROUNDCOL; padding: 7px;"><a href="URL4" style="font-family:FONTFACE; font-variant:small-caps; #FONTCOL; text-decoration: none; border-bottom: dotted 1px; font-size:1.2em;">LINK4</a></td> <td style="text-align:center; background:#BACKGROUNDCOL; padding: 7px;"><big>◎</big></td> <td style="text-align:center; background:#BACKGROUNDCOL; padding: 7px;"><a href="URL5" style="font-family:FONTFACE; font-variant:small-caps; #FONTCOL; text-decoration: none; border-bottom: dotted 1px; font-size:1.2em;">LINK5</a></td> <td style="text-align:center; background:#BACKGROUNDCOL; padding: 7px;"><big>◎</big></td> <td style="text-align:center; background:#BACKGROUNDCOL; padding: 7px;"><a href="URL6" style="font-family:FONTFACE; font-variant:small-caps; #FONTCOL; text-decoration: none; border-bottom: dotted 1px; font-size:1.2em;">LINK6</a></td> <td style="text-align:center; background:#BACKGROUNDCOL; padding: 7px;"><big>◎</big></td> <td style="text-align:center; background:#BACKGROUNDCOL; padding: 7px;"><a href="URL7" style="font-family:FONTFACE; font-variant:small-caps; #FONTCOL; text-decoration: none; border-bottom: dotted 1px; font-size:1.2em;">LINK7</a></td> <td style="text-align:center; background:#BACKGROUNDCOL; padding: 7px;"><big>◎</big></td> <td style="text-align:center; background:#BACKGROUNDCOL; padding: 7px;"><a href="URL8" style="font-family:FONTFACE; font-variant:small-caps; #FONTCOL; text-decoration: none; border-bottom: dotted 1px; font-size:1.2em;">LINK8</a></td> <td style="text-align:center; background:#BACKGROUNDCOL; padding: 7px;"><big>◎</big></td> </tr></table>

• DASHCOLOR is the color of the dashes.
  
• BACKGROUNDCOL is the color of the background.
  
• FONTCOL is the font color.
  
• FONTFACE is your font. Use whatever fits your style.
  
• ◎ is the symbol I used, but feel free to insert anything you like that fits your style.
  
• No credit needed but a note or something would be supercool?