Simple Machines Community Forum

hi, which line of code do i change to make this background colour from light grey/silver to as dark grey as possible ?





#main_menu
{
padding: 15px 0.5em;
float: left;
margin: 0;
width: 98%;
    z-index: 2;
    position: absolute;
    top: 19px;
}
.dropmenu, .dropmenu ul
{
list-style: none;
line-height: 1em;
padding: 0;
margin: 0;
}
.dropmenu
{
padding: 0 0.5em;
}
.dropmenu a
{
display: block;
color: #FFFFFF;
text-decoration: none;
}
.dropmenu a span
{
display: block;
padding: 0 0 0 5px;
font-size: 0.9em;
}
/* the background's first level only */
.dropmenu li a.firstlevel
{
margin-right: 4px;
    padding: 15px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.dropmenu li a.firstlevel
{
display: block;
position: relative;
left: -5px;
height: 22px;
line-height: 19px;
white-space: pre;
}
.dropmenu li
{
float: left;
padding: 0;
margin: 0;
position: relative;
}
.dropmenu li li
{
width: 19em;
margin: 0;
border-left: 1px solid #999;
border-right: 1px solid #999;
}
.dropmenu li li a span
{
display: block;
padding: 8px;
}
.dropmenu li ul ul
{
margin: -1.8em 0 0 13em;
}
/* the active button */
.dropmenu li a.active
{
color: #426F97;
font-weight: bold;
    padding: 15px;
    border: 1px inset #426F97;
    box-shadow: 0 0 2px #81B1DE;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
    margin-right: 2px;
  background: url(../images/glacier/button_active.png) repeat-x 0 0;   
}
/* the hover effects */
.dropmenu li a.firstlevel:hover, .dropmenu li:hover a.firstlevel
{
color: #ddd;
cursor: pointer;
text-decoration: none;
    border: 1px inset #426F97;
    margin-right: 2px;
    box-shadow: 0 0 2px #81B1DE; 
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
  background: url(../images/glacier/button_active.png) repeat-x 0 0;
      }
/* the hover effects on level2 and 3 */
.dropmenu li li a:hover, .dropmenu li li:hover>a
{
    background: url(../images/glacier/background2.png) repeat;
color: #255255255;
text-decoration: none;
}
.dropmenu li:hover ul ul, .dropmenu li:hover ul ul ul
{
top: -999em;
}
.dropmenu li li:hover ul
{
top: auto;
}
.dropmenu li:hover ul
{
display: block;
}
.dropmenu li li.additional_items
{
}
/* The dropdown menu toggle image */
#menu_toggle
{
float: right;
margin-right: 10px;
padding-top: 3px;
}
#menu_toggle span
{
position: relative;
right: 5000px;
}


In default theme its an image , so you need to remove that image and give color you want..
.dropmenu li ul {
    background: url("../images/theme/menu_gfx.png") no-repeat scroll 0 -130px transparent;

But in your case you should ask in support section of whatever theme you are using, looks like using some image in background.

anyone else help please ? i can post any file/ code you need ?  :'(

post link to your forum...

Lainaus käyttäjältä: Ricky. - joulukuu 11, 2011, 08:24:30 AP
post link to your forum...

link: http://ghostgaming.x10.mx/forums/index.php
its a edit of the Glacier Theme with LGF mod installed.

Well, I can't see dropdown menu there so I need to login.
It would be best if you ask for help in theme support thread : http://www.simplemachines.org/community/index.php?topic=456272.0

Also, removing credits is not a good idea !

they havent been active in over a week....

anyone else know how i can overcome this problem.

Ok then, give us a test account for your forum.

Took a look at the site, saw for some reason the theme author had a single declaration in a separate CSS file....

Either or, just change the background information in that file under this particular code to get the effect you want.  (You'll want to remove any Gradient line if you are looking to keep it a solid color.


.dropmenu li ul
{
z-index: 90;
display: none;
position: absolute;
width: 19.2em;
font-weight: normal;
border-bottom: 1px solid #999;
padding: 7px 0 0 0;   
     -moz-box-shadow:0 0 5px #000000;
-webkit-box-shadow:0 0 5px #000000;
box-shadow:0 0 5px #000000; 
       
    background: #fffaf0;
    background: -moz-linear-gradient(top, #fffaf0 0%, #f0ece4 21%, #b3b2b3 75%, #a0a0a4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffaf0), color-stop(21%,#f0ece4), color-stop(75%,#b3b2b3), color-stop(100%,#a0a0a4));
    background: -webkit-linear-gradient(top, #fffaf0 0%,#f0ece4 21%,#b3b2b3 75%,#a0a0a4 100%);
    background: -o-linear-gradient(top, #fffaf0 0%,#f0ece4 21%,#b3b2b3 75%,#a0a0a4 100%);
    background: -ms-linear-gradient(top, #fffaf0 0%,#f0ece4 21%,#b3b2b3 75%,#a0a0a4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffaf0', endColorstr='#a0a0a4',GradientType=0 );
    background: linear-gradient(top, #fffaf0 0%,#f0ece4 21%,#b3b2b3 75%,#a0a0a4 100%);
}


As an added note, if you wanted to keep a gradient and just have it darker you could use this


background: #565656; /* Old browsers */
background: -moz-linear-gradient(top,  #565656 0%, #0e0e0e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565656), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #565656 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #565656 0%,#0e0e0e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #565656 0%,#0e0e0e 100%); /* IE10+ */
background: linear-gradient(top,  #565656 0%,#0e0e0e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */




thats fixed it, thankyou very much Dread id give you Rep if i could :)


/thread