Line: 1 to 1 | ||||||||
---|---|---|---|---|---|---|---|---|
PatternSkin Customization | ||||||||
Line: 6 to 6 | ||||||||
Changed: | ||||||||
< < | Logo questions | |||||||
> > | First Read: How to modify PatternSkin templates
If you need to change any of the elements that are visible on the common 'view' pages, you need to change the 'view' template:
Example The steps you would need:
* Set COVER = myskinor write* Set SKIN = myskin,pattern
Logo | |||||||
How can I change the web logo? | ||||||||
Line: 14 to 38 | ||||||||
The default variables that cause this behavior are defined in TWikiPreferences.
Redefine your custom variables in TWikiPreferences (to keep TWikiPreferences intact): | ||||||||
Changed: | ||||||||
< < | ||||||||
> > | ||||||||
| ||||||||
Changed: | ||||||||
< < | ||||||||
> > | ||||||||
There are 2 ways to change the logo in a web: | ||||||||
Line: 27 to 51 | ||||||||
| ||||||||
Added: | ||||||||
> > |
| |||||||
Using a new filename: | ||||||||
Line: 34 to 59 | ||||||||
* Set WEBLOGONAME = your-logo-name.gif-or-png | ||||||||
Added: | ||||||||
> > |
| |||||||
How do I set a site-wide logo?
There is a bunch of site-wide logo variables in TWikiPreferences: | ||||||||
Changed: | ||||||||
< < | ||||||||
> > | ||||||||
| ||||||||
Changed: | ||||||||
< < | ||||||||
> > | ||||||||
My logo does not fit the top bar | ||||||||
Line: 52 to 77 | ||||||||
Using templates:
Change the height of the top bar in | ||||||||
Changed: | ||||||||
< < | ||||||||
> > |
| |||||||
%TMPL:DEF{"topbardimensions"}% #patternTopBar, #patternClearHeaderCenter, | ||||||||
Line: 63 to 89 | ||||||||
overflow:hidden; } %TMPL:END% | ||||||||
Changed: | ||||||||
< < | Only change the number. | |||||||
> > |
Only change the number from 64px to another value. | |||||||
Using style sheets: | ||||||||
Line: 74 to 101 | ||||||||
I want to change the white space above and below the logo | ||||||||
Changed: | ||||||||
< < | Change the table style in WebTopBar. Default top padding is 11px. | |||||||
> > | Change the table style in topic WebTopBar. The default top padding is 11px. | |||||||
Changed: | ||||||||
< < | Top bar questions | |||||||
> > | Top bar | |||||||
I want to set or change the top background image
The image at the top is called "header art" - commonly the top image found on blog sites. The image that is displayed by default is set by the variable Redefine your custom variables in TWikiPreferences (to keep TWikiPreferences intact): | ||||||||
Changed: | ||||||||
< < | ||||||||
> > | ||||||||
| ||||||||
Changed: | ||||||||
< < | ||||||||
> > | ||||||||
You can also set WEBHEADERART per web, by defining the variable in the Web's WebPreferences.
I want to have the web color in the top bar
Redefine | ||||||||
Changed: | ||||||||
< < | ||||||||
> > | ||||||||
| ||||||||
Changed: | ||||||||
< < | ||||||||
> > | ||||||||
I want to remove the Jump and Search boxes from the top bar | ||||||||
Line: 106 to 133 | ||||||||
I want to hide the top barUsing templates: | ||||||||
Changed: | ||||||||
< < | The view template is populated like this:%TMPL:INCLUDE{"page"}% %TMPL:INCLUDE{"viewtopbar"}% %TMPL:INCLUDE{"viewtoolbar"}% %TMPL:INCLUDE{"viewleftbar"}% %TMPL:INCLUDE{"viewrightbar"}% %TMPL:INCLUDE{"viewtopicactionbuttons"}% %TMPL:INCLUDE{"viewbottombar"}%Each included template draws a part of the screen. Omit | |||||||
> > |
The view template is populated with page elements using template inclusions:
%TMPL:INCLUDE{"page"}% %TMPL:INCLUDE{"viewtopbar"}% %TMPL:INCLUDE{"viewtoolbar"}% %TMPL:INCLUDE{"viewleftbar"}% %TMPL:INCLUDE{"viewrightbar"}% %TMPL:INCLUDE{"viewtopicactionbuttons"}% %TMPL:INCLUDE{"viewbottombar"}%
Each included template draws a part of the screen.
Another approach is to clear the contents of module %TMPL:INCLUDE{"view"}% %TMPL:INCLUDE{"topbar"}%%TMPL:END% | |||||||
Using style sheets: | ||||||||
Line: 125 to 174 | ||||||||
See PatternSkinCssCookbookNoTopBar. | ||||||||
Changed: | ||||||||
< < | Left bar questions | |||||||
> > | Left bar | |||||||
I want to hide the left barUsing templates: | ||||||||
Changed: | ||||||||
< < | Omit %TMPL:INCLUDE{"viewleftbar"}% to hide the left bar, or in a view template clear it using %TMPL:INCLUDE{"viewleftbar"}%%TMPL:END% | |||||||
> > | Omit %TMPL:INCLUDE{"viewleftbar"}% to hide the left bar, or in a view template clear it using %TMPL:DEF{"viewleftbar"}%%TMPL:END% | |||||||
Using style sheets: | ||||||||
Line: 146 to 195 | ||||||||
It may defy the wiki-ness of your TWiki installation, but in certain circumstances it could be useful to hide the edit buttons from users that are not logged in, for instance for customers.
Create in the template directory the file | ||||||||
Changed: | ||||||||
< < | %TMPL:INCLUDE{"view.pattern"}% %TMPL:DEF{"topicaction"}%%TMPL:END% %TMPL:DEF{"toolbar"}%%TMPL:END% | |||||||
> > | %TMPL:INCLUDE{"view"}% %TMPL:DEF{"topicaction"}%%TMPL:END% %TMPL:DEF{"toolbar"}%%TMPL:END% | |||||||
In TWikiGuest, set the cover to | ||||||||
Changed: | ||||||||
< < | * Set COVER = customer | |||||||
> > | * Set COVER = customer | |||||||
By default this topic is editable only by TWikiAdminGroup members. | ||||||||
Added: | ||||||||
> > | I want to remove the History button from the bottom
All action buttons are defined in
In your view.myskin.tmpl file (see above) you write:
Test by appending%TMPL:INCLUDE{"view"}% %TMPL:DEF{"topicactionbuttons"}%Raw edit | | %TMPL:P{context="WysiwygPluginEnabled" then="activatable_edit_wysiwyg"}% | %TMPL:P{"activatable_attach"}% | %TMPL:P{"printable"}% | %TMPL:P{"raw"}% | %TMPL:P{"backlinks"}% | %TMPL:P{"activatable_more"}%%TMPL:END% ?cover=myskin to any topic.
I want to insert text outside of the topic content
PatternSkin has 2 'buckets' to write additional content to: Both modules are wrapped in CSS containers:
To put contents before the main text, use the custom skin approach as described above. Test by appending%TMPL:INCLUDE{"view"}% %TMPL:DEF{"beforetextcontents"}%This is the text before%TMPL:END% ?cover=myskin to any topic.
Use the same procedure for contents to be put after the topic text: %TMPL:INCLUDE{"view"}% | |||||||
Added: | ||||||||
> > | %TMPL:DEF{"aftertextcontents"}%This is the text after%TMPL:END% |