Joomla Templates Club 406,261 posts

[wavne Friend wavneJoin date: December 2006Posts: 8Downloads:0Uploads:5 Thanks: 2]

#155185

Hi Everyone;
I am trying to style Anions subnav to look like Rasite’s – with the borders. I have no posted sample the site is currently local only.

I have tried to simply add the
.childcontent .top
.childcontent .tl
.childcontent .tr
…..etc…..
and copied the appropriate image files but it does not take effect.

Can someone point me in the right direction as to what needs to be done?

Regards,

Wayne

[Don Lee Friend Don LeeJoin date: March 2010Posts: 923Downloads:0Uploads:13 Thanks: 41 Thanked: 274 times in 238 posts]

#358591

<em>@wavne 197960 wrote:</em><blockquote>Hi Everyone;
I am trying to style Anions subnav to look like Rasite’s – with the borders. I have no posted sample the site is currently local only.

I have tried to simply add the
.childcontent .top
.childcontent .tl
.childcontent .tr
…..etc…..
and copied the appropriate image files but it does not take effect.

Can someone point me in the right direction as to what needs to be done?

Regards,

Wayne</blockquote>

Hi,
We have 3 markup styles in mega menu and 1 was set to default, it is a basic style. In order to switch style, open file templates/ja_anion/blocks/mainnav.php
Find this code:
[PHP]<?php if (($jamenu = $this->loadMenu())) $jamenu->genMenu (); ?>[/PHP]
Replace:
[PHP]<?php if (($jamenu = $this->loadMenu())) {$jamenu->setParam (‘mega-style’, 3); $jamenu->genMenu ();} ?>[/PHP]

[wavne Friend wavneJoin date: December 2006Posts: 8Downloads:0Uploads:5 Thanks: 2]

#358667

That did get results but it is also being used by #ja-mainnav .top. The image from this line shows up in the subnav instead of the one in .childcontent .top. If I temporarily disable the first background in firebug the second one shows but of course I lose the first one.

#ja-mainnav .top {
background:url(“../images/bx-tc2.png”) repeat-x scroll left top transparent;
}

.childcontent .top {
background:url(“../../images/mega-tb.png”) repeat-x scroll left top transparent; *****IS CROSSED OUT IN FIREBUG***
height:14px;
margin:0 12px 0 45px;
padding:0;
position:relative;
}

Is there a way to separate these 2? Thanks for the help….Almost There!!!

Regards,

Wayne

[Don Lee Friend Don LeeJoin date: March 2010Posts: 923Downloads:0Uploads:13 Thanks: 41 Thanked: 274 times in 238 posts]

#358694

<em>@wavne 198123 wrote:</em><blockquote>That did get results but it is also being used by #ja-mainnav .top. The image from this line shows up in the subnav instead of the one in .childcontent .top. If I temporarily disable the first background in firebug the second one shows but of course I lose the first one.

#ja-mainnav .top {
background:url(“../images/bx-tc2.png”) repeat-x scroll left top transparent;
}

.childcontent .top {
background:url(“../../images/mega-tb.png”) repeat-x scroll left top transparent; *****IS CROSSED OUT IN FIREBUG***
height:14px;
margin:0 12px 0 45px;
padding:0;
position:relative;
}

Is there a way to separate these 2? Thanks for the help….Almost There!!!

Regards,

Wayne</blockquote>

Hi,
I tried understanding your meaning but I can not. Could you plz describe it on screenshots and give me a link for check?

[wavne Friend wavneJoin date: December 2006Posts: 8Downloads:0Uploads:5 Thanks: 2]

#358709

template.css.txt shows the default Anion main navigation styling.

mega.css.txt shows styling from Rasite used to create the submenu styling. I copied this from mega.css in Rasite and added to mega.css in Anion.

this did not do anything until your original suggestion.

After your original suggestion:
mainnav_childcontent_top.png – shows the subnav border being styled but the image file is from #ja-mainnav .top

ja-mainnav_top_disabled.png – shows the proper image being used for the subnav border but only if I disable the #ja-mainnav .top image.

I wish to style these separately.

Thank you for your time and patience!

Regards,

Wayne

---

Attachments:

1. 
2. 

1. from-template.css_.txt
2. from-mega.css_.txt

[Don Lee Friend Don LeeJoin date: March 2010Posts: 923Downloads:0Uploads:13 Thanks: 41 Thanked: 274 times in 238 posts]

#358725

Hi,
Just simply switch markup type for menu as my ealier instruction and keep mega.css file to be original, I don’t know why you overriden it by Rasite style, it may make everything becomes scratch.

[wavne Friend wavneJoin date: December 2006Posts: 8Downloads:0Uploads:5 Thanks: 2]

#358844

I have installed a fresh Anion template and made only the change you had suggested.

The image attached shows the same borders being used for the subnav. I used the Rasite style in code because that is what I am trying to do.

As per my original post:
“I am trying to style Anions subnav to look like Rasite’s – with the borders”

How do I style the subnav separately?

Regards,

Wayne

---

Attachments:

1. 

[Don Lee Friend Don LeeJoin date: March 2010Posts: 923Downloads:0Uploads:13 Thanks: 41 Thanked: 274 times in 238 posts]

#358894

<em>@wavne 198347 wrote:</em><blockquote>I have installed a fresh Anion template and made only the change you had suggested.

The image attached shows the same borders being used for the subnav. I used the Rasite style in code because that is what I am trying to do.

As per my original post:
“I am trying to style Anions subnav to look like Rasite’s – with the borders”

How do I style the subnav separately?

Regards,

Wayne</blockquote>

So I think you not only need to copy mega style from Rasite, you also copy main nav style section from template.css file, it may have some others. Better to use Firebug to find out which css’s effect to main nav on Rasite, then clone them to Anion. You must do that yourself, I just give you the suggestions in this case 🙂

[Author]

Posts