Advertise Here

Author Topic: [Code] Drop Down Menu - With Different Background Colors for the List  (Read 14265 times)

0 Members and 1 Guest are viewing this topic.

Offline clairebear

  • SMF For Free Master
  • *
  • Posts: 1019
    • View Profile

  • Total Badges: 23
    Badges: (View All)
    Fifth year Anniversary Search Level 5 1000 Posts Poll Voter
Re: [Code] Drop Down Menu - With Different Background Colors for the List
« Reply #15 on: August 11, 2009, 05:54:16 am »
http://www.tdsupport.org/index.php?action=forum#2

no i see it dont work that way n uim working it out now thanks hun
www.teardrop.mysmf.com

A support forum for support in loss from early miscarriage to five years.

Offline clairebear

  • SMF For Free Master
  • *
  • Posts: 1019
    • View Profile

  • Total Badges: 23
    Badges: (View All)
    Fifth year Anniversary Search Level 5 1000 Posts Poll Voter
Re: [Code] Drop Down Menu - With Different Background Colors for the List
« Reply #16 on: August 11, 2009, 06:15:49 am »
ok what am i doing wrong lol??
I done this code but it wont drop down to where i need it to go :(

Code: [Select]
<!-- Begin Colored Drop Down Menu -->

<form name="color">
<select name="Drop down menu"

onChange="location=document.color.menu.options[document.color.menu.selectedIndex].value;"
value="GO">

<option style="background-color: #B0C4DE" value="http://www.tdsupport.org/index.php?action=forum#2">---Menu---</option>
<option style="background-color: #75A1D0" value="http://www.tdsupport.org/index.php?action=forum#1">---sharing emotions---</option>
<option style="background-color: #7EB6FF" value="http://www.tdsupport.org/index.php?action=forum#16">---Chat area---</option>
<option style="background-color: #B9D3EE" value="http://www.tdsupport.org/index.php?action=forum#3">---Holding hand---</option>
<option style="background-color: #63B8FF" value="http://www.tdsupport.org/index.php?action=forum#4">---Other family---</option>
<option style="background-color: #9BC4E2" value="http://www.tdsupport.org/index.php?action=forum#13">---Other support---</option>

</select>
</form>

www.teardrop.mysmf.com

A support forum for support in loss from early miscarriage to five years.

Offline simply sibyl

  • Helpers
  • *
  • Posts: 14347
  • On hiatus
    • View Profile
    • The Tent Dwellers

  • Total Badges: 31
    Badges: (View All)
    Level 6 Poll Voter Webmaster Arcade Highscore Windows User
Re: [Code] Drop Down Menu - With Different Background Colors for the List
« Reply #17 on: August 11, 2009, 10:12:52 am »
clairbear - It did not work because you changed select name="menu" to select name="drop down menu" If you change that you have to edit another part of the code. If you change "menu" to "apple" for instance - then you change "menu" in both places here:

 "location=document.color.menu.options[document.color.menu.selectedIndex].value;"

BUT - There is no reason to change the "name" unless you are using more then 1 drop down menu.   Change it back to select name="menu" and it will work

Offline clairebear

  • SMF For Free Master
  • *
  • Posts: 1019
    • View Profile

  • Total Badges: 23
    Badges: (View All)
    Fifth year Anniversary Search Level 5 1000 Posts Poll Voter
Re: [Code] Drop Down Menu - With Different Background Colors for the List
« Reply #18 on: August 19, 2009, 03:58:20 pm »
ahh ok lol
 ::)
i shall do it now :D thanks
xx
www.teardrop.mysmf.com

A support forum for support in loss from early miscarriage to five years.

Offline clairebear

  • SMF For Free Master
  • *
  • Posts: 1019
    • View Profile

  • Total Badges: 23
    Badges: (View All)
    Fifth year Anniversary Search Level 5 1000 Posts Poll Voter
Re: [Code] Drop Down Menu - With Different Background Colors for the List
« Reply #19 on: August 19, 2009, 04:01:04 pm »
wow thats fantastic!!!

thanks :)
www.teardrop.mysmf.com

A support forum for support in loss from early miscarriage to five years.

Offline clairebear

  • SMF For Free Master
  • *
  • Posts: 1019
    • View Profile

  • Total Badges: 23
    Badges: (View All)
    Fifth year Anniversary Search Level 5 1000 Posts Poll Voter
Re: [Code] Drop Down Menu - With Different Background Colors for the List
« Reply #20 on: November 06, 2009, 05:49:24 am »
ok ive added a new catergory n wanted to add it to my menu
but when i right click n copy short cut it is coming up woth
http://s514.photobucket.com/albums/t342/teardropstuff/board%20names/?action=view&current=support.gif
www.teardrop.mysmf.com

A support forum for support in loss from early miscarriage to five years.

Offline simply sibyl

  • Helpers
  • *
  • Posts: 14347
  • On hiatus
    • View Profile
    • The Tent Dwellers

  • Total Badges: 31
    Badges: (View All)
    Level 6 Poll Voter Webmaster Arcade Highscore Windows User
Re: [Code] Drop Down Menu - With Different Background Colors for the List
« Reply #21 on: November 06, 2009, 09:12:16 am »
ok ive added a new catergory n wanted to add it to my menu
but when i right click n copy short cut it is coming up woth
http://s514.photobucket.com/albums/t342/teardropstuff/board%20names/?action=view&current=support.gif

Since you are using images for the Category Names you can't get the urls for the Categorys by right mouse clicking on the Category from the Main Board Index.  Read back to this post where I told you how you have to do it on your forum:  http://www.smfsupport.com/support/smf_for_free_codes_and_support/code_drop_down_menu_with_different_background_colors_for_the_list-t1623.0.html;msg109290#msg109290

Offline lordtentei

  • SMF For Free Member
  • *
  • Posts: 55
    • View Profile

  • Total Badges: 11
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 50 Posts
Re: [Code] Drop Down Menu - With Different Background Colors for the List
« Reply #22 on: December 11, 2009, 09:03:15 pm »
how can i adjust the width of the menu? i want it like 120px. thanks.

Offline simply sibyl

  • Helpers
  • *
  • Posts: 14347
  • On hiatus
    • View Profile
    • The Tent Dwellers

  • Total Badges: 31
    Badges: (View All)
    Level 6 Poll Voter Webmaster Arcade Highscore Windows User
Re: [Code] Drop Down Menu - With Different Background Colors for the List
« Reply #23 on: December 11, 2009, 11:13:45 pm »
how can i adjust the width of the menu? i want it like 120px. thanks.


Code: [Select]
<form name="color">
<select name="menu"  style="width: 120px;"
onChange="location=document.color.menu.options[document.color.menu.selectedIndex].value;"
value="GO">

<option style="background-color: #FFFFFF" value="#">---Menu---</option>
<option style="background-color: #FFFFFF" value="#">---Menu---</option>
<option style="background-color: #FFFFFF" value="#">---Menu---</option>
<option style="background-color: #FFFFFF" value="#">---Menu---</option>
<option style="background-color: #FFFFFF" value="#">---Menu---</option>
<option style="background-color: #FFFFFF" value="#">---Menu---</option>

</select>
</form>

 

Related Topics

  Subject / Started by Replies Last post
0 Replies
2884 Views
Last post June 26, 2006, 09:48:46 pm
by webworldx
2 Replies
4883 Views
Last post June 23, 2009, 05:18:57 pm
by Colette Brunel
0 Replies
18835 Views
Last post June 23, 2009, 06:27:54 pm
by simply sibyl
2 Replies
2319 Views
Last post September 16, 2009, 08:56:01 pm
by Simply1Nick
0 Replies
1294 Views
Last post September 15, 2009, 07:54:18 pm
by simply sibyl