Welcome Guest [Log In] [Register]

Welcome to Big Boards. Big Boards at one time offered the Zathyus network our long famous Resource Archives, our extensive search indexes, and our info-packed resource forums. Eventually, these were made redundant by upgrades to the documentations and expanded search features added to the ZetaBoards software, and this forum then lost relevancy and subsequently became inactive.

Our team then embarked on a new project called Planet Nexus, where a bold new experiment in forum promotion is taking place. We call it nexworking. NexusTree offers social networking pages for forums in a fully automated format. Your NexusTree page is created instantly when your join the nexus. Find out more by visiting Planet Nexus, and become part of the nexworking revolution.

Posted Image Posted Image
If you're already a member please log in to your account for additional access:

Username:   Password:
Closed Topic
Coding Challenge #28 - Best Menu Code
Topic Started: Sep 28 2008, 09:51 PM (326 Views)
Archive
Member Avatar
Technical Adviser

Welcome to the BB code challenge!

The code challenge runs for one week and requires your submissions to comply with a stated theme and to be JS, HTML, or PHP codes only, but may be for either IF or ZB. The themes are specific. In some challenges, it will be obvious who is the winner, in others, a run-off poll will be posted in which BB members will pick the best code from the top three. In those cases, staff will choose the three submissions that best fulfill the theme to be voted on in the poll.

The winner will have a crown emblem displayed as an image prefix on their username and can claim the title of BB's coding king until the winner for the next coding challenge is chosen.

The current challenge is to create the best menu code.

The challenge will close at 11:59pm Sunday, October 5 forum time (CST or -6 GMT).

Please use the posting template. Entries must include a preview to be considered. If you have already written a code that complies with the the stated theme, you may enter it. You may also post as many entries as you like during the challenge.

May the best coder take the crown!

Code:
 
[B]Name[/B]:
[B]Description[/B]:
[B]Copyright[/B]:
[B]Browser compatibility[/B]:
[B]Known Bugs[/B]:
[B]Preview/Screen shot[/B]:
[B]Installation[/B]:
Offline
Profile
Goto Top
 
Justin
Member Avatar
'forever.

Name: Floating Easy Navigation
Description: An edited version of on of my navigation codes, except it hovers, follows the page when scrolled and has a background.
Copyright: Me and Roy Whittle (from http://www.javascript-fx.com/)
Known Bugs: May not work properly if using my Modified News Box Code. In Safari it shows a line across the page.
Browser compatibility: All. (Some bugs in Safari though)
Preview/screen shot: Click (Bottom Left)
Installation: Put the following code where ever you want it:
Quote:
 
<script>
if (!document.layers)
document.write('<div id="divStayTopLeft" style="position:absolute">')
</script>

<layer id="divStayTopLeft">

<table cellpadding="1" cellspacing="0" border="0" align="left" style="background:#88a9da;border:1px solid #000" width="200px"><td align="center">
<div class="row" style="border-bottom:0"><a href="http://zServer Name.invisionfree.com/Board Name/index.php?act=idx">Index</a></div>
<div class="row" style="border-bottom:0"><a href="http://zServer Name.invisionfree.com/Board Name/index.php?act=site">Portal</a></div>
<div class="row" style="border-bottom:0"><a href="http://zServer Name.invisionfree.com/Board Name/index.php?act=Help">Help</a></div>
<div class="row" style="border-bottom:0"><a href="http://zServer Name.invisionfree.com/Board Name/index.php?act=boardrules">T.O.S.</a></div>
<div class="row" style="border-bottom:0"><a href="http://zServer Name.invisionfree.com/Board Name/index.php?act=Search&F">Search</a></div>
<div class="row" style="border-bottom:0"><a href="http://zServer Name.invisionfree.com/Board Name/index.php?act=members">Members</a></div>
<div class="row" style="border-bottom:0"><a href="http://zServer Name.invisionfree.com/Board Name/index.php?act=Calendar">Calendar</a></div></td></table>
</layer>

<script name="floatingmenu" src="http://mwr247.atwebpages.com/floatingmenu981.js"></script>


Change the Green, to the class you want the background based on.
Blue, to your board's server name.
Red, to your boards name.
Yellow, to the color of the background.
Aqua, to the color of the border.

CCS (Can be put anywhere, put it at the bottom)
Quote:
 
.row { width:200px; height:14px; vertical-align:middle; padding-bottom:1px; background:url(http://i354.photobucket.com/albums/r437/WoWDisc/bg2.png); }
Posted Image

Click to visit my Personal Forum
JUSTIN - PROUD MEMBER OF BIG BOARDS SINCE JANUARY 30th 2008
Useful LinksWhat's Happening Around Big Boards?
PagesServices
Offline
Profile
Goto Top
 
Archive
Member Avatar
Technical Adviser

The challenge has ended.

Justin wins by default, being the only entrant.
Offline
Profile
Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Challenge Archive · Next Topic »
Closed Topic