Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

Menubar Styling Help


  #1  
Old Apr 25, 2010, 11:32 AM
kal's Avatar
kal
 
149 posts · May 2009
Rhode Island
Hi all,

I would like to duplicate some of what I see in this menu here:
http://www.basementtechnologies.com/

First, how/where can I create a create a gradient for the menu items? Can that be done in CSS or do I need to create an image as a rollover?

Second, is there a way in CSS to make the menu "roll" down like in the example above?

Here is the site I am working on:
http://www.mjrgrp.com/demo/atec/

I would also like to get rid of the double down arrow in my menubar. I hope this is an option in a future release. I would love to see this in the controls as "use down arrow" yes/no or better yet, use this icon as a down arrow -- kind of like the option for logo and favicon.

Thanks for any help!
:D
__________________
Ho Ho Ho
Blah Blah Blah
  #2  
Old May 10, 2010, 03:47 PM
carole
 
3 posts · Apr 2010
Apparently basement technologies created a gradient graphic for his menu bar (and so it doesn't have the down arrows on it). It looks like he's using something called "Superfish" for the roll down effect, but that's all I can tell from looking at the source code.
  #3  
Old May 10, 2010, 03:55 PM
emanuel1969's Avatar
emanuel1969
 
133 posts · Apr 2010
California
Send a message via Skype™ to emanuel1969
I just figured out the background gradient deal, with the help of some other folks here. First, make a left-right gradient image and upload it to your images directory. Then put this code in your css inserts:

li.rMenu-expand li a {
background-image:url('http://www.mywebsite.com/images/menu_gradient.png') !important;
background-repeat:repeat-y !important;
}

Of course make sure the url points to your actual gradient image, and the width of the gradient image needs to match the width of your sub-menus.

Emanuel
__________________
Emanuel
http://www.sferios.com
  #4  
Old May 23, 2010, 09:59 PM
kal's Avatar
kal
 
149 posts · May 2009
Rhode Island
Thanks! :D
__________________
Ho Ho Ho
Blah Blah Blah

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
can I put the RSS feed in the menubar? UniqueDiveAdventures Page & Category Menu Bars 9 Jul 27, 2010 05:18 PM
Not reload the page and category menubar again and again vishvadeep Forum How-To 2 Aug 18, 2009 05:32 PM
spacing and/or moving items on the menubar paolo-from-italy Page & Category Menu Bars 0 Aug 13, 2009 02:51 AM
Background Changer and Menubar Ddabrai Plugins & Atahualpa 0 Aug 7, 2009 05:02 AM


All times are GMT -6. The time now is 10:02 AM.


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.