The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How do you customize the Jump to: menu?

View previous topic View next topic Go down

Solved How do you customize the Jump to: menu?

Post by runawayhorses on May 8th 2012, 4:54 pm

How do you customize the "Jump to:" menu as seen near the bottom of the topic lists and topics.? I don't want to add a image background or anything like that, just a few simple background color changes and text color changes.

thanks


Last edited by runawayhorses on May 8th 2012, 9:18 pm; edited 2 times in total

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: How do you customize the Jump to: menu?

Post by kirk on May 8th 2012, 5:38 pm

i think the background color for that will be the drop down menu color in your color list.

Other then that i am sure it can be done in your css too, whats you forum link, the one in your profile

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Solved Re: How do you customize the Jump to: menu?

Post by runawayhorses on May 8th 2012, 5:53 pm

Yes the one in my profile.

Ok I found the background color for that, so all I need now is the css code to change the text and maybe the GO color also.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: How do you customize the Jump to: menu?

Post by kirk on May 8th 2012, 6:13 pm

You can try this, change the font color where it says
font-color: #000000;

Code:

select {
    background-color: #969494;
    border: 1px solid #5DD5F0;
    cursor: pointer;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-color: #000000;
    padding: 1px;
    vertical-align: middle;
}

I am not sure about the go button, i will have to try a few more things



Last edited by kirk on May 8th 2012, 6:47 pm; edited 3 times in total

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Solved Re: How do you customize the Jump to: menu?

Post by LGforum on May 8th 2012, 6:35 pm

Code:

.vf_jumpbox select {
  background: blurgh...
  color: blurgh...
}
.vf_jumbox .button2 {
  blurgh...
}
The second selector is the Go button.

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: How do you customize the Jump to: menu?

Post by runawayhorses on May 8th 2012, 6:39 pm

Kirk when I tried to add the code I got this message "Detected error
We have counted a different number of "{" and of "}". It means your CSS risks to be not valid and will not be posted correctly on your forum.

We advise you to reread your code."

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: How do you customize the Jump to: menu?

Post by kirk on May 8th 2012, 6:43 pm

@runawayhorses wrote:Kirk when I tried to add the code I got this message "Detected error
We have counted a different number of "{" and of "}". It means your CSS risks to be not valid and will not be posted correctly on your forum.

We advise you to reread your code."

Oh looks like i forgot to add the beginning of that part of the coding.
It should work now, if not i will have to test it one of my test forums

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Solved Re: How do you customize the Jump to: menu?

Post by LGforum on May 8th 2012, 6:48 pm

You realise Kirk that you code will affect all select tags not just the 'Jump to' menu?

Such as dropdowns in profiles, in the UCP, preferences, the send PM page, and more. Wink
Got to "home" in on things Razz

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: How do you customize the Jump to: menu?

Post by kirk on May 8th 2012, 6:54 pm

Well it's basically the same way as if you had it set in the colors list too.
So it's up to him, unless you want to write out a better css.

Info added

LOL Smile lg yeah man thats how it's supposed to be for all of them or it would not look right.
When he sets the colors he wants, then it will be in uniform with the other drop downs like you said. but it;s going to match the forum for the colors he wants to select..

If you take away the css and set these in the colors list, it will be the same way anyway for the drop downs, i just gave him this css so he cant change the font color there, But actually there is a place to do that to in the colors list i believe.. so dont even need the css to tell you the truth.. LMAO


But heck if you or someone else wants to write a separate css for each drop down sections then go for it. thumright


Last edited by kirk on May 8th 2012, 7:36 pm; edited 2 times in total

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Solved Re: How do you customize the Jump to: menu?

Post by runawayhorses on May 8th 2012, 7:08 pm

The font color is not working.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: How do you customize the Jump to: menu?

Post by LGforum on May 8th 2012, 7:09 pm

@kirk wrote:But heck if you or someone else wants to write a separate css for each drop down sections then go for it. thumright

Yeah but I was under the impression he is only wanting to change the 'Jump to' dropdown. scratch

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: How do you customize the Jump to: menu?

Post by kirk on May 8th 2012, 7:18 pm

Yeah well looks like that is not working anyway???

there is nothing in the color list for phpbb3, i know i have done it before there for punn and phpbb2, I will fiddle with it see if i can remember how to get it..


info added
Yeah it beats me??? blackeye

I know i have done it before, but could have been phpbb3 from phpbb.
forumotions phpbb3 versions are not exactly the same, other then that i am sure another staff member will know. it's probably just something silly i am over looking?

I'll check back here in a while then if it is not solved then i will take another crack at it.
My luck by the time i get it someone else will have posted it already... Razz Razz

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Solved Re: How do you customize the Jump to: menu?

Post by runawayhorses on May 8th 2012, 7:35 pm

Well I definitely want it for all the boxes so it will look uniform.

I have set the background color of the menu how I want it in the colors section of the admin panel, all I need know is the css to the link colors and/or text colors or both.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: How do you customize the Jump to: menu?

Post by LGforum on May 8th 2012, 7:57 pm

Try this selector:
Code:

select option {
 //rules
}

Or if not, just try 'option' on its own.

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: How do you customize the Jump to: menu?

Post by runawayhorses on May 8th 2012, 8:16 pm

I havent add any css to the stylesheet yet the background was changed in Display>>Colors and I changed the background color associated with the drop down menu, and that is set.

I need the entire css code that only addresses the drop down menu font colors. thanks

The code there does not have the place to add the color.. lol!

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: How do you customize the Jump to: menu?

Post by LGforum on May 8th 2012, 8:26 pm

Sorry I thought you knew to add the color:
Code:

select option {
 color: your color;
}

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: How do you customize the Jump to: menu?

Post by kirk on May 8th 2012, 8:47 pm

@LGforum wrote:Sorry I thought you knew to add the color:
Code:

select option {
 color: your color;
}

yup that works Smile
Thanx LG thumleft

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Solved Re: How do you customize the Jump to: menu?

Post by runawayhorses on May 8th 2012, 9:19 pm

Ok that works great. One last thing and I'm done. How to you add a hover color to that?.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: How do you customize the Jump to: menu?

Post by LGforum on May 8th 2012, 9:37 pm

select option:hover {
color: your color;
background-color: your color;
}

Smile

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

View previous topic View next topic Back to top


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