CB menu problem


Author Message
Jelle

Posted: 5/4/2009
Quote message 

Hi,

Recently I bought Artisteer and made my first template. After a few adjustments to the php's and css's everything is running okay... Only my CB menu, which is normally horizontal, is now appearing vertical.

Before:
--- --- ---

Now:
---
---
---

How come and how to solve?

 
Jelle

Posted: 5/4/2009
Quote message 

I noticed that the menu is actually a list now... How to make it horizontal again?
 
wickerbill

Posted: 5/4/2009
Quote message 

I noticed this too...Artisteer looked at it as an unordered list. One of the reasons I uninstalled Community Builder.
 
Garry

Posted: 5/5/2009
Quote message 

In a template navigation is controlled by UL and LI tags and CSS make them vertical instead of horizontal, you check your CSS associated with nav bar
 
Jelle

Posted: 5/6/2009
Quote message 

I am searching the CSS of my template (and the CSS of CB template) but I do not know where to look or what to change.

This is from the .php of the menu...
<div class="cb_template_default"><div class="cbPosHead"> 			<div class="cb_tab_html cb_tab_content" id="cb_tabid_17"><div style="" id="conteneurmenu"> <script type="text/javascript">preChargement();</script> <ul class="cbpMenu" id="cbMenuNav"> 	<li id="menu1" class="cbMenu" onmouseover="MontrerMenu('ssmenu1');" onmouseout="CacherDelai();"> 	<a href="javascript:void(0)">Community<span>&nbsp;:</span></a> 	  <ul style="visibility: hidden;" id="ssmenu1" class="cbSSmenu">


My template.css has a lot of .artmenu's (ul's and li's)
The template.css of CB has some CBmenu's and CBSSmenu's...

Please look at these CSS's and HELP ME OUT!
CB's template.css= http://www.meesterjelle.nl/docs/cb/template.css
Template's template.css= http://www.meesterjelle.nl/docs/template/template.css

 
Jelle

Posted: 5/7/2009
Quote message 

Can someone help me?
 
Garry

Posted: 5/7/2009
Quote message 

Generate a sample Joomla theme from Artisteer(having horizontal menu) and see how the style.css is coded for horizontal menu and mold your style.css according to it.
 
Pixelmessage

Posted: 5/12/2009
Quote message 

Quote Jelle:

I noticed that the menu is actually a list now... How to make it horizontal again?


Hi Jelle,
Try this: go to components/com_profiler/plugin/templates/your-choosen-standardtemplate-of-your cb-installation.

There open template.css and add:

#menu1, #menu2, #menu3, #menu4, #menu5 { float: left; }

this works for me.

But if you choose another standardtemplate for CB, you must do this for this template, too.

Greetings
Pixlemessage




 
zeusrw

Posted: 5/13/2009
Quote message 

Here's a solution I found on the CB website (http://tinyurl.com/phpsb6) and tweaked it a bit to put it into plain English...

Hope this helps... it works for me.

Okay, here goes with a streamlined version of what worked for me.

1 - Login to the Administrator interface of your Joomla install.
2 - Click on "Extensions > Template Manager"
3 - Select your template and click "Edit"
4 - Click "Edit CSS"
5 - Select "template.css" and click "Edit"
6 - Search for ".contentLayout li" (use CTRL-F to find)
7 - After the code
.contentLayout li
{
float: none;
}
Add the following lines...
.cbProfile li
{
float: left;
}
NB - you may wish to add a comment line (/* xxx */) to remind yourself of what you're doing and why!
8 - Click "Save"
9 - Go to a CB Profile page (that had the vertical menu) and "WhoopDeeDoo" it should be horizontal

As I indicated at the top of this post, this worked for me. I am not a programmer by any stretch but a keen enthusiast. If this doesn't work for you, I'll feel bad but don't expect me to lose sleep. I can't help you any more than I have.

Why does this work? No idea, my guess is that since the CB Profile menu is built using bullets ("li" tag), somehow this is getting overridden by the templates own "li" css in the contentLayout section. Putting the ".cbProfile li" css code after the contentLayout css code magically (well maybe not magically) gives priority back to the CB code (last one to the party is the most important guest!) and thus restores order to the world.
 
JohnnyBoy

Posted: 7/24/2009
Quote message 

Quote zeusrw:

Here's a solution I found on the CB website (http://tinyurl.com/phpsb6) and tweaked it a bit to put it into plain English...

Hope this helps... it works for me.

Okay, here goes with a streamlined version of what worked for me.

1 - Login to the Administrator interface of your Joomla install.
2 - Click on "Extensions > Template Manager"
3 - Select your template and click "Edit"
4 - Click "Edit CSS"
5 - Select "template.css" and click "Edit"
6 - Search for ".contentLayout li" (use CTRL-F to find)
7 - After the code
.contentLayout li
{
float: none;
}
Add the following lines...
.cbProfile li
{
float: left;
}
NB - you may wish to add a comment line (/* xxx */) to remind yourself of what you're doing and why!
8 - Click "Save"
9 - Go to a CB Profile page (that had the vertical menu) and "WhoopDeeDoo" it should be horizontal

As I indicated at the top of this post, this worked for me. I am not a programmer by any stretch but a keen enthusiast. If this doesn't work for you, I'll feel bad but don't expect me to lose sleep. I can't help you any more than I have.

Why does this work? No idea, my guess is that since the CB Profile menu is built using bullets ("li" tag), somehow this is getting overridden by the templates own "li" css in the contentLayout section. Putting the ".cbProfile li" css code after the contentLayout css code magically (well maybe not magically) gives priority back to the CB code (last one to the party is the most important guest!) and thus restores order to the world.



This solution solved my vertical/horisontal CB profile menu problem..
but the secund level menu is horisontal as well.. In a non-artister template the secund-level menu is vertical..

Anyone who has solved this aswell?

 
Dustin Rocksvold

Posted: 7/24/2009
Quote message 

I found that you can play with the settings for CB to change the style of the Menu Tab in Tab Manager to "Button with sticky overlay." This compresses the whole menu into one button so it did not look quite as ugly. This doesn't really answer your question directly but it might help someone else.
 
Caleb

Posted: 8/6/2009
Quote message 

You sir are awesome!

Quote Pixelmessage:

Quote Jelle:

I noticed that the menu is actually a list now... How to make it horizontal again?


Hi Jelle,
Try this: go to components/com_profiler/plugin/templates/your-choosen-standardtemplate-of-your cb-installation.

There open template.css and add:

#menu1, #menu2, #menu3, #menu4, #menu5 { float: left; }

this works for me.

But if you choose another standardtemplate for CB, you must do this for this template, too.

Greetings
Pixlemessage