ALERT! NOTE: This is a DistributionDocument. Please help maintain high quality documentation: This is a wiki, please fix the documentation if you find errors or incomplete content. Put questions and suggestions concerning the documentation of this topic in the comments section below. Use the Support web for problems you are having using TWiki.

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"); }
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("/p/pub/TWiki06x00/WebPreferences/logo.gif"); }
You can always write a <style> in a topic - all current browsers support this - but the page won't validate as valid XHTML.

Comments & Questions about this Distribution Document Topic

Please use the Support forum if you have questions about TWiki features. This comment section is about the documentation of this topic.
Topic attachments
I Attachment History Action Size Date Who Comment
Cascading Style Sheet filecss notopbar.css r1 manage 0.4 K 2005-10-22 - 23:35 ArthurClemens  
Edit | Attach | Watch | Print version | History: r4 < r3 < r2 < r1 | Backlinks | Raw View | Raw edit | More topic actions
Topic revision: r4 - 2009-05-13 - PeterThoeny
This site is powered by the TWiki collaboration platform Powered by Perl Hosted by Ideas, requests, problems regarding TWiki? Send feedback. Ask community in the support forum.
Copyright © 1999-2015 by the contributing authors. All material on this collaboration platform is the property of the contributing authors.