Impact

[zarachrome]

Hi, you all 


I've searched, but I haven't found what I'm looking for.
I'm building my new photography site with Impact theme (very awesome theme), but although I can change the colors of menus, I can not make it with hover menus.
Could you help me to do this?


A picture:

[Crip]

.. i can't understand , what does it do?? 

[zarachrome]

Hello Crip;


I want to change the color to a dark blue, like the menu above the hover. Actually it is with the color you designed it, but I changed the menus, to accommodate to the web page.

[Crip]

are the drop_names overlapping in yo language , or that text-shadow stuff?
ok ... i see now .. √ hang on..

[zarachrome]

No. I only want to change the lilac color to a dark blue 

[Crip]

ok find:

Code Select Expand

#topnav
ok find & replace:

Code Select Expand

background: #44506e; & border-color:#4e6477;
put:

Code Select Expand

background: #002142; & border-color:#1e4f78;

..it's like you could fix it like you want in this section.

[zarachrome]

I'm going to try.
In 5 minutes I'll tell you if I am capable of that 


Thank you.

[Crip]

..sure you can bro'

[Crip]

if needed , code un-compressed:

Code Select Expand


#toolbar {
background:url(../images/theme/toolbar.png) repeat-x;
height:60px;
border-radius:5px;
box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
padding:0 8px;
margin-top:.9em;
}


#topnav, #topnav ul {
margin:0;
padding:0;
z-index:1000;
}


#topnav li {
float:left;
margin:0;
padding:0;
position:relative;
list-style:none;
}


#topnav li a {
display:block;
line-height:60px;
padding:0 12px;
color:#ddd;
font-family:"Segoe UI", Tahoma, Arial, Helvetica, sans-serif;
font-size:.9em;
letter-spacing:1px;
text-transform:uppercase;
text-decoration:none;
text-shadow:1px 2px 5px rgba(0, 0, 0, 0.6);
}


#topnav li a.active {
background:url(../images/id/navselect.png) top center no-repeat;
font-weight:bold;
text-shadow:0 0 10px #fff;
}


#topnav li a.active, #topnav li a:hover {
color:#fff;
}


#topnav li:hover>a {
color:#fff;
text-shadow:0 0 10px #fff;
}


#topnav li ul {
position:absolute;
width:200px;
top:-999em;
left:auto;
padding:5px 0;
background:#44506e;
border:1px solid #4e6477;
box-shadow:1px 2px 5px rgba(0, 0, 0, 0.6);
-moz-box-shadow:1px 2px 5px rgba(0, 0, 0, 0.6);
-webkit-box-shadow:1px 2px 5px rgba(0, 0, 0, 0.6);
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}


#topnav li ul ul {
margin:0;
}


#topnav li li {
width:200px;
height:auto;
padding:0;
margin:0;
}


#topnav li li a {
display:block;
width:170px;
margin:0 5px;
padding:0 10px;
height:auto;
float:none;
line-height:30px;
font-size:.9em;
}


#topnav li li a:hover, #topnav ul li:hover>a {
background-color:#4b67a1;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}


#topnav li:hover ul {
left:0;
top:60px;
}


#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li:hover ul ul ul ul {
top:-999em;
left:auto;
}


#topnav li li:hover ul, #topnav li li li:hover ul, #topnav li li li li:hover ul {
left:200px;
top:0;
}


[zarachrome]

ok find:

Code Select Expand

#topnav
ok find & replace:

Code Select Expand

background: #44506e; & border-color:#4e6477;
put:

Code Select Expand

background: #002142; & border-color:#1e4f78;

..it's like you could fix it like you want in this section.

WOW!!!
You are great!!! 


Thank you very much Crip.
A first class support from you 

[zarachrome]

Look, it is here:
http://fotograncanaria.org/foro/index.php


Thank you very much once again 

[Crip]

glad we sorted it.

[alanrobinson]

Hi Crip awesome theme by the way. Can you tell me how to make it smaller as its massive on my site.

[Crip]

Hi Crip awesome theme by the way. Can you tell me how to make it smaller as its massive on my site.

Hi,
Do you mean the overall Forum Width?

[alanrobinson]

yes i do crip

[Crip]

Find this in the ../../ css/index.css:

Code Select Expand


/* FORUM WIDTH */
.wrapper{margin:0 auto;width:95%;}

==>Add Like:

Code Select Expand


/* FORUM WIDTH */
.wrapper{margin:0 auto;width:75%;}


Width can be pixel or percentage : ( 1000px; / 80% )

[alanrobinson]

Ok Crip let me try it. is your theme compatable with tiny portal as i want to use that to.

[Crip]

yes indeed
   

[alanrobinson]

yes indeed
   

Thanks crip it worked. I have another minor problem. the text were it says Hello "username" does not show properly. see the attachment

[Crip]

Looks OK to me..? - i reckon your username is too long?

Pix:

[alanrobinson]

is it possible to change the font at all Crip

[Crip]

yes you can , just find:

Code Select Expand

#userarea  => I used impact font , anything will work.

[alanrobinson]

cheers Crip i changed it arial and its spot on now

[Crip]

kool beans man.

[alanrobinson]

Ive seen alot of your theme's on smf website and have always liked your work.

Cheers for the great theme's my friend

[Crip]

thank you.

[alanrobinson]

ive just installed tiny portal and my site looks awesome now. Tinyportal fits with your themes perfectly

[Crip]

I'm glad it does!

[zarachrome]

Impact theme is amazing with Simple Portal too.
I'll post the URL again when my site is completely finished.
Thank again