CreatingMenuBar

Differences between revisions 2 and 8 (spanning 6 versions)
Revision 2 as of 2007-02-21 17:57:24
Size: 1589
Editor: s3-165
Comment: consistany of bc pages
Revision 8 as of 2008-08-06 16:17:07
Size: 1790
Editor: localhost
Comment: converted to 1.6 markup
Deletions are marked like this. Additions are marked like this.
Line 4: Line 4:
[[Include(SampleTeamHeader)]] <<Include(BuildingCommunity/SampleTeam/Header)>>
Line 6: Line 6:
One thing you see on every page on this SampleTeam is a consistent menu bar. This gives the teams pages some navigation and consistency. To do this I have created a single menu bar that is included on every team page. This way if you update the menu bar, it is shown on ''all'' the pages. :) One thing you see on every page on this [[BuildingCommunity/SampleTeam|Sample Team]] is a consistent menu bar. This gives the teams pages some navigation and consistency. To do this I have created a single menu bar that is included on every team page. This way if you update the menu bar, it is shown on ''all'' the pages. :)
Line 12: Line 12:
First create a page for the menu bar. I have done this on SampleTeamHeader. On that page is the following code: First create a page for the menu bar. I have done this on [[BuildingCommunity/SampleTeam/Header|Header]]. On that page is the following code:
Line 22: Line 22:
You now have the menu bar living on the SampleTeamHeader page, and just need to include it in each of your team pages. To do this, add this code to the top of every team page: You now have the menu bar living on the [[BuildingCommunity/SampleTeam/Header|Header]] page, and just need to include it in each of your team pages. To do this, add this code to the top of every team page:
Line 25: Line 25:
[[Include(SampleTeamHeader)]] [[Include(BuildingCommunity/SampleTeam/Header)]]
Line 30: Line 30:
If you want to make changes to the menu bar that appear on all pages, just edit SampleTeamHeader and thats it! Simple! If you want to make changes to the menu bar that appear on all pages, just edit [[BuildingCommunity/SampleTeam/Header|Header]] and thats it! Simple!

----
[[CategoryBuildingCommunity]]

Creating a Team Menu Bar

Home

Roadmap

Getting Involved

Knowledge Base

FAQ

Contacts

NEXT SAMPLETEAM MEETING:
Tue 9th Jan 15.00 UTC (details)

One thing you see on every page on this Sample Team is a consistent menu bar. This gives the teams pages some navigation and consistency. To do this I have created a single menu bar that is included on every team page. This way if you update the menu bar, it is shown on all the pages. Smile :)

To do this, follow these steps:

Step 1: Create the menu bar

First create a page for the menu bar. I have done this on Header. On that page is the following code:

||<tablestyle="font-size: 0.85em; border: none; width: 100%; background-color: #f1f1ed; font-weight: bold;"> [:SampleTeam:Home] || [:SampleTeam/Roadmap:Roadmap] || [:SampleTeam/GettingInvolved:Getting Involved] || [:SampleTeam/KnowledgeBase:Knowledge Base] || [:SampleTeam/FAQ:FAQ] || [:SampleTeam/Contacts:Contacts] ||<style="font-size: 0.80em; border: 2px; background-color: #cccccc;"> '''NEXT SAMPLETEAM MEETING''':[[BR]] Tue 9th Jan 15.00 UTC ([:SampleTeam/Meeting: details]) ||

This code is a table with a bunch of links in it.

Step 2: Include the menu bar on your team pages

You now have the menu bar living on the Header page, and just need to include it in each of your team pages. To do this, add this code to the top of every team page:

[[Include(BuildingCommunity/SampleTeam/Header)]]

You will now see the menu bar appear.

If you want to make changes to the menu bar that appear on all pages, just edit Header and thats it! Simple!


CategoryBuildingCommunity

BuildingCommunity/SampleTeam/CreatingMenuBar (last edited 2008-08-06 16:17:07 by localhost)