MyBB Community Forums

Full Version: color, text change with css(?)
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hello,

i would like to change the look, color, text of the drop down module i have made here:

[attachment=30076]

I don't know what and where to add the further, necessary codes or make the changes.

This is the way i added/use it;

Header Template
*red marked is the corresponding code
------------------------------------------------------------------------
<div id="container">
<a name="top" id="top"></a>
<div id="quicklinks">
<form>
<select onChange="location=this.options[this.selectedIndex].value;" style="font-family:'Verdana';color:#CC3333;background-color:#F8F8ff;font-size:8pt;">
<option value="http://www.uniting-people.eu/forum/">Quicklinks</option>
<option value="http://uniting-people.eu/forum/Thread-Introduce-yourself">Introduce yourself!</option>
<option value="http://uniting-people.eu/forum/Forum-Survey">Vote Now!</option>
<option value="http://uniting-people.eu/forum/misc.php?page=forumrules">Forum Rules!</option>
<option value="http://uniting-people.eu/forum/usercp.php?action=avatar">Add/Change avatar!</option>
<option value="http://uniting-people.eu/forum/usercp.php?action=profile">Customize your profile!</option>
<option value="http://uniting-people.eu/forum/usercp.php?action=editlists">Edit buddy list!</option>
<option value="http://uniting-people.eu/forum/Thread-Forum-Feedback">Feedback for forum!</option>
</select>
</form>
</div>

<div id="header">
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
------------------------------------------------------------------------
and in global.css

#quicklinks {
position: absolute;
 top: 19px;
 left: 21px;
}

Forum Link: www.uniting-people.eu/forum

Any help appreciated. Thanks.
Best Regards, k1R@.
you can change the style code as required in the below part
<select onChange="location=this.options[this.selectedIndex].value;" style="font-family:'Verdana';color:#CC3333;background-color:#F8F8ff;font-size:8pt;">
Modify in header template:
style="font-family:'Verdana';color:#CC3333;background-color:#F8F8ff;font-size:8pt;"

Change color to your own.
I know that too but i would like to change it completely into or/and with css. A better looking drop down module, not just that simple standard thing. The global.css must be changed for that, or not? So thats what i am asking for.
^ well, you can remove that inline style and add it to #quicklinks select in the global.css
#quicklinks select { your style code }
thanks

Wanted to make something like this but i kinda don't know in mybb:

http://cssmenumaker.com/menu/silver-salm...n-dropdown
Here is the html and css of it -> http://cssmenumaker.com/builder/829727

But i have no idea how to get this working, sry.
Thanks anyway ; )