CSS Sliding Doors: style for the active menu item?

[Buddinger]

Hello,

I have recently started a new template for joomla 1.0, and the main feature should be the "Sliding Doors effect" in the top menu.

After having written the css for the tabs in "normal" state, I get stuck, because I can't add background pictures to both sides of the "sliding doors" tabs.
The a#active_menu {} works fine, but only affects one side of the tab.

Could anyone please tell me how to restyle both sides of the tab? Help would be reaally appreciated.

Regards,
Alex

[Buddinger]

Ok, so after a week of desperation and anger against my pc and my css coding skills, I've finally figured it out
So if anyone is interested in such a solution, pm me

[vlad275]

Ok, so after a week of desperation and anger against my pc and my css coding skills, I've finally figured it out
So if anyone is interested in such a solution, pm me

I cannot send any PM because I do not have 5 messages on the forum. Could you, please, write how have you solved the problem? Because, I have the same one :-(

[cRaNbErRyMuFfIn]

Buddinger can i see your site?

[trelopanda]

hello Buddinger,

can you please post your solution for this problem ?

[trelopanda]

I fixed this by altering mod_mainmenu.php line 348

Code: Select all

					foreach ($links as $link) {
						if(stristr($link, 'active_menu') === FALSE) {$li_id='';}else{$li_id='id="active_menu"';} 
						echo '<li '.$li_id.' >' . $link . '</li>';
					}
					echo '</ul>';
					break;

so that the active menu item code displays like <li id="active_menu">

Is there a better way to do it ?