Joomla Templates Club 406,261 posts

[jayatunge Friend jayatungeJoin date: July 2011Posts: 94Downloads:0Uploads:41 Thanks: 16 Thanked: 8 times in 1 posts]

#166785

Is it possible to mimic the ja_purity Top menu with this template but colors reversed like in the attached picture? I tried customizing with the help of firebug but wasn’t successful. Any help, would be greatly appreciated.

---

Attachments:

1. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#403400

Hi,
Could you give me a link to your page as you said?

[jayatunge Friend jayatungeJoin date: July 2011Posts: 94Downloads:0Uploads:41 Thanks: 16 Thanked: 8 times in 1 posts]

#403463

Sorry, here is the temporary URL: http://www.theaceconsulting.com/ores/
I can PM the Super Admin credentials if needed.
Thanks for the help. 🙂

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#403466

You replace this code from /templates/ja_ores/css/template.css in the line #1258

#ja-mainnav {
line-height: 1;
position: relative;
z-index: 1000;
float: right;
background: url("../images/grad1-mask.png") repeat-x scroll center top #069 !important;
border-bottom: 1px solid black;
}
with

#ja-mainnav {
line-height: 1;
position: relative;
z-index: 1000;
float: right;
background: url("../images/grad1-mask.png") repeat-x scroll center top #444 !important;
border-bottom: 1px solid black;
}
– You replace this code from /templates/ja_ores/css/colors/light-theme.css in the line #216

ul.level0 li.mega a.active, ul.level0 li.mega a.active:hover, ul.level0 li.mega a.active:active, ul.level0 li.mega a.active:focus {
color: #353535;
background-color: #E5E5E5;
background-image: none;
}
with

ul.level0 li.mega a.active, ul.level0 li.mega a.active:hover, ul.level0 li.mega a.active:active, ul.level0 li.mega a.active:focus {
color: white;
background-color: #069;
background-image: none;
}

[jayatunge Friend jayatungeJoin date: July 2011Posts: 94Downloads:0Uploads:41 Thanks: 16 Thanked: 8 times in 1 posts]

#403474

Hi khoand,
Thank so much for the quick response. I did the changes as per your post. But it is not quite similar to ja_purity menu. :(( I would like to see the top menu like in the attachment. The other thing I noticed is that menu looks different in IE8 than Firefox, too. :((
Your help is very much appreciated to achieve this results.

---

Attachments:

1. 

[Author]

Posts