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

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

Go to page : 1, 2  Next

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

1Accespted Drop Down Menu Selector Thu Dec 17, 2009 5:58 pm

Sanket

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 6:02 pm; edited 1 time in total

http://www.webartzforum.com

2Accespted Re: Drop Down Menu Selector Sun Jan 10, 2010 8:56 pm

JochiKhan

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 Sun Jan 10, 2010 9:56 pm

ankillien

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 Sun Jan 10, 2010 10:18 pm

Sanket

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 Sun Jan 10, 2010 11:42 pm

JochiKhan

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 Mon Jan 11, 2010 12:09 am

Sanket

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 Mon Jan 11, 2010 12:36 am

JochiKhan

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 3:07 am; edited 3 times in total

8Accespted Re: Drop Down Menu Selector Mon Jan 11, 2010 12:43 am

ankillien

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

9Accespted Re: Drop Down Menu Selector Mon Mar 01, 2010 3:22 am

Ash


Registered Member
Registered Member
Great Work

10Accespted Re: Drop Down Menu Selector Sun May 02, 2010 11:07 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 Mon May 03, 2010 12:28 am

Sanket

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

http://www.webartzforum.com

12Accespted Re: Drop Down Menu Selector Mon May 03, 2010 9:44 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 Mon May 03, 2010 10:33 pm

ankillien

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 Mon May 03, 2010 11:49 pm

Niels


Registered Member
Registered Member
Thanks 8D.

15Accespted Re: Drop Down Menu Selector Wed May 05, 2010 1:01 pm

Joel

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 Fri May 07, 2010 2:18 am

Niels


Registered Member
Registered Member
Bump.

17Accespted Re: Drop Down Menu Selector Fri May 07, 2010 9:19 am

ankillien

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 Fri May 07, 2010 4:10 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 Fri May 07, 2010 4:15 pm

ankillien

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 Fri May 07, 2010 4:22 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.

21Accespted Re: Drop Down Menu Selector Fri May 07, 2010 7:43 pm

ankillien

ankillien
Administrator
Administrator
I can help you, surely Very Happy

First of all, you need to find a script to make drop down menu. Make a google search and find one that suits your need.

Once you find it, give me the link I'll see if it can be added to Forumotion forum.

22Accespted Re: Drop Down Menu Selector Sat May 08, 2010 8:38 pm

Niels


Registered Member
Registered Member
What I mean is a bit like on this forum I just found:
http://www.aboxcafe.com/forums/index.php

23Accespted Re: Drop Down Menu Selector Sun May 09, 2010 8:47 am

ankillien

ankillien
Administrator
Administrator
Not the site, please provide me a link to the script that you want to use for drop-down menu Smile

Make search for "Drop down menu script" and you'll find many.

24Accespted Re: Drop Down Menu Selector Sun May 09, 2010 10:55 pm

Niels


Registered Member
Registered Member
Ah, okay. I was giving an example of how it should look like.
Click here for a script

Thanks!

25Accespted Re: Drop Down Menu Selector Wed May 12, 2010 12:13 am

Niels


Registered Member
Registered Member
Bump.

Sponsored content


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

Go to page : 1, 2  Next

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