Monitor Reply

Support

still menu bar?

Permalink Browser Info Environment April 12, 2011 at 11:59 AM

Hi, kinda self explanatory. I wish to make that menu bar still, so people don't have to hover over 'menu' every time they want to change page. Any way to do this? I'm ok editing the script, but I don't want to mess around with the wrong bit :)

Also, I'd love the make the menu less transparent.

And is it possible to edit the title of the site? The bit next to the menu. Any way to get rid of it and have the rest of the site budge over to the left a bit?

Thanks! I totally love this theme, looks so professional and effortless and different :)

Type:	Discussion
Status:	New

c5mix replied on Apr 14, 2011 at 12:51 pm Permalink Reply

To make the menu visible at all times just comment out or remove this line in the theme's header.php file (theme_clearview/themes/clearview/elements/header.php):

<script type="text/javascript" src="<?php echo $this->getThemePath(); ?>/js/rb_menu.js"></script>

As well as this line in the theme's functions.js file (theme_clearview/themes/clearview/js/functions.js):

$('#menu-wrap').rb_menu({transition: 'swing', loadHideDelay: 3000});

To make the menu less transparent, look on line 75 of the theme's main.css file (theme_clearview/themes/clearview/main.css) for #menu and change the opacity line or remove it.

To remove the div with the site name/title, comment out or remove the header div in the header.php file. Then, in the main.css file look for #nav on line 60 and change the left:242px to however far you want it to be from the left of the edge of the window. Then also look for #wrapper in the main.css file on line 188 and change 260px in the padding declaration to however far you want it to be from the left edge of the window.

ribenawrath replied on Apr 16, 2011 at 10:12 pm Permalink Reply

Hello! For some reason this message went straight into my spam...so hence the slow reply.

This mostly worked for me! Unfortunately I seem to have somehow stopped my background from working. Can you just post the code needed to run it and the line it should be on? I have a feeling I may have deleted a wrong piece of code :)

c5mix replied on Apr 21, 2011 at 9:59 am Permalink Reply

Just change this on line 24:

<script type="text/javascript" src="<?php echo $this->getThemePath(); ?>/js/rb_menu.js"></script>

To this:

<!--<script type="text/javascript" src="<?php echo $this->getThemePath(); ?>/js/rb_menu.js"></script>-->

jennphotos replied on Apr 26, 2011 at 10:10 am Permalink Reply

Hi,

I'd like to fix my menu bar as well, but I'm wondering if the header.php code has changed in version 1.4? Lines 6 and 19 both start with

<script type="text/javascript">

but what follows them does not match what you quote here.

Here are my lines 6-32:

<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-17720593-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>

<script type = 'text/javascript'>
function openinnew() {
if (!document.getElementsByTagName) return;
var links = document.getElementsByTagName("a");
for (var i=0; i<links.length; i++) {
if (links[i].getAttribute("href")) {
if (links[i].getAttribute("rel") == "external" || (links[i].getAttribute("href").substring(0,4) == 'http' && links[i].getAttribute("href").indexOf('jennifercarlsonphotography.com') == -1)) {
links[i].onclick = new Function("window.open('"+links[i].getAttribute("href")+"'); return false;");
}
}
}
}
window.onload = openinnew;
</script>

How do I make the menu still? Sorry for such a basic question but I'm not great with code!
Thanks!

c5mix replied on Apr 27, 2011 at 11:12 pm Permalink Reply

That seems to be google analytics code and shouldn't be in the theme's header.php file by default (unless you added it there). Make sure you are looking in packages/theme_clearview/themes/clearview/elements/header.php.
Again look for this line:

<script type="text/javascript" src="<?php echo $this->getThemePath(); ?>/js/rb_menu.js"></script>

And change it to this:

<!--<script type="text/javascript" src="<?php echo $this->getThemePath(); ?>/js/rb_menu.js"></script>-->

jennphotos replied on Apr 27, 2011 at 11:54 pm Permalink Reply

Got it! Sorry for the confusion, thanks for the reply!

webweber replied on Apr 3, 2012 at 2:31 am Permalink Reply

I don't see why, but doing this breaks some things in my case (images not loading anymore etc.).

My workaround: no changes in header.php, instead disable the hideMenu function in themes > clearview > js > rb_menu.js:
make it do nothing by adding a return; statement at the beginning of the function:

instead of

$menu.hideMenu = function() {
if($menuItems.css('display') == 'block' && !$menu.closed) {

new

$menu.hideMenu = function() {
return;
if($menuItems.css('display') == 'block' && !$menu.closed) {

HTH
Andreas Weber
http://www.motiondraw.com

tsilbermann replied on Jun 19, 2012 at 2:59 am Permalink Reply

I'd like to disable this function just on one page (homepage). Is it possible to disable the script by put some code in Concrete5 "extra header content" ?

c5mix replied on Jun 19, 2012 at 1:53 pm Permalink Reply

Just change this line in the theme's header.php file (located at packages/theme_clearview/themes/clearview/elements/header.php):

<script type="text/javascript" src="<?php echo $this->getThemePath(); ?>/js/rb_menu.js"></script>

To this:

<?php if ($c->getCollectionTypeHandle() != 'home') { ?>
<script type="text/javascript" src="<?php echo $this->getThemePath(); ?>/js/rb_menu.js"></script>
<?php } ?>

In order for this to work, the home page must use the Home page type.

tsilbermann replied on Jun 25, 2012 at 7:56 am Permalink Reply

Thanks, tat works :-)

c5mix replied on Jun 25, 2012 at 9:49 am Permalink Reply

Great! You're welcome!

wudi replied on May 14, 2013 at 1:22 pm Permalink Reply

Hi
i already crete a still menu
just wondering how can i make drop sub menu when mouse over
thanks

c5mix replied on May 17, 2013 at 4:59 pm Permalink Reply

First,
You'll have to replace this code in the theme's header.php file (located at packages/theme_clearview/themes/clearview/elements/header.php):

<?php
$bt = BlockType::getByHandle('autonav');
$bt->controller->displayPages = 'top';
$bt->controller->orderBy = 'display_asc';                    
$bt->controller->displaySubPages = 'none';                   
$bt->render('templates/header_menu');
?>

With this:

<?php
$bt = BlockType::getByHandle('autonav');
$bt->controller->displayPages = 'top';
$bt->controller->orderBy = 'display_asc';                    
$bt->controller->displaySubPages = 'all'; 
$bt->controller->displaySubPageLevels = 'custom';
$bt->controller->displaySubPageLevelsNum = '1';                    
$bt->render('templates/header_menu');
?>

This will show the top level of pages and 1 level of dropdowns.

Then, you'll have to add some CSS to correctly style the dropdowns. See this tutorial for some good info on how to do that:
http://www.htmldog.com/articles/suckerfish/dropdowns/...

skyschrei replied on Dec 2, 2013 at 9:04 am Permalink Reply

I'd like to add some additional menues on the left to jump to specified pages direct.

It works, but they stay permanent open. I want them to open and close as the navigation at the top.

I added to full.php

<?php $this->inc('elements/left_mainsub.php'); ?>

left_mainsub.php

<div id="mainsub1" <?php global $cp; if (is_object($cp) && ($cp->canWrite() || $cp->canAddSubContent() || $cp->canAdminPage())) {
   echo ' style="top:225px;"'; }?>>
       <div id="logo"><a href="/homoeopathica/korper/" title="Körper">Körper</a>
        </div><!-- #logo ends -->
    </div><!-- #mainsub1 ends -->
    <div id="mainsub1nav" <?php global $cp; if (is_object($cp) && ($cp->canWrite() || $cp->canAddSubContent() || $cp->canAdminPage())) {
   echo ' style="top:225px;left:142px;"'; }?>>
       <div id="menu-wrap" class="menu clearfix">
            <div id="menu-tab" class="toggle"><img src="<?php echo $this->getThemePath(); ?>/images/menu-tab.png" alt="View Menu" /></div><!-- menu-tab ends -->
            <div id="menu" class="items">
                <?php
            $nc = Page::getByPath('/homoeopathica/korper');
            $bt = BlockType::getByHandle('autonav');
            $bt->controller->displayPages = 'custom';
            $bt->controller->displayPagesCID = $nc->getCollectionID();

Viewing 15 lines of 22 lines. View entire code block.

   <div id="mainsub1" <?php global $cp; if (is_object($cp) && ($cp->canWrite() || $cp->canAddSubContent() || $cp->canAdminPage())) {
   echo ' style="top:225px;"'; }?>>
       <div id="logo"><a href="/homoeopathica/korper/" title="Körper">Körper</a>
        </div><!-- #logo ends -->
    </div><!-- #mainsub1 ends -->
 
    <div id="mainsub1nav" <?php global $cp; if (is_object($cp) && ($cp->canWrite() || $cp->canAddSubContent() || $cp->canAdminPage())) {
   echo ' style="top:225px;left:142px;"'; }?>>
       <div id="menu-wrap" class="menu clearfix">
            <div id="menu-tab" class="toggle"><img src="<?php echo $this->getThemePath(); ?>/images/menu-tab.png" alt="View Menu" /></div><!-- menu-tab ends -->
            <div id="menu" class="items">
                <?php
            $nc = Page::getByPath('/homoeopathica/korper');
            $bt = BlockType::getByHandle('autonav');
            $bt->controller->displayPages = 'custom';
            $bt->controller->displayPagesCID = $nc->getCollectionID();
            $bt->controller->orderBy = 'display_asc';                    
            $bt->controller->displaySubPages = 'none';                   
            $bt->render('templates/header_menu');
            ?>
            </div><!-- #menu ends -->
 
       </div><!-- #menu-wrap ends -->
    </div><!-- #mainsub1nav ends -->

What has to be done to get the toggle function?

c5mix replied on Dec 5, 2013 at 11:10 am Permalink Reply

Try changing the #menu-wrap id to #sub-menu-wrap. Then in the theme's functions.js (located at theme_clearview/themes/clearview/js) file look for this line:

/* Menu Controls */
   $('#menu-wrap').rb_menu({transition: 'swing', loadHideDelay: 3000});

And change it to this:

/* Menu Controls */
   $('#menu-wrap, #sub-menu-wrap').rb_menu({transition: 'swing', loadHideDelay: 3000});

Clearview

Support

still menu bar?

Issue Reply

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

Request Refund

Code

Delete Post