r0 - 22 Oct 2005 - 19:35:23 - TWikiContributorYou are here: TWiki >  TWiki Web > PatternSkinCssCookbookNoTopBar

PatternSkinCssCookbook Recipe: Hide the top bar

This recipe shows how to hide the top bar and to put the logo in the left bar.

This line loads the extra style definition:
   * Set USERSTYLEURL=%ATTACHURL%/notopbar.css
You can write this line in TWikiPreferences, in WebPreferences, in your user topic or on a single page.

Add the dynamic variable link to the logo image to the topic text:

<style type="text/css" media="all">
#patternLeftBar { background-image:url("%PUBURLPATH%/%WEB%/%WEBPREFSTOPIC%/logo.gif"); }
</style>
info If you don't write this overloading style in a template and use an external .css file, you need to set the image to the absolute url:
<style type="text/css" media="all">
#patternLeftBar { background-image:url("rsrc/TWiki/WebPreferences/logo.gif"); }
</style>
You can always write a <style> in a topic - all current browsers support this - but the page won't validate as valid XHTML.

About This Site

Please note that this site is a content mirror of the BNL USATLAS TWiki. To edit the content of this page, click the Edit this page button at the top of the page and log in with your BNL USATLAS account.


Attachments


css notopbar.css (0.4K) | ArthurClemens? , 22 Oct 2005 - 19:35 |
 
Powered by TWiki
This site is powered by the TWiki collaboration platformCopyright © by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding TWiki? Send feedback
Note: Please contribute updates to this topic on TWiki.org at TWiki:TWiki.PatternSkinCssCookbookNoTopBar