PDA

View Full Version : Pleated Tabs Menu



TheJoshMan
11-23-2008, 12:21 AM
1) CODE TITLE: Pleated Tabs Menu

2) AUTHOR NAME/NOTES: Josh Jones

3) DESCRIPTION: This is the result of me testing different methods to use the sliding doors method with a horizontal gradient image without showing any "seams". I also used a single "sprite" image to reduce HTTP requests.

4) URL TO CODE: http://eight7teen.com/DD/pleated/
(http://eight7teen.com/DD/pleated/)
or, ATTACHED BELOW (see #3 in guidelines below):

magicyte
11-23-2008, 12:52 AM
Nice script. <suggestion> Try to change the text's cursor to 'hand' </suggestion>

i.e.



<style type="text/css">
.txt { cursor:hand; }
</style>
<div class="navbar">
<ul><li class="selected"><a href="http://eight7teen.com"><span class="txt">Home</span></a></li>
<li><a href="http://eight7teen.com"><span class="txt">About</span></a></li>
<li><a href="http://eight7teen.com"><span class="txt">Services</span></a></li>
<li><a href="http://eight7teen.com"><span class="txt">Portfolio</span></a></li>
<li><a href="http://eight7teen.com"><span class="txt">Contact</span></a></li></ul>
</div>

TheJoshMan
11-23-2008, 01:11 AM
fixed.... I accidentally put the fix for that in the wrong conditional statement.

magicyte
11-24-2008, 11:17 PM
Awesome- pure CSS! At first glance, I would have thought it was some JavaScript taking care of the work...:D

-magicyte