WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

Goto page : 1, 2, 3  Next

View previous topic View next topic Go down  Message [Page 1 of 3]

1Accespted Drop Down Menu Selector on Thu Dec 17, 2009 4:28 pm

Sanket


Administrator
Administrator

Drop Down Menu Selector
A basic tutorial for a drop down menu selector



This tutorial is a basic Drop Down Menu Selector.

Code:
<form name="jump">
<p align="center">
<select name="menu">
<option value="http://arsenal.com">Arsenal</option>
<option value="http://hitskin.com">Hitskin</option>
<option value="http://help.forumotion.com">Support Forum</option>
<option value="http://forumotion.com">Forumotion</option>
<option value="http://webartz.forumotion.com">WebArtz</option>
</select>
<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
</p>
</form>


Click Here to see a Demo of the Drop Down Menu Selector

To make modifications to the code just edit or add the example of the code given below
Code:
<option value="http://webartz.forumotion.com">WebArtz</option>


Notice : This tutorial is copyrighted by WebArtz Forum. You may not publish it on anywhere without written permission from the administrators.



Last edited by Sanket on Thu Dec 17, 2009 4:32 pm; edited 1 time in total


_________________
Sanket
http://www.webartzforum.com

2Accespted Re: Drop Down Menu Selector on Sun Jan 10, 2010 7:26 pm

JochiKhan


Registered Member
Registered Member
Am I able to change the background and text colours?

Instead of white background with black text I would like to see red background with white text.

I don't see anywhere in the code to change the colours.

3Accespted Re: Drop Down Menu Selector on Sun Jan 10, 2010 8:26 pm

ankillien


Administrator
Administrator
You can change the colors with CSS..

You need to add the CSS code inside <style></style> tags.
Here is the code that will change it.

Code:
select , select option {
background : red; /*change background color*/
color : white; /*change text color*/
}

4Accespted Re: Drop Down Menu Selector on Sun Jan 10, 2010 8:48 pm

Sanket


Administrator
Administrator
Or just do these changes in the html code.
Code:
    <option value="http://arsenal.com" style= "background-color: Grey; color: red; ">Arsenal</option>
Change the color codes as you like.

http://www.webartzforum.com

5Accespted Re: Drop Down Menu Selector on Sun Jan 10, 2010 10:12 pm

JochiKhan


Registered Member
Registered Member
ankillien wrote:You can change the colors with CSS..

You need to add the CSS code inside <style></style> tags.
Here is the code that will change it.

Code:
select , select option {
background : red; /*change background color*/
color : white; /*change text color*/
}


This worked...thank you

Or just do these changes in the html code.

Code:
<option value="http://arsenal.com" style= "background-color: Grey; color: red; ">Arsenal</option>Change the color codes as you like.


This didn't work for me. The colours remained the same.

6Accespted Re: Drop Down Menu Selector on Sun Jan 10, 2010 10:39 pm

Sanket


Administrator
Administrator
Can you show the overall code that you added? It is working for me.

http://www.webartzforum.com

7Accespted Re: Drop Down Menu Selector on Sun Jan 10, 2010 11:06 pm

JochiKhan


Registered Member
Registered Member
style="background-color: Grey; color: red; "


After ..color:...that is a colon?
After..Grey or Red;...that is a semi-colon?

Difficult to see them properly on the screen.

This is what I entered.
<OPTION value="http://www.TotalWar.com"style="background-color:Red:color:white:">TotalWar.com</OPTION>

I had entered a colon after each and not a semi-colon after the colours. Crying or Very sad



Last edited by JochiKhan on Mon Jan 11, 2010 1:37 am; edited 3 times in total

8Accespted Re: Drop Down Menu Selector on Sun Jan 10, 2010 11:13 pm

ankillien


Administrator
Administrator
Yes, there is a colon after color and semi-colon after the color name red.

9Accespted Re: Drop Down Menu Selector on Mon Mar 01, 2010 1:52 am

Ash


Registered Member
Registered Member
Great Work

10Accespted Re: Drop Down Menu Selector on Sun May 02, 2010 9:37 pm

Niels


Registered Member
Registered Member
Sanket, is it possible to apply a drop down list to the "profile" button in the navigation bar, to link you to different pages, such as displaying statistics of an user?

Thanks Very Happy

11Accespted Re: Drop Down Menu Selector on Sun May 02, 2010 10:58 pm

Sanket


Administrator
Administrator
Not really. UNless you make a new html page altogether.

http://www.webartzforum.com

12Accespted Re: Drop Down Menu Selector on Mon May 03, 2010 8:14 pm

Niels


Registered Member
Registered Member
I have phpBB2. Isn't it possible to add it via the Template editor in the ACP?

13Accespted Re: Drop Down Menu Selector on Mon May 03, 2010 9:03 pm

ankillien


Administrator
Administrator
Rehua wrote:I have phpBB2. Isn't it possible to add it via the Template editor in the ACP?


I am not sure if it is possible but I'll try it.

14Accespted Re: Drop Down Menu Selector on Mon May 03, 2010 10:19 pm

Niels


Registered Member
Registered Member
Thanks 8D.

15Accespted Re: Drop Down Menu Selector on Wed May 05, 2010 11:31 am

Joel


Registered Member
Registered Member
thanks for the awesome tutorial Sanket:) I'm using it on my blog now, to display all my affiliates!

http://www.advertisehotspot.info/

16Accespted Re: Drop Down Menu Selector on Fri May 07, 2010 12:48 am

Niels


Registered Member
Registered Member
Bump.

17Accespted Re: Drop Down Menu Selector on Fri May 07, 2010 7:49 am

ankillien


Administrator
Administrator
Rehua wrote:Bump.


Looks lie it can't be done unless you create your own custom nav bar Razz
Not possible on standard nav bar of forumotion.

18Accespted Re: Drop Down Menu Selector on Fri May 07, 2010 2:40 pm

Niels


Registered Member
Registered Member
Ah, okay, but it's possible to make a own nav bar at forumotion right? (Ego-One of Jalokim as an amazing example). And add a drop down list to that.
It IS possible on vBulletin, I can link you to a vBul forum I'm on where they use this as an example if you want me to, in PM.

19Accespted Re: Drop Down Menu Selector on Fri May 07, 2010 2:45 pm

ankillien


Administrator
Administrator
The drop down menu comes by default in VB forums. Ego-one doesn't have a custom nav bar. They are using the standard Forumotion nav bar.

To add a drop down list to the nav, you need to remove the standard forumotion nav bar and put your own coded one in place of that which has a drop down feature Very Happy

20Accespted Re: Drop Down Menu Selector on Fri May 07, 2010 2:52 pm

Niels


Registered Member
Registered Member
Oh, okay, that isn't such a big deal, I guess. Ehm, could you help me a bit with the coding, by a chance, because my coding is awful xD.

View previous topic View next topic Back to top  Message [Page 1 of 3]

Goto page : 1, 2, 3  Next

Permissions in this forum:
You cannot reply to topics in this forum