CreatingMenuBar
|
Size: 1607
Comment:
|
Size: 1746
Comment:
|
| 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 BuildingCommunity/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: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. :) |
| 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! |
Creating a Team Menu Bar
Include(BuildingCommunity/SampleTeam/Header)
One thing you see on every page on this [:BuildingCommunity/SampleTeam: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. 
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 [:BuildingCommunity/SampleTeam/Header: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 [: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:
[[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 [:BuildingCommunity/SampleTeam/Header:Header] and thats it! Simple!
BuildingCommunity/SampleTeam/CreatingMenuBar (last edited 2008-08-06 16:17:07 by localhost)