Shape 5

Joomla Templates => Pantheon - Club => : gmedia January 16, 2011, 01:05:43 AM



: Add shadowbox to template main menu...
: gmedia January 16, 2011, 01:05:43 AM
Once upon a time I used modified the Sea of Glass main menu (With Jonah's help) to allow for a URL to open in a shadowbox.

That post is here: http://www.shape5.com/component/option,com_smf/Itemid,75/topic,8713.0/

I need to know how to do that with this template. I already tried the above, and it worked, except that the butt (only text really) was under the main menu. I couldn't get it to be inline with them for anything.

It would be nice if I was able to even have the shadow underneath the menu item when hovering.

It would also be nice to know how to do the same with the "Top Menu" as well.

Basically, I have a "Client Login" feature that is hosted somewhere else. I just want it to open up in a nice shadowbox. I'll probably have a photo gallery that does the same.

www.gmediaevents.com

Thanks for your help!!

Chris..


: Re: Add shadowbox to template main menu...
: gmedia January 16, 2011, 01:15:14 AM
I noticed that the shadow under the main menu items don't work for "external" menu link items. Is there a fix for this?

www.gmediaevents.com

Thanks

Chris


: Re: Add shadowbox to template main menu...
: mikek January 17, 2011, 08:36:56 AM
Hello,

The template doesn't offer any kind of shadowbox. I am not sure what the setup for your login is but you may also want to look into our multibox option, which allows you to pull iframes:

http://www.shape5.com/demo/pantheon/index.php?option=com_content&view=article&id=195&Itemid=226

Would you be able to provide me with super admin access to look into the menu issue?


: Re: Add shadowbox to template main menu...
: gmedia January 17, 2011, 10:57:58 AM
Hey Mike! Thank you for your help! I have a shadowbox installed from NinjaForge.com. I have used this for a while now. I use it on www.hcyouth.com with the Sea of Glass template.

Jonah told me how to add a menu item and put a tag on it on the template HTML. You can see what he told me to do on the link I gave earlier. Basically, I just need to add "rel=shadowbox" right after a link URL to make it open up in a shadowbox. I will PM you logon info if you end up needing it. I'd be super grateful to know how to add a main menu item correctly in the HTML file though.

Thanks again Mike!!

Chris


: Re: Add shadowbox to template main menu...
: jonahh January 19, 2011, 02:08:42 PM
1. There isn't a way to do this without manually adding the link to your index.php file of the template as the links are generated from the database.  So open up the index.php file and look for:

:
<?php mosShowListMenu($menu_name);   ?>

Then add below it:

:
<li>
<span class="s5_outer_active">
<span class="s5_rs">
<a "rel=shadowbox" href="javascript:;">
Main link text here
<span class="s5_bottom_text">Enter sub text here</span>
</a>
</span>
</span>
</li>

Regards,


: Re: Add shadowbox to template main menu...
: gmedia January 19, 2011, 06:42:01 PM
Thank you Jonah! I'm one step closer, but that makes the menu item appear below the main menu. It also doesn't have a shadow underneath when you hover over it. I can live without that if I need to.

What are your thoughts??

Chris


: Re: Add shadowbox to template main menu...
: gmedia January 21, 2011, 10:02:06 AM
Hello?? :)


: Re: Add shadowbox to template main menu...
: mikek January 21, 2011, 10:36:44 AM
Hello,

I am sorry for the delay in response. As I have stated before you cannot add an item like this to the main menu. Jonah's post above will simply add an li outside of the main menu as you've discovered. There is no way to add this link to the main menu because it has already been closed. The only way to get a shadowbox link on your site is through custom link that you would need to create on the template itself or in a module.


: Re: Add shadowbox to template main menu...
: gmedia January 24, 2011, 10:44:58 AM
I fixed it. I just thought I'd post the fix here.

The problem was that the li was coming outside the UL because the ul is being output by the suckerfish.php file. I had the edit the template "s5_suckerfish.css" file. I added a " float: left;" below:

(s5_suckerfish.css.....line 4)

#s5_navv, #s5_navv ul {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}