Simple & Professional Menu with Icons.

[youngjoonshi]

Thanks, I will give it a go...

[PapaLazarou84]

I thought I'd try my hand at modifying the menu for use in the centre block as I don't want to use the navigation menu and have everything in one place instead of repeated a couple of times. I'm not good with tables at all but this is what I came up with after abit of experimenting. What I was trying to do however is have each section as a column so be like

Header              Header              Header           

Link                  Link                  Link
Link                  Link                  Link
Link                  Link                  Link

Code Select Expand

<div class="smalltext"><font  size="1"><tabular><row><b>Navigation</b></font><hr></row></br> <row><img src="Themes/juno11rc2/images/menu/home.gif"/> <font size="2"><a href="http://nano.dnsprotect.com/~uk360lea/Football/index.php">Home</a></font> <img src="Themes/juno11rc2/images/menu/forum.gif" /><font size="2"><a href=""http://nano.dnsprotect.com/~uk360lea/Football/index.php?action=forum">Forum</a></font><img src="Themes/juno11rc2/images/menu/archive.gif"/> <font size="2"><a href="http://nano.dnsprotect.com/~uk360lea/Football/archive.php">Archive</a></font><img src="Themes/juno11rc2/images/menu/links.gif"/> <font size="2"><a href="http://nano.dnsprotect.com/~uk360lea/Football/dir/">Link Directory</a></font><img src="Themes/juno11rc2/images/menu/rss.gif"/> <font size="2"><a href="http://nano.dnsprotect.com/~uk360lea/Football/index.php?action=.xml">Syndication</a></font></row> <br> <br><b>Services</b></font><hr></row></br> <row><img src="Themes/juno11rc2/images/menu/shop.gif"/> <font size="2"><a href="http://nano.dnsprotect.com/~uk360lea/Football/index.php?action=shop">Shop</a></font><img src="Themes/juno11rc2/images/menu/calendar.gif"/> <font size="2"><a href="http://nano.dnsprotect.com/~uk360lea/Football/index.php?action=calendar">Calendar</a></font><img src="Themes/juno11rc2/images/menu/members.gif"/> <font size="2"><a href="http://nano.dnsprotect.com/~uk360lea/Football/index.php?action=mlist">Member List</a></font><img src="Themes/juno11rc2/images/menu/member_map.gif"/> <font size="2"><a href="http://nano.dnsprotect.com/~uk360lea/Football/index.php?action=mm">Member Map</a></font><img src="Themes/juno11rc2/images/menu/online.gif"/> <font size="2"><a href="http://nano.dnsprotect.com/~uk360lea/Football/index.php?action=who">Who's Online?</a></font><img src="Themes/juno11rc2/images/menu/stats.gif"/> <font size="2"><a href="http://nano.dnsprotect.com/~uk360lea/Football/index.php?action=stats">Statistics</a></font></row ><br> <br><row><b>Help & Support</b></font><hr></row></br> <row><img src="Themes/juno11rc2/images/menu/search.gif"/> <font size="2"><a href="http://nano.dnsprotect.com/~uk360lea/Football/index.php?action=search">Search</a></font><img src="Themes/juno11rc2/images/menu/faq.gif"/> <font size="2"><a href="http://nano.dnsprotect.com/~uk360lea/Football/index.php?action=help">Help Center</a></font><img src="Themes/juno11rc2/images/menu/staff.gif"/> <font size="2"><a href="http://nano.dnsprotect.com/~uk360lea/Football/index.php?action=staff">Site Staff</a></font><img src="Themes/juno11rc2/images/menu/contact_us.gif"/> <font size="2"><a href="http://nano.dnsprotect.com/~uk360lea/Football/index.php?page=4">Contact Us</a></font></br></tabular></div>

[Crip]

Pretty nice, good work.

[akulion]

great job

added to the block code index under "M" as "menu with icons"

[PapaLazarou84]

Thanks I'll get working on doing it as columns when I get the time unless anyone knows how to do it?

[PapaLazarou84]

Took awhile but here it is 

Code Select Expand

<center><TABLE Border="0" Cellpadding="6" Cellspacing="1"> <TR> <TH><b>Navigation</b></font><hr></TH> <TH><b>Services</b></font><hr></TH>
<TH><b>Help & Support</b></font><hr></TH>
</TR>

<TR>
<TD><img src="Themes/juno11rc2/images/menu/home.gif"/> <font size="2"><a href="http://nano.dnsprotect.com/~uk360lea/Football/index.php">Home</a></font></TD> <TD><img src="Themes/juno11rc2/images/menu/shop.gif"/> <font size="2"><a href="http://nano.dnsprotect.com/~uk360lea/Football/index.php?action=shop">Shop</a></font></TD> <TD><img src="Themes/juno11rc2/images/menu/search.gif"/> <font size="2"><a href="http://nano.dnsprotect.com/~uk360lea/Football/index.php?action=search">Search</a></font></TD> </TR>

<TR>
<TD><img src="Themes/juno11rc2/images/menu/forum.gif" /><font size="2"><a href=""http://nano.dnsprotect.com/~uk360lea/Football/index.php?action=forum">Forum</a></font></TD> <TD><img src="Themes/juno11rc2/images/menu/calendar.gif"/> <font size="2"><a href="http://nano.dnsprotect.com/~uk360lea/Football/index.php?action=calendar">Calendar</a></font></TD> <TD><img src="Themes/juno11rc2/images/menu/faq.gif"/> <font size="2"><a href="http://nano.dnsprotect.com/~uk360lea/Football/index.php?action=help">Help Center</a></TD>
</TR>


<TR>
<TD><img src="Themes/juno11rc2/images/menu/archive.gif"/> <font size="2"><a href="http://nano.dnsprotect.com/~uk360lea/Football/archive.php">Archive</a></font></TD> <TD><img src="Themes/juno11rc2/images/menu/members.gif"/> <font size="2"><a href="http://nano.dnsprotect.com/~uk360lea/Football/index.php?action=mlist">Member List</a></font></TD> <TD><img src="Themes/juno11rc2/images/menu/staff.gif"/><font size="2"><a href="http://nano.dnsprotect.com/~uk360lea/Football/index.php?action=staff">Site Staff</a></font></TD>
</TR>

<TR>
<TD><img src="Themes/juno11rc2/images/menu/links.gif"/> <font size="2"><a href="http://nano.dnsprotect.com/~uk360lea/Football/dir/">Link Directory</a></font></TD> <TD><img src="Themes/juno11rc2/images/menu/member_map.gif"/> <font size="2"><a href="http://nano.dnsprotect.com/~uk360lea/Football/index.php?action=mm">Member Map</a></font></TD> <TD><img src="Themes/juno11rc2/images/menu/contact_us.gif"/> <font size="2"><a href="http://nano.dnsprotect.com/~uk360lea/Football/index.php?page=4">Contact Us</a></font></TD> </TR>

<TR> <TD><img src="Themes/juno11rc2/images/menu/rss.gif"/> <font size="2"><a href="http://nano.dnsprotect.com/~uk360lea/Football/index.php?action=.xml">Syndication</a></font></TD> <TD><img src="Themes/juno11rc2/images/menu/online.gif"/> <font size="2"><a href="http://nano.dnsprotect.com/~uk360lea/Football/index.php?action=who">Who's Online?</a></font></TD> </TR>

<TR>
<TD></TD>
<TD><img src="Themes/juno11rc2/images/menu/stats.gif"/> <font size="2"><a href="http://nano.dnsprotect.com/~uk360lea/Football/index.php?action=stats">Statistics</a></font></TD>
<TD></TD>
</TR></TABLE></center>

[k_4_kelly]

thanks for such a nice sharing ^^

i have two icons to share too


add to favourite


radio/podcast/FM icon

[youngjoonshi]

Phew, my small idea has been ball rolled...

Anyway, nice work at all who are extending/enhancing at further, but please ask me before you make any big changes on the code.

[hygron]

this is a great thread...shows how contagious this coding and website building can be...

1st off, nice job and site YJ.  PapaLazaro, I like the fact that you strayed from the norm, and shared too, thanks peace..Hygron

[URPG]

Are those working with the theme selector block or do you have to set them up for a specific theme if you add them?