HTML Logo by World Wide Web Consortium (www.w3.org). Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS, which is now in beta. ocPortal 9 will be superseded by Composr 10.

Head over to compo.sr for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.


Center zone menu and space it

Login / Search

 [ Join | More ]
 Add topic 
Posted
Rating:
#86493 (In Topic #17685)

Fan in action

I am wondering if it's possible to center the zone menu, and possibly space it out a little bit? The words seem a bit too close to each other and it seems odd to have the menu right-aligned.

I've tried searching the forum and the tutorials but I've come up empty handed.

Any help would be appreciated :)
Back to the top
 
Posted
Item has a rating of 5 (Liked by BobSLiked by FletchLiked by Sahs)  
Rating:
#86494
Avatar

Community saint

Hi Wicked!

You can change the values for these selectors in global.css
Refer to the line numbers from those images:

1- changing text-align

2-increasing padding

3-using the taller header option for a wider zone menu

4-more space for expansion


Trusting this will help!
Jean
Back to the top
 
Posted
Item has a rating of 5 (Liked by JeanLiked by BobS)  
Rating:
#86504

Fan in action

thanks for your quick help :)

I only needed to do the first 2 steps for it to be exactly how I wanted it.

thanks so much!
Back to the top
 
Posted
Rating:
#86506
Avatar

Community saint

:thumbs:
Glad I could help!
Jean
Back to the top
 
Posted
Rating:
#89736
Avatar

Fan in action

Wondering about the same thing for version 9.
Back to the top
 
Posted
Item has a rating of 5 (Liked by Jean)  
Rating:
#89737
Avatar

Community saint

Ernie C said

Wondering about the same thing for version 9.
Similar to the advice provided by Jean for wicked



 :thumbs:

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#89747
Avatar

Fan in action

Rather than play around with the zone_menu, can I just remove it altogether? I'm thinking of creating a drop-down menu that follows through each page with no breadcrumbs.

Where would I remove it, or comment it out? I'm sure this would be beneficial to others as well.

I tried your suggestion in the global.css on line 466 in

.global_navigation {
   font-size: 0.95em;
   {+START,IF,{$MOBILE}}
      text-align: center !important;
      margin: 0 auto;
      padding: 8px 0 9px 0;
   {+END}
   {+START,IF,{$NOT,{$MOBILE}}}
      text-align: right;
      margin-top: 60px;
      padding: 5px 5px 0 0;
      background: url('{$IMG;,zone_gradient}') repeat-x;

I'm pretty new to this  :$ As if it doesn't show. I'm in a hurry to get my site up & then I will be busy working through the finer points & following the forum posts in detail. Not just searching for answers :)

Back to the top
 
Posted
Rating:
#89778
Avatar

Community saint

Harry can probably give you an easy explanation, as this is exactly what he has done for the two or three recent version 9 sites he has built.

I'm sure he will look in on this thread and take up where I leave off …

 :thumbs:

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Item has a rating of 5 (Liked by FletchLiked by Jean)  
Rating:
#89787
Avatar

Community saint

 :lol:  well the easy way what I use for the sites is the following:

First I disabled the gradient:

Code

/* background: url('{$IMG;,zone_gradient}') repeat-x; */

Then I removed from the top menu all the items I don"t use. Thats all.

Of course you could delete the whole menu, look for this in the menu editor. But I think it will give some errors because they have some  links in the theme templates you use. But you can try yourself.

I hope this give you some idea how to going on.


Harry


http://digiflash.nl Photo community  (dutch)
Back to the top
 
Posted
Item has a rating of 5 (Liked by Fletch)  
Rating:
#89791
Avatar

Community saint

Ernie C said

Rather than play around with the zone_menu, can I just remove it altogether? I'm thinking of creating a drop-down menu that follows through each page with no breadcrumbs.

Where would I remove it, or comment it out? I'm sure this would be beneficial to others as well.


​In addition to Harry's suggestion, if you want to remove it altogether, you could do the following:

Version 8
HEADER.tpl
Disable or remove: reference:line 134

Code


<!--<div id="global_zones">
{+START,IF,{$CONFIG_OPTION,use_custom_zone_menu}}
{$BLOCK,block=side_stored_menu,param=zone_menu,type=zone}
{+END}
{+START,IF,{$NOT,{$CONFIG_OPTION,use_custom_zone_menu}}}
{$BLOCK,block=side_stored_menu,param=_zone_menu,type=zone}
{+END}
</div>-->


Version 9
GLOBAL_HTML_WRAP.tpl reference:line 26
Disable or remove:

Code


<!--<div class="global_navigation">
{$BLOCK,block=side_stored_menu,param=zone_menu,type=zone}
</div>-->


Jean
Back to the top
 
Posted
Rating:
#89810
Avatar

Community saint

Thanks Jean for the excellent completion.  :thumbs:


http://digiflash.nl Photo community  (dutch)
Back to the top
 
Posted
Rating:
#89811

Non-joined user

On my bb! sorry for not responding sooner.    
I lost my internet today. thanks jean & harry.
Will get to it tomorrow, hopefully.  i'm certainly not going to attempt anything on my blackberry :)
Back to the top
 
Posted
Rating:
#90554
Avatar

Well-settled

Have any of the resident design masters come up with a simple way (for the rest of us) to implement drop-down menus in CSS that only display menu items based on permissions?

I came across this article:  Creating a pure CSS dropdown menu --- CSS Wizardry---CSS, Web Standards, Typography, and Grids by Harry Roberts

But I haven't figured out enough yet about how v9 is handling menu info to try and figure it out with my EXTREMELY limited knowledge of CSS.

So I figured I would ask before I started bashing my head against that particular wall.  O_o

Here's a link to an example site leveraging the info from the link above with some slight tweaks.  This is the sort of menu I would love to use if I (or anyone else) can figure out how with v9.
http://vogtjosh.com/nav/


Last edit: by D-Train
Back to the top
 
Posted
Item has a rating of 5 (Liked by Jean)  
Rating:
#90558
Avatar

CSS doesn't have any inherent way of handling permissions. ocPortal comes with a drop down menu capability, and some permission support for menu items. However the permission support is page based, with no current support for category permission checks (that's on the tracker somewhere).

There's a really fudgy way to sneak some permission checks in though. I don't want to confuse with too much detail but you can put something like this into the match-key field of a menu item:

Code

{$?,{$IS_IN_GROUP,2,3,4},,_never_}
That should only show the item to someone in group #2 or #3 or #4.

You could also do exact permission checks but it requires some intimate knowledge of how the permissions scheme works under the hood.

I hope one day to be able to rearchitect how this all works to be point and click, but it requires creating a stronger sense of a "full internal sitemap" inside ocPortal, which doesn't quite exist yet.


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#90591
Avatar

Well-settled

Chris,

Thanks for the info.  You say OCP already has some built-in drop-down capability.  Can you point me to where that is?  I must have missed it.

Thanks
Back to the top
 
1 guests and 0 members have just viewed this: None
Control functions:

Quick reply   Contract

Your name:
Your message: