Confluence-How to add a menu area while creating a blog webpage using zen foundation?

[Bahar Çağlar]

Hi,

I am trying to create a blog webpage using zen foundation in confluence. I cannot add a menu area (like in hallowen home | try | buy | learn) to my home page. I downloaded the halloween (http://www.stepstonetech.com/display/halloween/Home) brand but the menu is not displayed. How can I add a menu to my home page and how can I configure it?
Thanks

[Darryl Duke · Accepted solution]

Hi Bahar,

The menus are separate from the brand, and are set up either on a site-wide basis: http://www.stepstonetech.com/display/help/Site+Menu or on a space-by-space basis: http://www.stepstonetech.com/display/help/Customizing+Individual+Spaces.

In a nutshell, a menu is simply a page (titled .zen.menu) and is a bullet list of links. The first level is the top menu, second-level bullets define drop-down menus, and so on. And because a menu is just a Confluence page, you can set page permissions to be as open or locked down as you like. Just make sure everyone has View privileges so they can see the menu contents.

Cheers!

[Bahar Çağlar]

Thanks Darryl Cheers :)

[Bahar Çağlar]

Hey, What about sub menu items?

I created my menu, but I want to add 3 sub menus to a menu item.

How can I do this?

Thanks

[Darryl Duke]

Okay, you've successfully changed the canvas to blue, and the section background appears to be "transparent". (The white strip at the top is the gradient image.) Perhaps the white color isn't set in the brand or there is a typo in the color name?

I gave you instructions for changing a single section, but should have also mentioned these are set for all sections in the brand using the brand designer's "Size, Space, and Shape" panel. The first options allow you to adjust the background for the sections. This is a better place to change the section colors, and also allows you to use the color picker to get better control over the color.

[Bahar Çağlar]

Thank you darryl.

[Darryl Duke]

Okay, sorry. The blue is the background, then the white square is what Zen calls the "canvas," and the boxes with the rounded corners and slight gradient (containing the title "Contents" and the "Reusing..." bullet point) are what we call "Zen sections." I think you might be asking about the sections . . . in which case if you hover over the section you'll see a square appear at the top right (opposite the "edit pencil" on the top left). Click that square to get the section menu, and click the "Designer" link. More details are described here: http://www.stepstonetech.com/display/help/Section+Designer

Or did I miss the point again? :-)

P.S., if you don't see the square appear, it's because that page is controlled by the Zen Master page . . . you can use the section designers on the master to make background (and other) design changes.

[Bahar Çağlar]

When I change the "Canvas background". It looks like the following:

When I tried to changed the section color to $zenWhiteColor from design menu, ıt doesn't become white totally. I can be the one missing the point :)

[Darryl Duke]

Nice work!

[Bahar Çağlar]

Hi Darryl,

I want to add a footer to my theme like in atlassian blog page.

http://blogs.atlassian.com/

How can I do this in a zen theme in a confluence page?

Thanks for answers :)

[Bahar Çağlar]

Hi Darryl,

Again I have a question :) In my theme, the background is dark-blue, canvas-background is white. The area between them is also white. I tried to change it. It does not work. Which area should I change in the brand designer?

[Darryl Duke]

Hi Bahar,

You can use the Brand Designer's "Background & Header" panel, and scroll down to find the "Canvas Background" options. You can change the color or use a background image. In soon-to-be-released Zen 5.2.5, you can also add drop shadows to the canvas. :-)

Cheers!

[Bahar Çağlar]

Hi Darrly,

Not canvas background. The area between canvas and background color. Can you see it from the image above?

[Darryl Duke]

You can add submenus with indented bullets. The first indented bullets make the top row menu items. If you indent again, you create a pulldown menu. More indents for slide-off menus. So to make two menu tabs with pulldown menus, do this:

• Fruit
  • Apple
  • Banana
  • Orange
• Vegetable
  • Celery
  • Kale
  • Onion

[Bahar Çağlar]

I tried the same thing as follow:

• Team
• Jira
• Confluence
• Crucible
• Stash
• Bambo
• GreenHopper
• More
  • Fisheye
  • Team Calendars
    

But the intented ones does not appear. What am I doing wrong? :S

[Bahar Çağlar]

I copied your example, and it works hehe :)

That's weird.

[Bahar Çağlar]

Hi, I have more question for you :)

I have a space using zen theme. Under this space, there are many pages. Pages' titles are not editable.

There are no restrictions for pages or permission restrictions for the space or users.

How can I make the titles editable?

Thanks

[Darryl Duke]

Hi Bahar,

If you hover over the title, a "T" in a box will appear. Click that and you'll get a popup to edit the page title.

Also, on your pulldown menus not working, we've sometimes seen the rich text editor insert unwanted elements into the XHTML (such as a <p> tag). We installed Atlassian's excellent Source Editor plugin (https://marketplace.atlassian.com/plugins/com.atlassian.confluence.plugins.editor.confluence-source-editor) which allows you to edit the XHTML and spot and remove the offending bits. Be sure to use the Admin Console to restrict availability of this plugin to users you trust to edit the XHTML by hand.

Cheers!

<body></body>

[Bahar Çağlar]

Hi Darryl,

Thank you for your answer.

Cheers :)

[Bahar Çağlar]

Hi Darryl,

I need your help again :) I have a space that uses zen for the theme. Now, I have one more space and I want to use zen for this space's theme. I have one .zen.menu. For the second space, I need to create a new menu. How can I do this? Thanks a lot for your answers.

[Bahar Çağlar]

I found it in the following link http://www.stepstonetech.com/display/help/Customizing+Individual+Spaces :)