CSS Sliding Doors: style for the active menu item?

Discuss the development and implementation of Joomla! 1.0.x templates here.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
User avatar
Buddinger
Joomla! Intern
Joomla! Intern
Posts: 64
Joined: Fri Jun 23, 2006 10:35 am

CSS Sliding Doors: style for the active menu item?

Postby Buddinger » Thu Jul 31, 2008 3:08 pm

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
Last edited by Buddinger on Sat Aug 02, 2008 12:51 pm, edited 1 time in total.

User avatar
Buddinger
Joomla! Intern
Joomla! Intern
Posts: 64
Joined: Fri Jun 23, 2006 10:35 am

Re: CSS Sliding Doors: style for the active menu item?

Postby Buddinger » Sat Aug 02, 2008 12:50 pm

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

vlad275
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Tue Feb 24, 2009 9:07 am

Re: CSS Sliding Doors: style for the active menu item?

Postby vlad275 » Tue Feb 24, 2009 9:14 am

Buddinger wrote:Ok, so after a week of desperation and anger against my pc and my css coding skills, I've finally figured it out :D
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
Joomla! Apprentice
Joomla! Apprentice
Posts: 23
Joined: Fri Sep 05, 2008 1:38 am

Re: CSS Sliding Doors: style for the active menu item?

Postby cRaNbErRyMuFfIn » Sat Feb 28, 2009 10:45 am

Buddinger can i see your site?

trelopanda
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Tue May 05, 2009 11:37 am

Re: CSS Sliding Doors: style for the active menu item?

Postby trelopanda » Tue May 05, 2009 11:43 am

hello Buddinger,

can you please post your solution for this problem ?

trelopanda
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Tue May 05, 2009 11:37 am

Re: CSS Sliding Doors: style for the active menu item?

Postby trelopanda » Tue May 05, 2009 12:24 pm

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 ?


Return to “Templates & CSS - 1.0.x”

Who is online

Users browsing this forum: No registered users and 2 guests