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...