Grunge: RokNavMenu Exporter not working for me
-
-
- David Wolfman
- Rocketeer
- Posts: 62
- Thanks: 2
-
Also in case it's needed or helpful I am using PHP 5.4 on CentOS. Within Joomla's Global Config I have SEO friendly URLs enabled, URL rewriting turned on...no adding suffix to URL and no unicode aliases...not sure if any of that is playing a role.
I shouldn't need the RokBridge installed to make this work, right? Currently I'm using the p8pBB Bridge extension with my Joomla install...but even when I disable it I'm still having this same issue so I'm very confident that it's not my bridge thats causing this problem...it seems like Joomla/rocket theme template is explicitly having this issue where it's not generating the header HTML using RokNavMenu Exporter for some reason...
I'm noticing that when I make changes to the RokNavMenu Export Plugin, it is immediately updating my guest_joomla_menu.inc and reg_joomla_menu.inc files, but it is not doing anything with the joomla_menu_header.inc file unfortunately...really stumped on this one. I'd consider resubscribing to the phpBB secton to fix this issue, however this these are "free" apps, I'm not sure where the support for my issue here begins and stops. It looks like a few others have had the same exact issue as me though, so I'm not sure how far I'll get here with this. I'm really needing a fix for this issue though please. - Last Edit: 9 years 9 months ago by Joe Halleck.
- RocketTheme Member since 2007
-
-
-
- David Wolfman
- Rocketeer
- Posts: 62
- Thanks: 2
-
Okay I've made a tiny bit of progress on this so far...hopefully someone still replies to my question on whether or not joomla_menu_header.inc should be blank or not... I DO believe I'm still supposed to have some kind of navigation HTML code within the file.
Initially, I likely had my path wrong within phpBB Forum => Styles => RocketTheme Styles => Global Configuration and under "Joomla menu path" I originally had JUST "/" (a slash), in reality just MAKE 100% sure that you have your absolute and correct path in this field or it wont work, in my case I had to ensure that I had "../" (without quotes) in my path, once I added those magical two-dots and the forward slash and I manually deleted my cache files within forum/cache I am now at least seeing a VERY basic plain-text navigation bar at the top of my forum within the template...it doesn't seem to link me anywhere either but I'm still trying that out.
Once again, now my problem appears to be a blank joomla_menu_header.inc file that is not properly giving me the CSS and graphical menu structure and logo that I need to have up there in my navigation. Someone please help! :'( - Last Edit: 9 years 9 months ago by Joe Halleck.
- RocketTheme Member since 2007
-
-
-
- David Wolfman
- Rocketeer
- Posts: 62
- Thanks: 2
-
Note to All after renewing my subscription and searching more into this.... I found the following, "Re: Roknavmenu exporter
Posted 5 months 9 hours ago
The exporter works for most templates, but there is a problem with some templates that it does not output the correct part of the menu.
It is compatible with 3.2.2 (I am using it with paradigm on 3.2.2). It does however not in all cases export the correct parts of the menu (in some cases too much or only the mobile menu)."
In this case, perhaps Diametric (the template I'm using), its only grabbing the mobile menu? But still, my joomla_menu_header.inc file is empty and I don't think it should be...
Really hoping I didn't just renew my subscription only to find out that I can't get this RobNavMenu Exporter working properly with my template...that type of info should really be in the documentation page.
If I find a solution I'll post it here, and I'll still welcome any comments from others. Thanks
(now that I'm looking for it... at the top of my guest_joomla_menu.inc file I'm seeing the following referencing the mobile menu which is obviously what I dont want to output...) <div class="rt-menu-mobile">
<select data-rt-menu-mobile>
<option value="/index.php?option=com_content&view=featured&Itemid=101" selected="selected"> Home</option> - Last Edit: 9 years 9 months ago by Joe Halleck.
- RocketTheme Member since 2007
-
-
-
- Joe Halleck
- Preeminent Rocketeer
- Posts: 5480
- Thanks: 66
- Never give up!
-
Not sure if the mobile settings are making this issue for the exporter.
Possible the php error_log file has some details when exporter runs to do the export.
BTW your site was slow to respond for me when I checked it
Something might not be happy on your server when loading joomla. - Last Edit: 9 years 9 months ago by Joe Halleck.
-
The following users have thanked you: David Wolfman
- Magento - phpBB3 - Kunena - RokBridge Specialist
No Secure Tab posts unless requested.
Use the Thank You and Life Preserver Buttons!
Your signature is also great place for setup details...help us help you!
-
-
-
- David Wolfman
- Rocketeer
- Posts: 62
- Thanks: 2
-
Hey Joe! Thanks once again for your response Sir.
Yes the slow site is due to the video plugin I'm running, I need to find a smoother solution that generates thumbnails...or just enable caching when I'm done. I appreciate the input there though.
You are 100% correct, this seems to be due to the mobile menu being sucked into the RokNamMenu Exporter module output (which isnt good) and I think this is happening to many people possibly trying to use the Responsive/mobile themes.
Can I please redirect you or anyone else over to this thread to help me out? www.rockettheme.com/forum/joomla-extensi...enu?start=10#1119408
I really need to find a solution where this module doesn't pull the mobile menu which obviously isn't the desired affect by design, I'm hoping you can either help me pull Dev into fixing this as the problem looks like it existed a year ago and again was brought up 5 months ago, and there doesn't seem to be a solution yet. I'm happy with a workaround too if need be (if its simple enough and easy to recreate when the menu's inevitably change again in the future on my site). I just renewd my paid subscription in hopes to getting only this issue resolved please. - RocketTheme Member since 2007
-
-
-
- David Wolfman
- Rocketeer
- Posts: 62
- Thanks: 2
-
Okay everyone! So Roeland is my hero of the day and helped me find a work-around to the RokNavMenu Exporter where it ONLY exports the MOBILE MENU of the responsive RocketTheme template (and Joe and everyone else here is great too of course!) I'm going to post the info on the work-around here in hopes to help anyone in the future who finds this issue to be a problem for them.
(Some of the following info is copy/pasted from Roeland on his advice to me)
(Actual thread with the full info on this topic is here: www.rockettheme.com/forum/joomla-extensi...mobile-menu?start=10 )
- First off, the joomla_menu_header.inc file is SUPPOSED to be blank/empty, I guess it's a placeholder for more advance CSS and/or future development into this extension.
- Second off, the two files, guest_joomla_menu.inc and reg_joomla_menu.inc, will need to have their contents emptied and you'll basically have to manually copy and paste your Joomla's HTML nagivation bar output into each of these files.
- Third off, apparently dev is aware of this issue but is too busy to test the problem with every template and/or fix it, hopefully in the future it'll be fixed but for now this work-around from Roeland will definitely get you by with copying your Joomla navigation bar with full Fusion menu into phpBB and/or other scripts that share the same CSS as your Joomla template (if you were copying your Joomla nav bar into another script/site, you would just point ALL of your templates CSS files from your Joomla HTML header...again I'll explain more of that in a moment).
Long story short, you still need to ensure that you have the following items installed and properly configured:
- Extension RokNavMenu installed (you dont have to actually do anything with it as far as I know, just install it)
www.rockettheme.com/joomla/extensions/roknavmenu
- RokNavMenu_Exporter installed (and once it's been installed, enable it so that it generates the guest_joomla_menu.inc, reg_joomla_menu.inc, and joomla_menu_header.inc files at the root of your site and then DISABLE the RokNavMenu_Exporter plugin so it doesn't try to overwrite the changes you're about to make.
www.rockettheme.com/docs/phpbb/modules/roknavmenu.md
(Is also downloadedfrom the same download page as RokNavMenu): www.rockettheme.com/joomla/extensions/roknavmenu
- A RocketTheme template of course is installed and ENABLED as the default template (with gantry and whatnot, I believe it's required) (because the same CSS variables will be used between Joomla and phpBB for the nav menu...its a smart idea to use the same RocketTheme template with your Joomla site and your phpBB3 site...otherwise you will probably get funky nav bar output)
www.rockettheme.com/joomla/templates
- A phpBB3 style installed and enabled on your phpBB3 forum. (because the same CSS variables will be used between Joomla and phpBB for the nav menu...its a smart idea to use the same RocketTheme template with your Joomla site and your phpBB3 site...otherwise you will probably get funky nav bar output)
www.rockettheme.com/phpbb/styles
- RokBB3 installed and configured within your phpBB3 forum.
www.rockettheme.com/docs/phpbb/start/sty...ministrative-modules (comes with a phpBB style subscription)
Once all of these items are installed properly and configured thoroughly and you're having any issues with the NavMenuExporter, also confirm that you:
- Dont have any hidden menu items that might be hiding the full root of your entire menu.
- Ensure that your file/folder permissions on your server are as they should be... Generally aomwthing like 664 on the files and 755 on the folders...
- Within your phpBB3 install and under the RokBB3 settings, make sure that you are pointing to the correct path of your Joomla's root directory such as "../" and that you've listed the two guest_joomla_menu.inc and reg_joomla_menu.inc files
- AND you confirm that your Joomla site isnt set in the global configuration to offline or under construction...
At this point if everything is good and you see only your mobile-menu (a plain text menu drop-down box with dead links or something to that affect) showing up on your phpBB3 forum navigation area, then follow these directions:
If youre at this step, it means that the bug with the RokNavMenu_Exporter plugin is taking just the mobile menu from your RocketTheme Responsive Template and improperly inserting the data into the exported menu-settings files. The guest_joomla_menu.inc reg_joomla_menu.inc files will need to be opened from the ROOT of your Joomla site folder (using any HTML editor like Notepad ++), and their current mobile menu contents (everything within those two files) needs to be deleted...and then replaced with HTML from your Joomla site's header.
For the guest_joomla_menu.inc file, go to the main page of your Joomla website and DO NOT LOG IN (as you want to copy your menu as if you're a guest, so that only guest-viewable menu items are showing up). Next, within your browser you want to VIEW PAGE SOURCE so that you can see ALL of the pretty HTML being generated by your Joomla website. Once you're looking at your Joomla page's HTML output, you'll want to copy your navigation DIV table/style information such as in the following text:
<div class="rt-block menu-block"> <div class="nopill"> <div class="rt-menubar fusionmenu"> <ul class="menutop level1 " style="margin-left: 200px;"> <li class="item101 active root" > <span class="rt-arrow-pointer"></span> <a class="orphan item bullet active-to-top" href="/" > <span> <span> Home </span> </span> </a> </li> <li class="item207 root" > <span class="rt-arrow-pointer"></span> <a class="orphan item bullet" href="/free-instruct-videos" > <span> <span> FREE Lessons </span> </span> </a> </li> </div> <div class="clear"></div> </div> <div class="clear"></div> </div>
and then PASTE that navigation menu information into your guest_joomla_menu.inc file, then save/upload the file overwriting the original one in your HTML directory.
For the reg_joomla_menu.inc file, repeat the same steps as above where you copied your navigation-bar from your Joomla site's HTML output...however this time FIRST log into your Joomla site as a regular user so that you will be looking at the "registered" Joomla member menu (as some of your menu items might be set to registered-only view)...once logged into your Joomla site, again go and VIEW THE SOURCE of the HTML on the web-page within your web browser, then copy the <div class="rt-block menu-block"> section with all of your menu items, then paste the info into your reg_joomla_menu.inc file, save it/upload it and overwrite the original one.
As long as you've ensured that RokBB3 and your RocketTheme style modules are enabled and turned ON within your phpBB3 administration console...and that you've properly pointed the path of your Joomla site within RokBB3 (such as ../) or wherever your Joomla install is...and you have the guest_joomla_menu.inc reg_joomla_menu.inc files listed within the settings of phpBB3/RokBB3 (all of this info is found in the documentation in the links that I provided at the top of this how-to post)....then your navigation menu should FINALLY be showing up in your phpBB3 forum!
**NOTE: you should be using the SAME RocketTheme Joomla template and the SAME RocketTheme phpBB3 style to ensure that the menu looks like it's supposed to (even though one template is Joomla and the other is for phpBB, the RocketTheme templates will be/should be using the same CSS variables, which makes your menu output look correct).
Earlier I mentioned if you want to copy/export your Joomla navigation menu into another site, whether it be a different script of some kind, or regular HTML page, etc...or even using different templates that AREN'T the same theme as each other...then you'll need to copy all of the CSS files from your Joomla HTML output/header, into the NEW header on your other script/site so that the Fusion menu will still work along with your colors and preferences, etc. (keep in mind that this could potentially mess up CSS on whatever script you're trying to insert your Joomla nav menu into...so this may or may not work for you.
The CSS files I'm referring to can all be found at the top of your Joomla site's <head> HTML output when you visit your site and choose to VIEW SOURCE...once more you'll need to copy ALL of the CSS info at the top of your Joomla's HTML header, INCLUDING the MENU DIV table as well...None of this is perfect, and it may require some manual editing and tweaking to make it look right...you may also need to put in DIRECT PATH links like " yoursite.com/template/stars.css " instead of just "template/stars.css"". It looks like:
<head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <base href="http://MYSITEsmusic.com/" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="description" content="Guitar Lessons at MYSITEs School of Music. THE BEST METHOD TO GET REAL RESULTS FAST! GUARANTEED! Beginner-to-Advanced lessons that get YOU playing the Music You Love Now!" /> <meta name="generator" content="Joomla! - Open Source Content Management" /> <title>MYSITEs School of Music</title> <link href="http://MYSITEsmusic.com/" rel="canonical" /> <link href="/?format=feed&type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" /> <link href="/?format=feed&type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" /> <link href="/templates/rt_diametric_responsive/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" /> <link href="/component/fpss/module/204?format=feed&type=rss" rel="alternate" type="application/rss+xml" title="Frontpage Slideshow (by JoomlaWorks) RSS Feed" /> <link href="/component/fpss/module/204?format=feed&type=atom" rel="alternate" type="application/atom+xml" title="Frontpage Slideshow (by JoomlaWorks) Atom Feed" /> <link rel="stylesheet" href="/plugins/system/wfmediaelement/css/mediaelementplayer.min.css" type="text/css" /> <link rel="stylesheet" href="/plugins/system/rokbox/assets/styles/rokbox.css" type="text/css" /> <link rel="stylesheet" href="/libraries/gantry/css/grid-responsive.css" type="text/css" /> <link rel="stylesheet" href="/templates/rt_diametric_responsive/css/gantry-core.css" type="text/css" /> <link rel="stylesheet" href="/templates/rt_diametric_responsive/css/joomla-core.css" type="text/css" /> <link rel="stylesheet" href="/templates/rt_diametric_responsive/css/overlays.css" type="text/css" /> <link rel="stylesheet" href="/templates/rt_diametric_responsive/css/body-light.css" type="text/css" /> <link rel="stylesheet" href="/templates/rt_diametric_responsive/css/menu-light.css" type="text/css" /> <link rel="stylesheet" href="/templates/rt_diametric_responsive/css/responsive.css" type="text/css" /> <link rel="stylesheet" href="/templates/rt_diametric_responsive/css/typography.css" type="text/css" /> <link rel="stylesheet" href="/templates/rt_diametric_responsive/css/font-awesome.css" type="text/css" /> <link rel="stylesheet" href="/templates/rt_diametric_responsive/css/extensions.css" type="text/css" /> <link rel="stylesheet" href="/templates/rt_diametric_responsive/css/demo-styles.css" type="text/css" /> <link rel="stylesheet" href="/templates/rt_diametric_responsive/css/template.css" type="text/css" /> <link rel="stylesheet" href="/templates/rt_diametric_responsive/css/template-webkit.css" type="text/css" /> <link rel="stylesheet" href="/templates/rt_diametric_responsive/css/fusionmenu.css" type="text/css" /> <link rel="stylesheet" href="/media/system/css/modal.css" type="text/css" /> <link rel="stylesheet" href="/modules/mod_fpss/tmpl/KeeSports/css/template.css.php?width=1125&height=400&sidebarWidth=240&timer=1&thumbnailViewportWidth=65&thumbnailViewportHeight=40&mid=204" type="text/css" /> <link rel="stylesheet" href="/templates/rt_diametric_responsive/roksprocket/layouts/tabs/themes/default/tabs.css" type="text/css" /> <style type="text/css"> #rt-main-container article h2 span, #rt-main-container a, #rt-main-container h1 span, #rt-main-container .module-title .title span,#rt-body-surround .sprocket-lists .sprocket-lists-container li.active .sprocket-lists-title, body #roksearch_results h3, body #roksearch_results a, .item-title, .component-body .thumbnail a {color:#EF915E;} #rt-navigation, #rt-navigation .rt-menubar ul.menutop li.active {background-color:#ea7130;} #rt-main-container .readon span, #rt-main-container .readon .button, #rt-main-container .button, #rt-main-container .btn, .component-content .formelm-buttons button, .component-body #imageForm.form-horizontal button, .component-body #uploadform button {background-color:#ea7130;} #rt-body-surround .box1 .module-surround, #rt-body-surround .box4 .module-surround, .rg-grid-view .tag, .rg-list-view .tag, .rg-detail-slicetag .tag, .rg-detail-filetag .tag {background-color:#EF915E;} .menutop .rt-arrow-pointer {border-top-color:#ea6e2b;} #rt-main-container.body-overlay-light a:hover, #rt-main-container.body-overlay-light .title a:hover span {color:#e86118;} #rt-main-container.body-overlay-dark a:hover, #rt-main-container.body-overlay-dark .title a:hover span {color:#f6c1a4;} #rt-body-surround.body-accentoverlay-dark .box1 a, #rt-body-surround.body-accentoverlay-dark .box1 .title span, #rt-body-surround.body-accentoverlay-dark .box4 a, #rt-body-surround.body-accentoverlay-dark .box4 .title span, #rt-body-surround.body-accentoverlay-dark .box5 .title span {color:#f6c1a4;} #rt-body-surround .box4 .title, #rt-body-surround .box1 .title {text-shadow: -1px 1px 0 #EF915E, -3px 3px 0 rgba(0,0,0,0.15);} #rt-body-surround .box1 a, #rt-body-surround .box1 a, #rt-body-surround .box1 .title span, #rt-body-surround #rt-top .box4 a, #rt-body-surround #rt-header .box4 a, #rt-body-surround .box4 .title span {color:#f6c1a4;} #rt-headerblock h1 span, #rt-headerblock .module-title .title span, body #rt-menu ul.menu li a {color:#EF915E;} #rt-headerblock .readon span, #rt-headerblock .readon .button, #rt-headerblock .button, #rt-headerblock .btn {background-color:#ea7130;} #rt-headerblock,#rt-headerblock .sprocket-features-arrows .prev, #rt-headerblock .sprocket-features-arrows .next, .layout-showcase .sprocket-features-pagination li {background-color:#E6E3DE;} #rt-headerblock .title, #rt-headerblock .paneltitle, #rt-headerblock .panelsubtitle, #rt-headerblock .sprocket-features-title {text-shadow: -1px 1px 0 #E6E3DE, -3px 3px 0 rgba(0,0,0,0.2);} #rt-headerblock .box1 .module-surround, #rt-headerblock .box4 .module-surround {background-color:#EF915E;} #rt-headerblock #rt-top a, #rt-headerblock #rt-header a {color:#EF915E;} .headerpanel-overlay-light#rt-headerblock #rt-top a:hover, .headerpanel-overlay-light#rt-headerblock #rt-header a:hover {color:#ea7130;} .headerpanel-overlay-dark#rt-headerblock #rt-top a:hover, .headerpanel-overlay-dark#rt-headerblock #rt-header a:hover {color:#f4b18c;} #rt-headerblock #rt-top .box1 a, #rt-headerblock #rt-header .box1 a, #rt-headerblock .box1 .title span, #rt-headerblock #rt-top .box4 a, #rt-headerblock #rt-header .box4 a, #rt-headerblock .box4 .title span {color:#f6c1a4;} #rt-headerblock .box4 .title, #rt-headerblock .box1 .title {text-shadow: -1px 1px 0 #EF915E, -3px 3px 0 rgba(0,0,0,0.15);} #rt-feature h1 span, #rt-feature .module-title .title span {color:#EF915E;} #rt-feature .readon span, #rt-feature .readon .button, #rt-feature .button, #rt-feature .btn {background-color:#ea7130;} #rt-feature {background-color:#9E918C;} #rt-feature .box1 .module-surround, #rt-feature .box4 .module-surround {background-color:#EF915E;} #rt-feature a {color:#EF915E;} #rt-feature .title, #rt-feature .paneltitle, #rt-feature .panelsubtitle {text-shadow: -1px 1px 0 #867771, -3px 3px 0 rgba(0,0,0,0.2);} #rt-feature .feature-accentoverlay-dark .box1 a, #rt-feature feature-accentoverlay-dark .box1 .title span, #rt-feature .feature-accentoverlay-dark .box4 a, #rt-feature .feature-accentoverlay-dark .box4 .title span {color:#f6c1a4;} #rt-feature .box1 .title, #rt-feature .box4 .title {text-shadow: -1px 1px 0 #EF915E, -3px 3px 0 rgba(0,0,0,0.2);} #rt-feature .box1 a, #rt-feature .box4 a, #rt-feature .box1 .title span, #rt-feature #rt-top .box4 a, #rt-feature #rt-header .box4 a, #rt-feature .box4 .title span {color:#f6c1a4;} #rt-showcase h1 span, #rt-showcase .module-title .title span, #rt-bottom h1 span, #rt-bottom .module-title .title span {color:#EF915E;} #rt-showcase .readon span, #rt-showcase .readon .button, #rt-showcase .button, #rt-showcase .btn, #rt-bottom .readon span, #rt-bottom .readon .button, #rt-bottom .button, #rt-bottom .btn {background-color:#ea7130;} #rt-showcase, #rt-bottom {background-color:#282423;} #rt-showcase .box1 .module-surround, #rt-showcase .box4 .module-surround, #rt-bottom .box1 .module-surround, #rt-bottom .box4 .module-surround, #rt-bottom .bottom-accentoverlay-dark .box1 a, #rt-bottom .bottom-accentoverlay-dark .box4 .title span, #rt-bottom .bottom-accentoverlay-dark .box4 a, #rt-bottom .bottom-accentoverlay-dark .box1 .title span {background-color:#EF915E;} #rt-showcase .title, #rt-bottom .title, #rt-showcase .paneltitle, #rt-showcase .panelsubtitle, #rt-bottom .paneltitle, #rt-bottom .panelsubtitle {text-shadow: -1px 1px 0 #282423, -3px 3px 0 rgba(0,0,0,0.2);} #rt-showcase a, #rt-bottom a {color:#EF915E;} #rt-showcase.showcasepanel-overlay-light a:hover, #rt-bottom.showcasepanel-overlay-light a:hover {color:#ea7130;} #rt-showcase.showcasepanel-overlay-dark a:hover, #rt-bottom.showcasepanel-overlay-dark a:hover {color:#f4b18c;} #rt-showcase .box1 a, #rt-showcase .box1 .title span, #rt-showcase .box4 a, #rt-showcase .box4 .title span, #rt-bottom .box1 a, #rt-bottom .box1 .title span, #rt-bottom .box4 a, #rt-bottom .box4 .title span {color:#f6c1a4;} #rt-showcase .box4 .title, #rt-showcase .box1 .title, #rt-bottom .box4 .title, #rt-bottom .box1 .title {text-shadow: -1px 1px 0 #EF915E, -3px 3px 0 rgba(0,0,0,0.15);} #rt-footer-surround h1 span, #rt-footer-surround .module-title .title span {color:#EF915E;} #rt-footer-surround .readon span, #rt-footer-surround .readon .button, #rt-footer-surround .button, #rt-footer-surround .btn {background-color:#ea7130;} #rt-footer-surround {background-color:#ff823e;} #rt-footer-surround .box1 .module-surround, #rt-footer-surround .box4 .module-surround {background-color:#EF915E;} #rt-footer-surround.footerpanel-overlay-light .module-title .title span {color:#ed8147;} #rt-footer-surround.footerpanel-overlay-dark .module-title .title span {color:#f8d0bb;} #rt-footer-surround a {color:#fbe0d2;} #rt-footer-surround.footerpanel-overlay-dark a:hover {color:#f6c1a4;} #rt-footer-surround.footerpanel-overlay-light a:hover {color:#e86118;} #rt-footer-surround .title, #rt-footer-surround .paneltitle, #rt-footer-surround .panelsubtitle {text-shadow: -1px 1px 0 #ff823e, -3px 3px 0 rgba(0,0,0,0.15);} #rt-footer-surround .box1 a, #rt-footer-surround .box1 .title span, #rt-footer-surround .box4 a, #rt-footer-surround .box4 .title span {color:#f6c1a4;} #rt-footer-surround .box4 .title, #rt-footer-surround .box1 .title {text-shadow: -1px 1px 0 #EF915E, -3px 3px 0 rgba(0,0,0,0.15);} #rt-logo {background: url(/images/MYSITEs-logo.png) 50% 0 no-repeat !important;} #rt-logo {width: 361px;height: 153px;} </style> <script src="/media/system/js/mootools-core.js" type="text/javascript"></script> <script src="/media/jui/js/jquery.min.js" type="text/javascript"></script> <script src="/media/jui/js/jquery-noconflict.js" type="text/javascript"></script> <script src="/media/jui/js/jquery-migrate.min.js" type="text/javascript"></script> <script src="/media/system/js/core.js" type="text/javascript"></script> <script src="/media/system/js/caption.js" type="text/javascript"></script> <script src="/plugins/system/wfmediaelement/js/mediaelement-and-player.min.js" type="text/javascript"></script> <script src="/media/system/js/mootools-more.js" type="text/javascript"></script> <script src="/plugins/system/rokbox/assets/js/rokbox.js" type="text/javascript"></script> <script src="/libraries/gantry/js/gantry-totop.js" type="text/javascript"></script> <script src="/libraries/gantry/js/gantry-smartload.js" type="text/javascript"></script> <script src="/libraries/gantry/js/gantry-buildspans.js" type="text/javascript"></script> <script src="/libraries/gantry/js/gantry-inputs.js" type="text/javascript"></script> <script src="/libraries/gantry/js/browser-engines.js" type="text/javascript"></script> <script src="/templates/rt_diametric_responsive/js/load-transition.js" type="text/javascript"></script> <script src="/modules/mod_roknavmenu/themes/fusion/js/fusion.js" type="text/javascript"></script> <script src="/media/system/js/modal.js" type="text/javascript"></script> <script src="/modules/mod_improved_ajax_login/script/improved_ajax_login.js" type="text/javascript"></script> <script src="/modules/mod_improved_ajax_login/themes/elegant/theme.js" type="text/javascript"></script> <script src="data:text/javascript;base64,Oyh3aW5kb3cuanExODN8fGpRdWVyeSkoZnVuY3Rpb24oJCl7bmV3IEltcHJvdmVkQUpBWExvZ2luKHsKaWQ6IDIxMCwKaXNHdWVzdDogMSwKb2F1dGg6IHt9LApiZ09wYWNpdHk6IDAuNCwKcmV0dXJuVXJsOiAnLycsCmJvcmRlcjogcGFyc2VJbnQoJ2Y1ZjVmNXwqfDN8KnxjNGM0YzR8Knw3Jy5zcGxpdCgnfCp8JylbMV0pLApwYWRkaW5nOiA0LAp1c2VBSkFYOiAwLApvcGVuRXZlbnQ6ICdvbmNsaWNrJywKd25kQ2VudGVyOiAxLApyZWdQb3B1cDogMSwKZHVyOiAzMDAsCnRpbWVvdXQ6IDAsCmJhc2U6ICcvJywKdGhlbWU6ICdlbGVnYW50JywKc29jaWFsUHJvZmlsZTogJycsCnNvY2lhbFR5cGU6ICdzb2NpYWxJY28nLApjc3NQYXRoOiAnL21vZHVsZXMvbW9kX2ltcHJvdmVkX2FqYXhfbG9naW4vY2FjaGUvMjEwL2JmZWMwMTZkNTA0YTg2ZDlmYmQzMmRmY2U4NTNjNGI5LmNzcycsCnJlZ1BhZ2U6ICdqb29tbGEnLApjYXB0Y2hhOiAnJywKc2hvd0hpbnQ6IDAsCmdlb2xvY2F0aW9uOiBmYWxzZSwKd2luZG93QW5pbTogJycKfSl9KTs=" type="text/javascript"></script> <script src="/modules/mod_fpss/includes/js/jquery.fpss.js" type="text/javascript"></script> <script src="/components/com_roksprocket/assets/js/mootools-mobile.js" type="text/javascript"></script> <script src="/components/com_roksprocket/assets/js/rokmediaqueries.js" type="text/javascript"></script> <script src="/components/com_roksprocket/assets/js/roksprocket.js" type="text/javascript"></script> <script src="/components/com_roksprocket/layouts/tabs/themes/default/tabs.js" type="text/javascript"></script> <script type="text/javascript"> jQuery(window).on('load', function() { new JCaption('img.caption'); }); jQuery(document).ready(function($){$("audio,video").mediaelementplayer();}); if (typeof RokBoxSettings == 'undefined') RokBoxSettings = {pc: '100'} window.addEvent('domready', function() {new GantrySmartLoad({'offset': {'x': 200, 'y': 200}, 'placeholder': '/templates/rt_diametric_responsive/images/blank.gif', 'exclusion': ['']}); }); window.addEvent('domready', function() { var modules = ['rt-block']; var header = ['h3','h2:not(.itemTitle)','h1']; GantryBuildSpans(modules, header); }); InputsExclusion.push('.content_vote','#rt-popup','#rt-popuplogin','#vmMainPage','#community-wrap') window.addEvent('domready', function() { new Fusion('ul.menutop', { pill: 0, effect: 'slide and fade', opacity: 1, hideDelay: 500, centered: 0, tweakInitial: {'x': -8, 'y': -6}, tweakSubsequent: {'x': -8, 'y': -11}, tweakSizes: {'width': 18, 'height': 20}, menuFx: {duration: 300, transition: Fx.Transitions.Circ.easeOut}, pillFx: {duration: 400, transition: Fx.Transitions.Back.easeOut} }); }); window.addEvent('domready', function(){ document.getElements('[data-rt-menu-mobile]').addEvent('change', function(){ window.location.href = this.value; }); }); jQuery(function($) { SqueezeBox.initialize({}); SqueezeBox.assign($('a.modal').get(), { parse: 'rel' }); }); /* Frontpage Slideshow v3.5.3 */ $FPSS(document).ready(function(){ $FPSS('#fpssContainer204').fpss( { autoStart: 1, transitionTime: 1000, interval: 6000, timer: 1, effect: 'crossfade', event: 'click', textEffect: 1, lavalamp: 1, playLabel: 'Play', pauseLabel: 'Pause' }); }); if (typeof RokSprocket == 'undefined') RokSprocket = {}; Object.merge(RokSprocket, { SiteURL: 'http://MYSITEsmusic.com/', CurrentURL: 'http://MYSITEsmusic.com/', AjaxURL: 'http://MYSITEsmusic.com/index.php?option=com_roksprocket&task=ajax&format=raw&ItemId=101' }); window.addEvent('domready', function(){ RokSprocket.instances.tabs = new RokSprocket.Tabs(); }); window.addEvent('domready', function(){ RokSprocket.instances.tabs.attach(155, '{"autoplay":"0","delay":"5"}'); }); </script> <link rel="stylesheet" href="/modules/mod_improved_ajax_login/cache/210/bfec016d504a86d9fbd32dfce853c4b9.css" type="text/css" /> </head> <body class="presets-preset1 logostyle-style1 textshadow-1 font-family-diametric font-size-is-default logo-type-custom menu-type-fusionmenu layout-mode-responsive inputstyling-enabled-1 typography-style-light col12 option-com-content menu-home main-home"> <div id="rt-page-surround"> <div id="rt-headerblock" class="headerpanel-overlay-light"><div id="rt-headerblock2" class="headerpanel-pattern-metal"><div id="rt-headerblock3" class="headerpanel-accentoverlay-dark"> <div id="rt-top-surround" > <div id="rt-drawer"> <div class="rt-container"> <div class="clear"></div> </div> </div> </div> <div id="rt-navigation" class="menu-overlay-light"><div id="rt-navigation2"><div id="rt-navigation3" class="centered"> <div class="rt-container"> <div class="rt-grid-12 rt-alpha rt-omega"> <div class="rt-block logo-block"> <a href="/" id="rt-logo"></a> </div> <div class="rt-block menu-block"> <div class="nopill"> <div class="rt-menubar fusionmenu"> <ul class="menutop level1 " style="margin-left: 200px;"> <li class="item101 active root" > <span class="rt-arrow-pointer"></span> <a class="orphan item bullet active-to-top" href="/" > <span> <span> Home </span> </span> </a> </li> <li class="item207 root" > <span class="rt-arrow-pointer"></span> <a class="orphan item bullet" href="/free-instruct-videos" > <span> <span> FREE Lessons </span> </span> </a> </li> <li class="item208 parent root" > <span class="rt-arrow-pointer"></span> <a class="daddy item bullet" href="/lessons" > <span> <span> Lessons <span class="daddyicon"></span> </span> </span> </a> <div class="fusion-submenu-wrapper level2 " style="width:180px;"> <ul class="level2" style="width:180px;"> <li class="item214" > <a class="orphan item bullet" href="/lessons/personal-guitar-lessons" > <span> Personal Guitar Lessons </span> </a> </li> <li class="item215" > <a class="orphan item bullet" href="/lessons/skype-guitar-lessons" > <span> Skype Guitar Lessons </span> </a> </li> <li class="item216" > <a class="orphan item bullet" href="/lessons/online-guitar-courses" > <span> Online Guitar Courses </span> </a> </li> <li class="item217" > <a class="orphan item bullet" href="/lessons/lessons-for-all-skill-levels" > <span> Lessons for all Skill Levels </span> </a> </li> <li class="item218" > <a class="orphan item bullet" href="/lessons/music-styles" > <span> Music Styles </span> </a> </li> </ul> <div class="drop-bot"></div> </div> </li> <li class="item209 parent root" > <span class="rt-arrow-pointer"></span> <a class="daddy item bullet" href="/cd-s" > <span> <span> CD's <span class="daddyicon"></span> </span> </span> </a> <div class="fusion-submenu-wrapper level2 " style="width:180px;"> <ul class="level2" style="width:180px;"> <li class="item219" > <a class="orphan item bullet" href="/cd-s/bob-MYSITE-s-cd-s" > <span> Bob MYSITE’s CD's </span> </a> </li> <li class="item220" > <a class="orphan item bullet" href="/cd-s/products" > <span> Products </span> </a> </li> </ul> <div class="drop-bot"></div> </div> </li> <li class="item210 parent root" > <span class="rt-arrow-pointer"></span> <a class="daddy item bullet" href="/about" > <span> <span> About <span class="daddyicon"></span> </span> </span> </a> <div class="fusion-submenu-wrapper level2 " style="width:180px;"> <ul class="level2" style="width:180px;"> <li class="item221" > <a class="orphan item bullet" href="/about/about-MYSITE-s-school-of-music" > <span> About MYSITE’s School of Music </span> </a> </li> <li class="item222" > <a class="orphan item bullet" href="/about/about-bob-MYSITE" > <span> About Bob MYSITE </span> </a> </li> <li class="item223" > <a class="orphan item bullet" href="/about/testimonials" > <span> Testimonials </span> </a> </li> <li class="item224" > <a class="orphan item bullet" href="/about/submit-testimonial" > <span> Submit Testimonial </span> </a> </li> </ul> <div class="drop-bot"></div> </div> </li> <li class="item212 root" > <span class="rt-arrow-pointer"></span> <a class="orphan item bullet" href="/contact" > <span> <span> Contact </span> </span> </a> </li> <li class="item236 parent root" > <span class="rt-arrow-pointer"></span> <a class="daddy item bullet" href="/members" > <span> <span> Members <span class="daddyicon"></span> </span> </span> </a> <div class="fusion-submenu-wrapper level2 " style="width:180px;"> <ul class="level2" style="width:180px;"> <li class="item286" > <a class="orphan item bullet" href="/members/subscribe" > <span> Subscribe </span> </a> </li> <li class="item285" > <a class="orphan item bullet" href="/members/mydashboard" > <span> My Dashboard </span> </a> </li> <li class="item272" > <a class="orphan item bullet" href="/members/forums" > <span> Forum </span> </a> </li> </ul> <div class="drop-bot"></div> </div> </li> </ul> </div> <div class="clear"></div> </div> <div class="clear"></div> </div>
When all was said and done, I found that my phpBB3 theme header/nav bar still needed to use some CSS from my Joomla RocketTheme template, so you'll see that "responsive.css" file below coming from Joomla's diametric template and NOT phpBB's diametric style template, and I wanted to retain my Joomla logo as well, and not enable the logo within the phpBB3 style because I figured it was easier to just copy the EXACT nav bar setup that I had on my Joomla site, so you'll see that I stole some of the #rt-logo info from my HTML output on my normal Joomla site as well. I even had to play around with deleting some DIV tables from the original header in order to make the formatting look correct, but this could be something I made harder than it needed to be, as Roeland told me that I just needed to specify the menu to belong to the same GRID# in Joomla as it is in phpBB3 (which I've pasted his comments below all this code). Hopefully you're still following me at this point, my final output within the guest_joomla_menu.inc file looked like this:
<head> <link rel="stylesheet" href="/templates/rt_diametric_responsive/css/responsive.css" type="text/css" /> <style type="text/css"> #rt-logo {background: url(/images/MYSITEs-logo.png) 50% 0 no-repeat !important;} #rt-logo {width: 361px;height: 153px;padding: 0px;} </style> </head> <div class="rt-container"> <div class="clear"></div> </div> </div> </div> <div id="rt-navigation2"><div id="rt-navigation3" class="centered"> <div class="rt-container"> <div class="rt-grid-12 rt-alpha rt-omega"> <div class="rt-block logo-block"> <a href="/" id="rt-logo"></a> </div> <div class="rt-block menu-block"> <div class="nopill"> <div class="rt-menubar fusionmenu"> <ul class="menutop level1 " style="margin-left: 200px;"> <li class="item101 root" > <span class="rt-arrow-pointer"></span> <a class="orphan item bullet active-to-top" href="/" > <span> <span> Home </span> </span> </a> </li> <li class="item207 root" > <span class="rt-arrow-pointer"></span> <a class="orphan item bullet" href="/free-instruct-videos" > <span> <span> FREE Lessons </span> </span> </a> </li> <li class="item208 parent root" > <span class="rt-arrow-pointer"></span> <a class="daddy item bullet" href="/lessons" > <span> <span> Lessons <span class="daddyicon"></span> </span> </span> </a> <div class="fusion-submenu-wrapper level2 " style="width:180px;"> <ul class="level2" style="width:180px;"> <li class="item214" > <a class="orphan item bullet" href="/lessons/personal-guitar-lessons" > <span> Personal Guitar Lessons </span> </a> </li> <li class="item215" > <a class="orphan item bullet" href="/lessons/skype-guitar-lessons" > <span> Skype Guitar Lessons </span> </a> </li> <li class="item216" > <a class="orphan item bullet" href="/lessons/online-guitar-courses" > <span> Online Guitar Courses </span> </a> </li> <li class="item217" > <a class="orphan item bullet" href="/lessons/lessons-for-all-skill-levels" > <span> Lessons for all Skill Levels </span> </a> </li> <li class="item218" > <a class="orphan item bullet" href="/lessons/music-styles" > <span> Music Styles </span> </a> </li> </ul> <div class="drop-bot"></div> </div> </li> <li class="item209 parent root" > <span class="rt-arrow-pointer"></span> <a class="daddy item bullet" href="/cd-s" > <span> <span> CD's <span class="daddyicon"></span> </span> </span> </a> <div class="fusion-submenu-wrapper level2 " style="width:180px;"> <ul class="level2" style="width:180px;"> <li class="item219" > <a class="orphan item bullet" href="/cd-s/bob-MYSITE-s-cd-s" > <span> Bob MYSITE’s CD's </span> </a> </li> <li class="item220" > <a class="orphan item bullet" href="/cd-s/products" > <span> Products </span> </a> </li> </ul> <div class="drop-bot"></div> </div> </li> <li class="item210 parent root" > <span class="rt-arrow-pointer"></span> <a class="daddy item bullet" href="/about" > <span> <span> About <span class="daddyicon"></span> </span> </span> </a> <div class="fusion-submenu-wrapper level2 " style="width:180px;"> <ul class="level2" style="width:180px;"> <li class="item221" > <a class="orphan item bullet" href="/about/about-MYSITE-s-school-of-music" > <span> About MYSITE’s School of Music </span> </a> </li> <li class="item222" > <a class="orphan item bullet" href="/about/about-bob-MYSITE" > <span> About Bob MYSITE </span> </a> </li> <li class="item223" > <a class="orphan item bullet" href="/about/testimonials" > <span> Testimonials </span> </a> </li> <li class="item224" > <a class="orphan item bullet" href="/about/submit-testimonial" > <span> Submit Testimonial </span> </a> </li> </ul> <div class="drop-bot"></div> </div> </li> <li class="item212 root" > <span class="rt-arrow-pointer"></span> <a class="orphan item bullet" href="/contact" > <span> <span> Contact </span> </span> </a> </li> <li class="item236 parent active root" > <span class="rt-arrow-pointer"></span> <a class="daddy item bullet" href="/members" > <span> <span> Members <span class="daddyicon"></span> </span> </span> </a> <div class="fusion-submenu-wrapper level2 " style="width:180px;"> <ul class="level2" style="width:180px;"> <li class="item286" > <a class="orphan item bullet" href="/members/subscribe" > <span> Subscribe </span> </a> </li> <li class="item285" > <a class="orphan item bullet" href="/members/mydashboard" > <span> My Dashboard </span> </a> </li> <li class="item272" > <a class="orphan item bullet" href="/members/forums" > <span> Forum </span> </a> </li> </ul> <div class="drop-bot"></div> </div> </li> </ul> </div> <div class="clear"></div> </div> <div class="clear"></div> </div>
That's it! All the useful info I can provide on this topic. I really hope it helps someone in the future if Dev still hasn't fixed this issue...and perhaps its still good info if you ever want to try to get your Joomla nav menu to show up somewhere on another site as well.
Roeland DID also have this to say regarding fixing the layout of possible "squished" menus in the phpBB3 forum nav menu output:
Check the size of the divs, on the joomla side:
You can see size 12, rt-grid-12 on the phpbb3 side, you can see that size is 9 rt-grid-9
You have to make sure that the grid sizes are identical, when you do that, you will see everything 'automagically' adjust so that the layout on both ends is the same.
If you have the same grid sizes, you will have same padding and margins, since the css is the same for both templates
...that part may or may not apply to you depending on the templates you're using.
Good luck everyone! If this helped you please use the "thank you" button for me just below this post. - Last Edit: 9 years 9 months ago by David Wolfman.
-
The following users have thanked you: Mario Di Credico
- RocketTheme Member since 2007
-
-
-
- Joe Halleck
- Preeminent Rocketeer
- Posts: 5480
- Thanks: 66
- Never give up!
- Thanks for posting the follow up as it will help others.
- Magento - phpBB3 - Kunena - RokBridge Specialist
No Secure Tab posts unless requested.
Use the Thank You and Life Preserver Buttons!
Your signature is also great place for setup details...help us help you!
-
Time to create page: 0.047 seconds