Simple & Professional Menu with Icons.

[Crip]

This is kind of neat menu, so easy to add customise whatever..
Live Demo on Crip board..top left side <---
http://www.tinyportal.net/index.php?board=128.0

Wanna know how ask.

[tick]

Ok I will ask.how do you do it? I like the look. 

[Crip]

here is the complete code for it:
you'd need your links, and your External StyleSheet.

Code Select Expand


<link rel="stylesheet" type="text/css" href="http://www.cripcan.com/cb.css" media="screen"/>

<div id="menu">
<ul id="menulist">
<LI><A href="http://www.porkrindstudios.com/" title="All TP Themes Demo's" alt="All TP Themes Demo's"><U>Porkys Demo's</U></A></LI>
  <LI><A href="http://www.tinyportal.net/index.php?board=128.0" title="Crip Board" alt="Crip Board">HomePage</A></LI>
  <LI><A href="http://www.tinyportal.net/index.php?board=128.25" title="Page 2" alt="Page 2">Page[2]</A></LI>
  <LI><A href="http://www.tinyportal.net/index.php?board=128.50" title="Page 3" alt="Page 3">Page[3]</A></LI>
  <LI><A href="http://www.tinyportal.net/index.php?board=128.75" title="Page 4" alt="Page 4">Page[4]</A></LI>
  <LI><A href="http://www.tinyportal.net/index.php?action=forum" title="Community" alt="Community">Community</A></LI>
  <LI><A  href="http://themes.simplemachines.org/index.php?action=profile;u=28329" title="My Themes" alt="My Themes">'I' Themes</A></LI>
  <LI><A href="http://www.tinyportal.net/index.php?page=57" title="About Crip" alt="About Crip">About Crip</A></LI>
  <LI><A href="http://www.tinyportal.net/index.php?page=29" title="TP Team" alt="TP Team">TP Team</A></LI>
  <LI><A  href="http://www.tinyportal.net/index.php?action=tpmod;dl=item328" title="Download TP" alt="Download TP">Download TP</A></LI>
  <LI><A href="http://www.tinyportal.net/index.php?action=tpmod;dl" title="TP downlods" alt="TP downlods">TP Downloads</A></LI>
  <LI><A href="http://www.tinyportal.net/index.php?page=13" title="Button Maker" alt="Button Maker">Bloc Button's</A></LI>
  <LI><a href="http://xs.to" title="Free image hosting" alt="Free image hosting">ImageHost</A></LI></UL>
</DIV>
</DIV>


Thats it!

[tick]

nice!!  thanks

[noxe]

Awesome - got mine to work perfectly just the way I wanted it to. If anyone wants to check out an extended version as a demo visit www.amarnatok.com

[TexasBartender]

This menu doesn't seem to work screenshot below

[tick]

Did you upload the images to your theme images?  And also what kind of block are you using?

[TexasBartender]

i didnt see any link to download the images

[tick]

look here   http://www.tinyportal.net/index.php?topic=6385.msg111650#msg111650

[DeviantQueen]

OK, I've managed to get the menu the way I want, looks great!! Thanks so much!

1 problem I'm having though. Once inside a board, the images do no appear in the menu, only links and the picture missing (x).  I don't know what I can do to fix it.


ETA: Ok, so I can see what is the problem,

the icons for my forum are looking for mydomain.com/forum/index.php/themes/mytheme/... 
                    instead of                  mydomain.com/forum/themes/mythemes/....

I already added the images to the themes folders



*** Nevermind, I figured it out. I just used my full path instead of "themes/...." for each link in the menu, and it now works.