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("/pub/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.

Topic attachments
I Attachment Action Size Date Who Comment
Cascading Style Sheet filecss notopbar.css manage 0.4 K 2005-10-22 - 23:35 TWikiContributor  
r3 - 22 Oct 2005 - 23:35:23 - TWikiContributor
 
Linux & Open Source for AT91 Microchip Microprocessors

Copyright © by the contributing authors. All material on this collaboration platform is the property of the contributing authors.

Linux® is the registered trademark of Linus Torvalds in the U.S. and other countries.

Microchip and others, are registered trademarks or trademarks of Microchip Technology Inc. and its subsidiaries. This site is powered by the TWiki collaboration platform

Arm® and others are registered trademarks or trademarks of Arm Limited (or its affiliates). Other terms and product names may be trademarks of others.

Ideas, requests, contributions ? Connect to LinksToCommunities page.

Syndicate this siteRSS ATOM