WordPress.org

1. groogruxking40
   Member
   Posted 2 years ago #

   I would like to be able to add 2 extra buttons directly underneath the main header navigation under the search box

   right under Home, Archives,About,Subscribe and Contact
   I want it to look like this

   Home, Archives, About, Subscribe, Contact
   Advertisers, Businesses

   any ideas?

   thank you ahead of time

2. groogruxking40
   Member
   Posted 2 years ago #

   BUMP

3. groogruxking40
   Member
   Posted 2 years ago #

   BUMP

4. msdana
   Member
   Posted 2 years ago #

   You would need to edit the header.php file in your theme.

   Without seeing your site, it's hard to explain but you want to do something like this:

   <ul>
   	<li><a href="<?php echo get_permalink(2); ?>" title="<?php _e('Advertisers'); ?>"><?php _e('Advertisers'); ?></a></li>
   <li><a href="<?php echo get_permalink(3); ?>" title="<?php _e('Businesses'); ?>"><?php _e('Businesses'); ?></a></li>

   Replace the 2 with the Advertisers page ID, etc. Then you want to style the menu in your CSS.

   Hope that helps!

5. groogruxking40
   Member
   Posted 2 years ago #

   here is the site.

   http://www.christiancouriernewspaper.com/blogbase

   Top right, under the search area where home,archives,about is listed I want to add 2 extra buttons right underneath it. So I'm not looking to delete any of them, just add 2 extras

   thanks msdana

6. msdana
   Member
   Posted 2 years ago #

   It looks like your theme has those links hardcoded into the header.php file.

   I would do put the following code:

   <li><a href="<?php echo get_permalink(2); ?>" title="<?php _e('Advertisers'); ?>"><?php _e('Advertisers'); ?></a></li>
   <li><a href="<?php echo get_permalink(3); ?>" title="<?php _e('Businesses'); ?>"><?php _e('Businesses'); ?></a></li>

   AFTER this code in your header.php file:
   <li><span class="contact"><a href="#">Contact</a></span></li>

   The items "should" wrap to the next line. I would do it a little differently, but that's hard to explain in writing :-)

   Let me know...

7. groogruxking40
   Member
   Posted 2 years ago #

   You are awesome.

   It works- now all I need to do is be able to add one of those blue icons and have it link to the proper page.

   help?

   thanks again...

8. msdana
   Member
   Posted 2 years ago #

   Ok, try this...

   Change the code I gave you to this:

   <li><span class="advertiser"><a href="<?php echo get_permalink(2); ?>" title="<?php _e('Advertisers'); ?>"><?php _e('Advertisers'); ?></a></span></li>
   
   <li><span class="business"><a href="<?php echo get_permalink(3); ?>" title="<?php _e('Businesses'); ?>"><?php _e('Businesses'); ?></a></span></li>

   Then add the following to your CSS:

   #menu li span.advertiser { background: url(images/bg/mail.gif) no-repeat; }
   #menu li span.business { background: url(images/bg/mail.gif) no-repeat; }

   Don't forget to change the numbers in parenthesis (2) and (3) to the correct page ID.

9. groogruxking40
   Member
   Posted 2 years ago #

   i think i love you.
   you totally made my day

   thank thank thank thank you

10. groogruxking40
    Member
    Posted 2 years ago #

    it didn't show the little blue icons, but i think i can handle that part interesting...

11. msdana
    Member
    Posted 2 years ago #

    That is interesting, you added the CSS part that I included to your style.css file, right? Let me know if you can't figure it out

12. groogruxking40
    Member
    Posted 2 years ago #

    its all done!

    thanks again

Topic Closed

This topic has been closed to new replies.