data/TWiki/PatternSkinCssCookbookNoTopBar.txt,v
changeset 0 414e01d06fd5
equal deleted inserted replaced
-1:000000000000 0:414e01d06fd5
       
     1 head	1.3;
       
     2 access;
       
     3 symbols;
       
     4 locks; strict;
       
     5 comment	@# @;
       
     6 
       
     7 
       
     8 1.3
       
     9 date	2008.01.22.03.21.27;	author TWikiContributor;	state Exp;
       
    10 branches;
       
    11 next	1.2;
       
    12 
       
    13 1.2
       
    14 date	2006.04.01.05.55.31;	author TWikiContributor;	state Exp;
       
    15 branches;
       
    16 next	1.1;
       
    17 
       
    18 1.1
       
    19 date	2006.02.01.12.01.23;	author TWikiContributor;	state Exp;
       
    20 branches;
       
    21 next	;
       
    22 
       
    23 
       
    24 desc
       
    25 @new-topic
       
    26 @
       
    27 
       
    28 
       
    29 1.3
       
    30 log
       
    31 @buildrelease
       
    32 @
       
    33 text
       
    34 @%META:TOPICINFO{author="TWikiContributor" date="1130024123" format="1.1" version="3"}%
       
    35 
       
    36 ---+!! PatternSkinCssCookbook Recipe: Hide the top bar
       
    37 
       
    38 *This recipe shows how to hide the top bar and to put the logo in the left bar.*
       
    39 
       
    40 <div class="twikiHelp">
       
    41 This line loads the extra style definition:
       
    42 <verbatim>
       
    43    * Set USERSTYLEURL=%ATTACHURL%/notopbar.css
       
    44 </verbatim>
       
    45 You can write this line in %SYSTEMWEB%.TWikiPreferences, in WebPreferences, in your user topic or on a single page.
       
    46 </div>
       
    47 
       
    48 Add the dynamic variable link to the logo image to the topic text:
       
    49 <verbatim>
       
    50 <style type="text/css" media="all">
       
    51 #patternLeftBar { background-image:url("%PUBURLPATH%/%WEB%/%WEBPREFSTOPIC%/logo.gif"); }
       
    52 </style>
       
    53 </verbatim>
       
    54 <div class="twikiHelp">
       
    55 %ICON{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:
       
    56 <pre>
       
    57 &lt;style type="text/css" media="all">
       
    58 #patternLeftBar { background-image:url("<nop>%PUBURLPATH%/<nop>%WEB%/<nop>%WEBPREFSTOPIC%/logo.gif"); }
       
    59 &lt;/style>
       
    60 </pre>
       
    61 You can always write a =&lt;style>= in a topic - all current browsers support this - but the page won't validate as valid XHTML.
       
    62 </div>
       
    63 
       
    64 <style type="text/css" media="all">
       
    65 #patternLeftBar { background-image:url("%PUBURLPATH%/%WEB%/%WEBPREFSTOPIC%/logo.gif"); }
       
    66 </style>
       
    67 
       
    68 
       
    69 %META:FILEATTACHMENT{name="notopbar.css" attachment="notopbar.css" attr="" comment="" date="1130024123" path="notopbar.css" size="395" stream="notopbar.css" user="TWikiContributor" version="1"}%
       
    70 @
       
    71 
       
    72 
       
    73 1.2
       
    74 log
       
    75 @buildrelease
       
    76 @
       
    77 text
       
    78 @d1 1
       
    79 a1 1
       
    80 %META:TOPICINFO{author="TWikiContributor" date="1130024123" format="1.1" version="2"}%
       
    81 d12 1
       
    82 a12 1
       
    83 You can write this line in %TWIKIWEB%.TWikiPreferences, in WebPreferences, in your user topic or on a single page.
       
    84 d36 1
       
    85 a36 1
       
    86 %META:FILEATTACHMENT{name="notopbar.css" attachment="notopbar.css" attr="" comment="" date="1130024123" path="notopbar.css" size="395" stream="notopbar.css" user="Main.ArthurClemens" version="1"}%
       
    87 @
       
    88 
       
    89 
       
    90 1.1
       
    91 log
       
    92 @buildrelease
       
    93 @
       
    94 text
       
    95 @d1 1
       
    96 a1 1
       
    97 %META:TOPICINFO{author="TWikiContributor" date="1130024123" format="1.1" version="1"}%
       
    98 d10 1
       
    99 a10 1
       
   100 	* Set USERSTYLEURL=%ATTACHURL%/notopbar.css
       
   101 @