MyBB Community Forums

Well, I'm just looking to get a better .css for the drop down menu.


What I have:

.popup_menu {
	background: #efefef;
	border: 2px solid #d5d0d0;
}

.popup_menu .popup_item {
	background: #464343;

	color: #000;
}

.popup_menu .popup_item:hover {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
border: solid 1px #b7b7b7;
color: #dad7d7;
}

You've to edit its CSS properties to look it better. Can you please explain as to what colors / look you want to get ?

I've fixed them up a but I'd like to make them rounded.

Like the menu it self.


Is this possible?

can make a screenshot about of your request?

You can make them rounded by using the border-radius property.

(2012-07-21, 07:33 AM)Solstice Wrote: [ -> ]can make a screenshot about of your request?

See the edges on


This: <==== The box holding the links

I want to round them.

In the following class;

.popup_menu {
    background: #efefef;
    border: 2px solid #d5d0d0;
}

Change it into;

.popup_menu {
    background: #efefef;
    border: 2px solid #d5d0d0;
border-radius: 3px;
}