PDA

View Full Version : Help with dropdown menu


philx123
Feb-11-2010, 05:51 AM
I've added some code generously produced by JAllen so I can get a dropdown menu in my site. It looks and works great except for two things.
I'd like to have a background colour, if possible, in the gallery dropdown. When I click on the gallery button, the dropdown is transparent, and the writing hard to read against the slideshow image below (unless it's better to space the slideshow downwards?)
Also, once in any gallery, when clicking on the gallery dropdown, it goes behind the gallery thumbnail images, so the bottom link is partly obscured. Any way of bringing the gallery dropdown to the fore?

Many thanks

Phil

J Allen
Feb-11-2010, 06:08 AM
To bring the drop to the front,


Add index to this line:






#menu li {margin:0; padding:0; list-style:none;z-index:99}







Then for the background...maybe try something like this.....add the red to this line:






#menu ul li:hover > ul {visibility:visible; left:0; top:25px;background-color:#777}

philx123
Feb-11-2010, 06:19 AM
To bring the drop to the front,


Add index to this line:






#menu li {margin:0; padding:0; list-style:none;z-index:99}







Then for the background...maybe try something like this.....add the red to this line:






#menu ul li:hover > ul {visibility:visible; left:0; top:25px;background-color:#777}







That's great. Works perfectly. Many thanks.

One last one, though. How do I change the colour of the text in the Gallery dropdown to white, so it stands out against the grey background (which is just about the grey I was hoping for). I guess it's just a matter of changing the colour code, but what's white, and where to put it?

Oh, one other thing, how do I now view my gallery page, in full, with all the hidden galleries, etc?

Again, many thanks for your input.

I've linked my blog to the site, but am now having a few problems linking the blog back to the site, so I guess I'm going to be back here soon enough :).

All the best

Phil

J Allen
Feb-11-2010, 06:47 AM
How do I change the colour of the text in the Gallery dropdown to white, so it stands out against the grey background (which is just about the grey I was hoping for).


Add this line to your CSS:




#menu ul.level2 li a {color:#fff}






Oh, one other thing, how do I now view my gallery page, in full, with all the hidden galleries, etc?



You can add the link back, so when you click the galleries tab, it'll take you to the full list....so carefully change this line:




<li class="level1-li"><a class="level1-a drop" href="#url">Galleries<!--[if gte IE 7]><!--></a><!--<![endif]-->






To this:






<li class="level1-li"><a class="level1-a drop" href="/galleries">Galleries<!--[if gte IE 7]><!--></a><!--<![endif]-->





Is that what your wanting for your galleries?



I've linked my blog to the site, but am now having a few problems linking the blog back to the site, so I guess I'm going to be back here soon enough :).



:ear

J Allen
Feb-11-2010, 06:53 AM
Looks like your using blogger,have you seen THIS THREAD (http://www.dgrin.com/showthread.php?t=101262)?

It shows how to integrate your blogger with SM...I followed it, and have done this with my site.

philx123
Feb-11-2010, 09:08 AM
Add this line to your CSS:




#menu ul.level2 li a {color:#fff}







You can add the link back, so when you click the galleries tab, it'll take you to the full list....so carefully change this line:




<li class="level1-li"><a class="level1-a drop" href="#url">Galleries<!--[if gte IE 7]><!--></a><!--<![endif]-->






To this:






<li class="level1-li"><a class="level1-a drop" href="/galleries">Galleries<!--[if gte IE 7]><!--></a><!--<![endif]-->





Is that what your wanting for your galleries?





:ear

Thant's it. Many thanks for the help.

philx123
Feb-11-2010, 09:28 AM
Looks like your using blogger,have you seen THIS THREAD (http://www.dgrin.com/showthread.php?t=101262)?

It shows how to integrate your blogger with SM...I followed it, and have done this with my site.

Yes, I've been slowly ploughing through that, and have got mostly there, thanks to Denise's help. Just have to clean up my links now to redirect the blog back to the relevant pages, which is where I'm stock. Oh, and the width of the text in the blog. But that's another story :)

Again, thanks for the help. Much appreciated.

Phil