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:
(http://cl.ly/Pyoe/impact-hover.jpg)
.. ??? i can't understand , what does it do??
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.
are the drop_names overlapping in yo language , or that text-shadow stuff?
ok ... i see now .. √ hang on..
No. I only want to change the lilac color to a dark blue :)
ok find: #topnav
ok find & replace:background: #44506e; & border-color:#4e6477;
put: background: #002142; & border-color:#1e4f78;
..it's like you could fix it like you want in this section.
I'm going to try.
In 5 minutes I'll tell you if I am capable of that ;D
Thank you.
..sure you can bro' ;)
if needed , code un-compressed:
#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;
}
Quote from: Crip on Jun 30, 13, 09:19:13 AM
ok find: #topnav
ok find & replace:background: #44506e; & border-color:#4e6477;
put: background: #002142; & border-color:#1e4f78;
..it's like you could fix it like you want in this section.
WOW!!!
You are great!!! :2up:
Thank you very much Crip.
A first class support from you :2up:
Look, it is here:
http://fotograncanaria.org/foro/index.php
Thank you very much once again :taz:
glad we sorted it. :)
Hi Crip awesome theme by the way. Can you tell me how to make it smaller as its massive on my site.
Quote from: alanrobinson on Jul 02, 13, 12:45:07 PM
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?
yes i do crip
Find this in the ../../ css/index.css:
/* FORUM WIDTH */
.wrapper{margin:0 auto;width:95%;}
==>Add Like:
/* FORUM WIDTH */
.wrapper{margin:0 auto;width:75%;}
Width can be pixel or percentage : ( 1000px; / 80% )
Ok Crip let me try it. is your theme compatable with tiny portal as i want to use that to.
yes indeed ;)
:wc:
Quote from: Crip on Jul 02, 13, 01:02:29 PM
yes indeed ;)
:wc:
Thanks crip it worked. I have another minor problem. the text were it says Hello "username" does not show properly. see the attachment
Looks OK to me..? - i reckon your username is too long?
Pix:
is it possible to change the font at all Crip
yes you can , just find:
#userarea => I used impact font , anything will work.
cheers Crip i changed it arial and its spot on now
kool beans man.
Ive seen alot of your theme's on smf website and have always liked your work.
Cheers for the great theme's my friend
thank you. :)
ive just installed tiny portal and my site looks awesome now. Tinyportal fits with your themes perfectly
I'm glad it does!
Impact theme is amazing with Simple Portal too.
I'll post the URL again when my site is completely finished.
Thank again :)