View Full Version : Uhh..how do you color that drop down menu? *clueless*


bunnigirl
04-09-2004, 01:34 AM
Well..I don't mean to bother anyone but it's driving me crazy not knowing how to color this drop-down menu. I know how to do it with scroll-bars, but the drop-down menu has got me confused. Looking forward to some answers, if any, please.

-Bunni Girl

kittycat
04-09-2004, 01:42 AM
What part of the dropdown menu do you want coloured? Use CSS (input, text area) for font/colour properties, you can't change the scrollbar colour of the menun though

tkdgurl927
04-09-2004, 01:44 AM
try this its an easy way to make one...pick any color for the background and font http://www.free-webmaster-tools.com/Dropdown-box-generator-gui.htm

bunnigirl
04-09-2004, 01:45 AM
ahh..ok..use the CSS format..thanks ^^;;; *stupid*

-Bunni Girl who will probably come back with her tail between her legs whimpering that she failed.

bunnigirl
04-09-2004, 02:14 AM
I tried both of your suggestions. I put in the CSS commands which has the "Go" black and the text red...but the menu itself remains to be that ethereal dull gray and white with black text.

I went to the site that creates personalized drop down menus...but..the thing I didn't want was the big clunky gray matter surrounding the drop down menu since it was with the design of the site.

Any help? please??..Kinda getting desperate here.. I want to color up the menu so that way the background is black, the drop down menu arrow/scroll bar is black or gray or maybe both with red, and the text is red.

^^;;; I'd really appreciate it. Thank you.

-Bunni Girl

Munchkin
04-09-2004, 03:26 AM
well...as much as i know you can't color the scrollbar. BUT...here's the code I use personally to color the background and text of my menu. Believe me, i was stuck with this too, so you're not alone. :D change the stuff in bold to whatever you need, ok?
oh yes, this is a menu WITHOUT the "Go!" button...I'm not exactly sure how to do one w/ the button. It should be roughly the same.



<script language="javascript" type="text/javascript">
function jump(form) {
var myindex=form.menu.selectedIndex
if (form.menu.options[myindex].value != "0")
{
window.open(form.menu.options[myindex].value,
target="inlineframe");
}
}
//-->
</script>

<form name="yourmenuname" ACTION=URI>
<font face="yourfont (eg. Verdana)" size="fontsize" color= #e48bff>
<select name="menu" onchange="jump(this.form)"><center>
<option value="0"style="background-color:#000000; color=#e48bff">Where do you want to go?</option>
<option value="main.htm"style="background-color:#000000; color: #e48bff">Home</option>
<option value="link.html"style="background-color:#000000; color=#e48bff;">Linkhere</option>

</select>
</form></div>

if you want a example of what this looks like, go to no advertising please, enter, and look at the bottom for a menu.
hope that helped.

bunnigirl
04-09-2004, 04:14 AM
aiii!!! how'd you get that background image into your scrollbar??? I want that!! ^^;; please..

oh and overall your codes DID work..unfortunately now my page is unexplainably overstacked and certain things are running over them. I have no idea why.. (by the way, thank you Munchkin.)

Ehh..it still has me disturbed about the gray arrow and scroll but..maybe I can find a way around it. ><

any help? anyone?

I'll put the codes here and maybe someone can point out something I did wrong; or better yet, can someone help with the page and maybe tell me why its overflowing?

http://www.angelfire.com/vamp/camaro/pretty.html

thanks!!!

-Bunni Girl

Munchkin
04-09-2004, 05:34 PM
as far as I know, there is no way at all to get rid of the gray arrow and scroll. It's just...there.
For the background image, all i had was a image on the background and a transparent scrollbar :D
i don't see what you mean though by being overstacked O.o ok, i'm clueless too...
anyways, glad that i helped a little...