straightryder
Member-
Posts
72 -
Joined
-
Last visited
Profile Information
-
Gender
Male
-
Location
Vancouver BC
-
Interests
Staying sane.
straightryder's Achievements
Newbie (1/14)
0
Reputation
-
I don't really want to use a plug in for jquery menu i kinda like pulling out my hair and going crazy... so at the moment im doing just that. Im get this thing to work but for the life of me - its going that way. I just want the second level (i guess .children) to show when hovering over the parent in the top level. I've usually spend hrs/ searching the web for tutorials and read as much as i can before posting but jquery isn't my realm. Right now, i can see the buttons that allow the hidden pages to be revealed on hover but they are not accesible because they fall behind the text and when i view it in firebug it doesn't show that there is a secondary level, just a top level only. Below is what i have in the head of my wp theme..... its a custom jquery menu that i found online. Its my first time building my own WP drop down menu. I know im to change something in the brackets but - total loss and where to start. $(document).ready(function(){ $("ul.children").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav $("ul.topnav li span").click(function() { //When trigger is clicked... //Following events are applied to the subnav itself (moving subnav up and down) $(this).parent().find(".children").slideDown('fast').show(); //Drop down the subnav on click $(this).parent().hover(function() { }, function(){ $(this).parent().find(".children").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up }); //Following events are applied to the trigger (Hover events for the trigger) }).hover(function() { $(this).addClass(".children"); //On hover over, add class "subhover" }, function(){ //On Hover Out $(this).removeClass(".children"); //On hover out, remove class "subhover" }); }); Here is the CSS.... still im at a loss for what needs to be replaced. ul.topnav { padding: 0; margin: 0; float: left; width: 940px; background-color: #000; position:relative; z-index:1000; } ul.topnav li { list-style:none; font-size: 20px; letter-spacing:1px; font-weight:lighter; font-family: 'Bevan', serif; float: left; margin: 0; padding:5px 10px 10px 17px; position: relative; /*--Declare X and Y axis base for sub navigation--*/ } ul.topnav li a{ padding: 0px 7px; color: #fff; display: block; text-decoration: none; float: left; } ul.topnav li a:hover{ background: url(topnav_hover.gif) no-repeat center top; color:#F9F; } ul.topnav li span { /*--Drop down trigger styles--*/ width: 17px; height: 35px; float: left; background: url(images/subnav_btn.gif) no-repeat center top; } ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/ ul.topnav li ul.subnav { list-style: none; position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/ left: 0; top: 35px; background: #333; margin: 0; padding: 0; display: none; float: left; width: 170px; border: 1px solid #111; } ul.topnav li ul.subnav li{ margin: 0; padding: 0; border-top: 1px solid #252525; /*--Create bevel effect--*/ border-bottom: 1px solid #444; /*--Create bevel effect--*/ clear: both; width: 170px; } html ul.topnav li ul.subnav li a { float: left; font-size:12px; width: 150px; background: #333 url(images/dropdown_linkbg.gif) no-repeat 10px center; padding:10px 0px 10px 20px; } html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/ background: #222 url(images/dropdown_linkbg.gif) no-repeat 10px center; }
-
How many beers do i owe you now? lol Thanks - it worked like a charm. Much appreciated Ben!!
-
Could it be the query highlighted in red... you think?
-
Okay, here's the full index.php file. <?php get_header(); ?> <?php include (TEMPLATEPATH . '/featureslider.php'); ?> <?php include (TEMPLATEPATH . '/searchform.php'); ?> <div style="background:none;" class="main-dive-image"></div> <?php get_sidebar(); ?> <div id="main-content" > <?php if (have_posts()) : while (have_posts()) : the_post(); ?> <div class="blogpost"> <?php if (in_category('4')) continue; ?> <div class="thumbnail"> <?php the_post_thumbnail(array(180,144), array ('class' => '.thumbnail')); ?></div> <div class="post-title"> <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2> <span class="post-cat"><?php the_tags('Price Range: '); ?></span> <span class="post-comments">City Listing: <?php the_category(', ') ?></span> </div> <div class="entry"> <?php the_excerpt(20); ?> </div> </div> <?php endwhile; ?> <div class="navigation"> <span class="previous-entries"><?php next_posts_link('Older Entries') ?></span> <span class="next-entries"><?php previous_posts_link('Newer Entries') ?></span> </div> <?php else : ?> <h2>Not Found</h2> <p>Sorry, but you are looking for something that isn't here.</p> <?php endif; ?> </div> </div> <div style="clear:both;"></div> </div> <?php get_footer(); ?>
-
/projects/ <--- the page the posts are listed on then when i click "Previous" i get... /projects/page/2/ <-- this is the following url... the older posts don't show. There are a total of 7 posts but the page will only display the same five postings.
-
anyone
-
Helloo there, question if someone would be of assistance: I'm unable to get my pagenation working in a custom Wordpress theme. I've tried the default theme and pagenation works there, so I know im doing something wrong. What happens is when i click to go back or forward nothing happens. It just stays on the same page, with the same postings. I attempted to deactivate all pluggins.... that didn't seem to help *cause* pagenation worked when the default theme with the plugins activated. Hope I'm not confusing anyone. Cheers. Below is a snippet of the code: <div id="main-content" > <?php if (have_posts()) : while (have_posts()) : the_post(); ?> <div class="blogpost"> <?php if (in_category('4')) continue; ?> <?php the_post_thumbnail(array(180,144), array ('class' => '.thumbnail')); ?> <div class="post-title"> <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2> <span class="post-cat"><?php the_tags('Price Range: '); ?></span> <span class="post-comments">City Listing: <?php the_category(', ') ?></span> </div> <div class="entry"> <?php the_excerpt(20); ?> </div> </div> <?php endwhile; ?> <div class="navigation"> <span class="previous-entries"><?php next_posts_link('Older Entries') ?></span> <span class="next-entries"><?php previous_posts_link('Newer Entries') ?></span> </div> <?php else : ?> <h2>Not Found</h2> <p>Sorry, but you are looking for something that isn't here.</p> <?php endif; ?>
-
dam, i don't have a link as the site isn't even up. Im just coding it.
-
Im using @fontface... "Chunk Five" Here's the CSS... h1 a {color:#fff;} h1 a:hover {#900;} I've never ran into this bug but when i hover over the text that is a link.... it changes color but the very.. very... very top part of the text (two/three letters at most) are white as the rest changes color. If i move my mouse down a touch it renders it out fine.. Is it something to do with the way the @fontface could be structured in my css/ font's directory. I took the tool kits off they're site. Thanks
-
Why oh... why... it was a path issue.... i was missing the / unreal how some things just slip past. Thanks guy's;)
-
Alright, i've never had this one happen before.... The images in the header on the main/ index display but when i click on a blog post and taken to the single page.php the image links appear broken.... except for background images. Anyone know what might cause this issue? thanks
-
Its paranoia.... trust me. Im far from even considering myself a web designer. I found http://www.dell.com/ Errors found while checking this document as HTML 4.0 Transitional! = 448 Errors, 71 warning(s) I just wish they could've rounded it off to 450 at least.....
-
Wordpress Custom Links Breaks Navigation imgs?
straightryder replied to straightryder's topic in HTML/XHTML
Cheers mate! -
Wordpress Custom Links Breaks Navigation imgs?
straightryder replied to straightryder's topic in HTML/XHTML
Hey FC... B4 asking you for assistance for the 100th time i thought i'd give it another shot... i found out why... **shaking my head** I used 'relative links' to my images instead of 'absolute links'. I was oblivious to it when i was scanning through the code. -- Duh -- on me. Everything works fine now... I owe you enough cases of beer due to your help -
When I set custom links so i don't get the default urls provided by wordpress my Navigation rollovers are gone... just shows the broken image link. So i had to set it back to the default url until i figure it out. Anyone ever have this issue.