- This topic is empty.
Viewing 1 post (of 1 total)
Viewing 1 post (of 1 total)
- The forum ‘JavaScript’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › JavaScript › Magicline troubles
Hi! I’m having some trouble getting the Magicline: http://css-tricks.com/jquery-magicline-navigation/ working in my wordpress-theme. I’ve basically added all the code as given in the demo. I’ve accomplished everything except the magicline itself.
Here’s my blog (under construction) http://blog.bashingdesigns.com
The code looks like this:
CSS:
.group:after { visibility: hidden; display: block; font-size: 0; content: ” “; clear: both; height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */
#example-one { margin: 0 auto; list-style: none; position: relative; width: 960px; }
#example-one li { display: inline; }
#example-one li a { color: #474545; font-size: 12pt; display: block; float: left; padding: 6px 10px 4px 10px; text-decoration: none; text-transform: uppercase; }
#example-one li a:hover { color:#777777; }
#magic-line { position: absolute; bottom: -2px; left: 0; width: 100px; height: 2px; background: #fe4902; }
.current_page_item a, .current_page_item_two a { color: white !important; }
/*end navigation*/
Link to scripts (Yes they’re in a map under the template called "js"):
and finally the markup:
Would really appreciate some help with this since I’m kinda new to WP and JS-implementation.