History of TopBarTutorial
Version 2 | Current version | |||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
unfortunately our top bar is not replacable by using the web interface. you need to modify a template file by hand. hopefully this will change very soon... Where does the top bar come from?the top bar is controlled by this template:
for your own convenience, copy the file to your own theme directory
any changes found in this file will override the original file. this way you keep the original file and make upgrading easier. for more information see ThemeTutorial. Editing the top bar filenow that you have the file there, you can open in with any text editor. for your own convenience, we will maintain the original menu when you are logged in as admin but regular users will only see the custom menu.after insert: insert:{code()} {if $gBitUser->isAdmin()} {code} and before the last {code()} {else} <this is="" where="" the="" custom="" menu="" goes=""> {/if} {code} Use Nexusif you really don't want to create a menu by hand, you can (with some modifications of the files), use nexus.first of all, create a menu using Nexus and pick the suckerfish horizontal dropdown menu style. this is the same as the one currently in use. if you don't like this menu, or you feel it is too buggy, you might have to create your own Nexus plugin (see the NexusPackage page for details). once you have picked a name for the nexus menu and you have created a new menu, Nexus creates a cached file. you can now copy the cached file to the same folder as your top_bar.tpl file. the file will look something like: {code()} {tikimodule title=...}<very hard="" to="" read="" menu="" stuff="" in="" here="">{/tikimodule} {code} all you need to do now is remove everything in the first and last set of curly braces that you are left with the <very hard="" to="" read="" menu="" stuff="">. finally, you need to modify the top_bar.tpl file to include the file you just created in your top bar: {code()} <this is="" where="" the="" custom="" menu="" goes=""> changes to: { include file="bitpackage=kernel/
{code} Final Codethe resulting file should look something like this:{code()} {strip} {* this link is for textbrowsers *} {/strip} {code} Note: i had to insert a space between { and include due to the include plugin. please don't copy and paste the above without removing the space. hope this helps and wish you luck! please excuse the inconvenience caused. </this></very></very></this> | The layout of pages in bitweaver follows a typical pattern, where a top or head block spans whole the first row and then one, two or three columns of content are presented below. In the file structure, the top block is called top_bar.tpl and it is frequently the first thing changed when customizing a bitweaver site. This page will explain how to change elements in the top bar both from within the CMS' admin panels and manually by changing the template (tpl) file.
Elements of the top bar.In the default theme that bitweaver installs with, the top bar includes
All of the above can be modified within the admin menus without changing the tpl file manually.
Where does the Title, Slogan, and User Greeting come from?the top is controlled by this template:
for your own convenience, copy the file to your own theme directory
any changes found in this file will override the original file. Editing the Top fileUnder the Div id bittop, is a new DIV, holding the user greeting.When that Div finishes the Site Header H1 kicks in, followed by the Site slogan, H3. Removing everything between the opening and closing DIV tags will result in an empty header bar. This may be preferable if you have a fancy image / flash you want to insert. Just remember that such things are not indexed by search engines. Where does the top bar come from?the top bar is controlled by this template:
for your own convenience, copy the file to your own theme directory
any changes found in this file will override the original file. this way you keep the original file and make upgrading easier. for more information see ThemeTutorial. Editing the top bar filenow that you have the file there, you can open in with any text editor. for your own convenience, we will maintain the original menu when you are logged in as admin but regular users will only see the custom menu.after insert: insert:{code()} {if $gBitUser->isAdmin()} {code} and before the last {code()} {else} <this is="" where="" the="" custom="" menu="" goes=""> {/if} {code} Use Nexusif you really don't want to create a menu by hand, you can (with some modifications of the files), use nexus.first of all, create a menu using Nexus and pick the suckerfish horizontal dropdown menu style. this is the same as the one currently in use. if you don't like this menu, or you feel it is too buggy, you might have to create your own Nexus plugin (see the NexusPackage page for details). once you have picked a name for the nexus menu and you have created a new menu, Nexus creates a cached file. you can now copy the cached file to the same folder as your top_bar.tpl file. the file will look something like: {code()} {tikimodule title=...}<very hard="" to="" read="" menu="" stuff="" in="" here="">{/tikimodule} {code} all you need to do now is remove everything in the first and last set of curly braces that you are left with the <very hard="" to="" read="" menu="" stuff="">. finally, you need to modify the top_bar.tpl file to include the file you just created in your top bar: {code()} <this is="" where="" the="" custom="" menu="" goes=""> changes to: { include file="bitpackage=kernel/
{code} Final Codethe resulting file should look something like this:{code()} {strip} {* this link is for textbrowsers *} {if $gBitUser->isAdmin()} {tr}go to top{/tr}
{else} {/if} {/strip} {code} Note: i had to insert a space between { and include due to the include plugin. please don't copy and paste the above without removing the space. hope this helps and wish you luck! please excuse the inconvenience caused. </this></very></very></this> |