data/TWiki/PatternSkin.txt
author Colas Nahaboo <colas@nahaboo.net>
Sat, 26 Jan 2008 15:50:53 +0100
changeset 0 414e01d06fd5
child 1 e2915a7cbdfa
permissions -rw-r--r--
RELEASE 4.2.0 freetown
colas@0
     1
%META:TOPICINFO{author="TWikiContributor" date="1160971176" format="1.1" version="17"}%
colas@0
     2
%STARTINCLUDE%
colas@0
     3
<!--
colas@0
     4
   * Set SHORTDESCRIPTION = <nop>PatternSkin provides a CSS based default look and feel for TWiki - flexible and <nop>W3C-compliant. Its layout and color scheme are designed to provide a nice, clean and productive editing environment
colas@0
     5
-->
colas@0
     6
---+!! Pattern skin
colas@0
     7
colas@0
     8
%SHORTDESCRIPTION%. For use in corporate or perhaps in personal websites it should be fairly easy to tune the looks or even create a !PatternSkin-based new skin.
colas@0
     9
colas@0
    10
%TOC{title="Page contents"}%
colas@0
    11
colas@0
    12
---++ Screenshot
colas@0
    13
colas@0
    14
<a href="%ATTACHURL%/patternskin_screenshot_full.png"><img src="%ATTACHURL%/patternskin_screenshot.jpg" style="border:1px solid #eee;" alt="Click for full screen image" width="600" height="130" /></a>
colas@0
    15
<!--
colas@0
    16
%SEARCH{ "%TOPIC%" scope="topic" nosearch="on" nototal="on" format="$pattern(.*\| *Screenshot\:[^\|]*\|([^\|]*).*)" }%
colas@0
    17
<div class="twikiGrayText">Click to view full screenshot</div>-->
colas@0
    18
colas@0
    19
---++ Creating your own look
colas@0
    20
colas@0
    21
---+++ Template customization
colas@0
    22
%SYSTEMWEB%.PatternSkinCustomization - how to configure page elements
colas@0
    23
%TOC{"%SYSTEMWEB%.PatternSkinCustomization"}%
colas@0
    24
colas@0
    25
---+++ Style sheet customization
colas@0
    26
%SYSTEMWEB%.PatternSkinCssCookbook - how to customize the visual style
colas@0
    27
%TOC{"%SYSTEMWEB%.PatternSkinCssCookbook"}%
colas@0
    28
colas@0
    29
---+++ Changing graphics
colas@0
    30
The original Photoshop files of the skin graphics (mainly background images) are attached to PatternSkinGraphics.
colas@0
    31
colas@0
    32
---++ Supported browsers
colas@0
    33
colas@0
    34
!PatternSkin has been tested successfully on the following browsers:
colas@0
    35
   * Windows
colas@0
    36
      * Internet Explorer 7.0, 6.0, 5.5 (note: Explorer 5.0 is *not* supported: will function but shows visual quirks)
colas@0
    37
      * Mozilla/Firefox 2.0, 1.5
colas@0
    38
   * Mac OS X
colas@0
    39
      * Safari 3.0.2
colas@0
    40
      * Mozilla/Firefox 2.0, 1.5 (note: Firefox 1.0 will show visual quirks)
colas@0
    41
   * *nix
colas@0
    42
      * Mozilla/Firefox 1.5 (note: Firefox 1.0 will show visual quirks)
colas@0
    43
colas@0
    44
---++ Installation
colas@0
    45
colas@0
    46
*Note:* You do not need to install anything on the browser to use this skin. The following instructions are for the administrator who installs the skin on the server where TWiki is running.
colas@0
    47
colas@0
    48
*Note 2:* !PatternSkin is included with TWiki by default. Use the following instructions only if you are upgrading !PatternSkin.
colas@0
    49
colas@0
    50
   * Download the ZIP file from the Skin Home page (see below)
colas@0
    51
   * Unzip ==%TOPIC%.zip== in your twiki installation directory
colas@0
    52
   * Test if installed: %SCRIPTURLPATH{"view"}%/%WEB%/%TOPIC%?skin=pattern
colas@0
    53
   * For skin activation see %SYSTEMWEB%.TWikiSkins
colas@0
    54
colas@0
    55
---+++ Troubleshooting
colas@0
    56
colas@0
    57
If you have set the SKIN variable setting to =pattern= and you still don't see the layout as on the <a href="%ATTACHURL%/patternskin_screenshot_full.png">screenshot</a>, a few settings in may have been disabled.
colas@0
    58
colas@0
    59
Check these variables here:
colas@0
    60
   * TWIKILAYOUTURL = %TWIKILAYOUTURL%
colas@0
    61
   * TWIKISTYLEURL = %TWIKISTYLEURL%
colas@0
    62
   * TWIKICOLORSURL = %TWIKICOLORSURL%
colas@0
    63
   * SKIN = %SKIN%
colas@0
    64
colas@0
    65
If TWIKILAYOUTURL or TWIKISTYLEURL don't give a value or point to non-existing files, check in %SYSTEMWEB%.TWikiPreferences that the following variables do exist and that they are set to on:
colas@0
    66
<pre>
colas@0
    67
   * %<nop>SYSTEMWEB%.PatternSkin settings:
colas@0
    68
      * <nop>Set TWIKILAYOUTURL = %<nop>PUBURLPATH%/%<nop>SYSTEMWEB%/PatternSkin/layout.css
colas@0
    69
      * <nop>Set TWIKISTYLEURL = %<nop>PUBURLPATH%/%<nop>SYSTEMWEB%/PatternSkin/style.css
colas@0
    70
      * <nop>Set TWIKICOLORSURL = %<nop>PUBURLPATH%/%<nop>SYSTEMWEB%/PatternSkin/colors.css
colas@0
    71
</pre>
colas@0
    72
colas@0
    73
*NOTE:* customization of these values should be done in [[%USERSWEB%.TWikiPreferences]]
colas@0
    74
colas@0
    75
If this still does not work, contact the administrator who installs skins.
colas@0
    76
colas@0
    77
For further troubleshooting and feedback, go to TWiki:Plugins/PatternSkinDev. Report bugs in the [[TWiki:Support/WebHome][Support web]].
colas@0
    78
colas@0
    79
---++ Skin Info
colas@0
    80
colas@0
    81
|  Description: | TWiki's default skin; CSS based, flexible and <nop>W3C-compliant |
colas@0
    82
|  Screenshot: | <a href="%ATTACHURL%/patternskin_screenshot_full.png"><img src="%ATTACHURL%/patternskin_screenshot.jpg" style="border:1px solid #eee;" alt="Click for full screen image" width="600" height="130" /></a> |
colas@0
    83
|  Preview: | [[%SCRIPTURL{view}%/%WEB%/%TOPIC%?skin=pattern][Preview with this skin]] |
colas@0
    84
|  Base Name: | pattern |
colas@0
    85
|  Skin Author: | TWiki:Main/ArthurClemens |
colas@0
    86
|  Skin Version: | 13 Jul 2007 (v3.0.0) | 
colas@0
    87
|  History: | <!-- specify latest version first -->&nbsp; |
colas@0
    88
|  13 Jul 2007: | v.3.0.0 - TWiki 4.2.0 (Edinburgh) RELEASE VERSION |
colas@0
    89
|  15 Jan 2006: | v.2.0.6 - TWiki 4.1.0 (Edinburgh) RELEASE VERSION |
colas@0
    90
|  26 Sep 2006: | v.2.0.5 - Fixed form background colors |
colas@0
    91
|  22 Jul 2006: | v.2.0.4 - Refactored info in colors.css; fixed textarea color |
colas@0
    92
|  26 Jun 2006: | v.2.0.3 - TWiki 4.0.3 (Dakar) RELEASE VERSION |
colas@0
    93
|  31 Jan 2006: | v.2.0.0 - TWiki 4.0.0 (Dakar) RELEASE VERSION |
colas@0
    94
|  28 Aug 2004: | v.1.0.9 - TWiki 3.0 (Cairo) RELEASE VERSION |
colas@0
    95
|  08 Aug 2004: | Initial version (v1.0.0) |
colas@0
    96
|  Dependencies: | TWiki:Plugins/TwistyContrib (automatically supported by Dakar) |
colas@0
    97
|  Skin Home: | http://TWiki.org/cgi-bin/view/Plugins/%TOPIC% |
colas@0
    98
|  Feedback: | http://TWiki.org/cgi-bin/view/Plugins/%TOPIC%Dev | %STOPINCLUDE%
colas@0
    99
|  Download: | http://TWiki.org/cgi-bin/view/Plugins/%TOPIC% |
colas@0
   100
colas@0
   101
---++ Related topics
colas@0
   102
colas@0
   103
   * %SYSTEMWEB%.TWikiCss
colas@0
   104
   * %SYSTEMWEB%.PatternSkinCss
colas@0
   105
   * %SYSTEMWEB%.PatternSkinCssCookbook
colas@0
   106
   * %SYSTEMWEB%.PatternSkinCssCookbookCenterPage
colas@0
   107
   * %SYSTEMWEB%.PatternSkinCssCookbookEditTableStyle
colas@0
   108
   * %SYSTEMWEB%.PatternSkinCssCookbookFonts
colas@0
   109
   * %SYSTEMWEB%.PatternSkinCssCookbookNoLeftBar
colas@0
   110
   * %SYSTEMWEB%.PatternSkinCssCookbookNoTopBar
colas@0
   111
   * %SYSTEMWEB%.PatternSkinCustomization
colas@0
   112
   * %SYSTEMWEB%.PatternSkinGraphics
colas@0
   113
   * %SYSTEMWEB%.WebBottomBar
colas@0
   114
   * %SYSTEMWEB%.WebLeftBar
colas@0
   115
   * %SYSTEMWEB%.WebLeftBarCookbook
colas@0
   116
   * %SYSTEMWEB%.WebLeftBarExample
colas@0
   117
   * %SYSTEMWEB%.WebLeftBarLogin
colas@0
   118
   * %SYSTEMWEB%.WebLeftBarPersonalTemplate
colas@0
   119
   * %SYSTEMWEB%.WebLeftBarSearch
colas@0
   120
   * %SYSTEMWEB%.WebLeftBarWebsList
colas@0
   121
   * %SYSTEMWEB%.WebTopBar
colas@0
   122
   * %SYSTEMWEB%.AdminDocumentationCategory
colas@0
   123
colas@0
   124
Other skins:
colas@0
   125
   * %SYSTEMWEB%.TWikiSkins
colas@0
   126
   * %SYSTEMWEB%.TWikiSkinBrowser
colas@0
   127
colas@0
   128
---++ Feedback
colas@0
   129
colas@0
   130
Leave remarks, suggestions and other feedback in TWiki:Plugins.PatternSkinDev.
colas@0
   131
colas@0
   132
%META:FILEATTACHMENT{name="TWiki_header.gif" attr="" autoattached="1" comment="" date="1182955036" path="TWiki_header.gif" size="18053" user="TWikiContributor" version=""}%
colas@0
   133
%META:FILEATTACHMENT{name="background_submit.gif" attr="" autoattached="1" comment="" date="1182955036" path="background_submit.gif" size="158" user="TWikiContributor" version=""}%
colas@0
   134
%META:FILEATTACHMENT{name="border_sidebar_personal.gif" attr="" autoattached="1" comment="" date="1183837372" path="border_sidebar_personal.gif" size="47" user="TWikiContributor" version=""}%
colas@0
   135
%META:FILEATTACHMENT{name="background_button.gif" attr="" autoattached="1" comment="" date="1182955036" path="background_button.gif" size="104" user="TWikiContributor" version=""}%
colas@0
   136
%META:FILEATTACHMENT{name="patternskin_screenshot.jpg" attr="" autoattached="1" comment="" date="1184362908" path="patternskin_screenshot.jpg" size="54937" user="TWikiContributor" version=""}%
colas@0
   137
%META:FILEATTACHMENT{name="bg_button_gradient.gif" attr="" autoattached="1" comment="" date="1183811042" path="bg_button_gradient.gif" size="1473" user="TWikiContributor" version=""}%
colas@0
   138
%META:FILEATTACHMENT{name="print.css" attr="" autoattached="1" comment="" date="1182955036" path="print.css" size="3033" user="TWikiContributor" version=""}%
colas@0
   139
%META:FILEATTACHMENT{name="bg_button_small_gradient.gif" attr="" autoattached="1" comment="" date="1183811027" path="bg_button_small_gradient.gif" size="1337" user="TWikiContributor" version=""}%
colas@0
   140
%META:FILEATTACHMENT{name="bullet-toc.gif" attr="" autoattached="1" comment="" date="1182955036" path="bullet-toc.gif" size="54" user="TWikiContributor" version=""}%
colas@0
   141
%META:FILEATTACHMENT{name="striped_blue.gif" attr="" autoattached="1" comment="" date="1182955036" path="striped_blue.gif" size="238" user="TWikiContributor" version=""}%
colas@0
   142
%META:FILEATTACHMENT{name="bg_submit_gradient.gif" attr="" autoattached="1" comment="" date="1183665090" path="bg_submit_gradient.gif" size="1476" user="TWikiContributor" version=""}%
colas@0
   143
%META:FILEATTACHMENT{name="background_action.gif" attr="" autoattached="1" comment="" date="1182955036" path="background_action.gif" size="229" user="TWikiContributor" version=""}%
colas@0
   144
%META:FILEATTACHMENT{name="background_form_element.gif" attr="" autoattached="1" comment="" date="1182955036" path="background_form_element.gif" size="70" user="TWikiContributor" version=""}%
colas@0
   145
%META:FILEATTACHMENT{name="bullet-down.gif" attr="" autoattached="1" comment="" date="1183989197" path="bullet-down.gif" size="59" user="TWikiContributor" version=""}%
colas@0
   146
%META:FILEATTACHMENT{name="bg_outer_gradient.gif" attr="" autoattached="1" comment="" date="1184332033" path="bg_outer_gradient.gif" size="433" user="TWikiContributor" version=""}%
colas@0
   147
%META:FILEATTACHMENT{name="striped_white.gif" attr="" autoattached="1" comment="" date="1182955036" path="striped_white.gif" size="234" user="TWikiContributor" version=""}%
colas@0
   148
%META:FILEATTACHMENT{name="background_input.gif" attr="" autoattached="1" comment="" date="1182955036" path="background_input.gif" size="55" user="TWikiContributor" version=""}%
colas@0
   149
%META:FILEATTACHMENT{name="button_font_selector.gif" attr="" autoattached="1" comment="" date="1184105853" path="button_font_selector.gif" size="831" user="TWikiContributor" version=""}%
colas@0
   150
%META:FILEATTACHMENT{name="layout.css" attr="" autoattached="1" comment="" date="1184279679" path="layout.css" size="4322" user="TWikiContributor" version=""}%
colas@0
   151
%META:FILEATTACHMENT{name="bullet-lock.gif" attr="" autoattached="1" comment="" date="1183989167" path="bullet-lock.gif" size="64" user="TWikiContributor" version=""}%
colas@0
   152
%META:FILEATTACHMENT{name="form_gradient.gif" attr="" autoattached="1" comment="" date="1182955036" path="form_gradient.gif" size="173" user="TWikiContributor" version=""}%
colas@0
   153
%META:FILEATTACHMENT{name="bg_action_gradient.gif" attr="" autoattached="1" comment="" date="1184355082" path="bg_action_gradient.gif" size="355" user="TWikiContributor" version=""}%
colas@0
   154
%META:FILEATTACHMENT{name="patternskin_screenshot_full.png" attr="" autoattached="1" comment="" date="1184362710" path="patternskin_screenshot_full.png" size="131008" user="TWikiContributor" version=""}%
colas@0
   155
%META:FILEATTACHMENT{name="striped_pageshadow.gif" attr="" autoattached="1" comment="" date="1182955036" path="striped_pageshadow.gif" size="234" user="TWikiContributor" version=""}%
colas@0
   156
%META:FILEATTACHMENT{name="bg_buttoncancel_gradient.gif" attr="" autoattached="1" comment="" date="1184016448" path="bg_buttoncancel_gradient.gif" size="1544" user="TWikiContributor" version=""}%
colas@0
   157
%META:FILEATTACHMENT{name="style.css" attr="" autoattached="1" comment="" date="1184361490" path="style.css" size="19292" user="TWikiContributor" version=""}%
colas@0
   158
%META:FILEATTACHMENT{name="striped_gray.gif" attr="" autoattached="1" comment="" date="1182955036" path="striped_gray.gif" size="238" user="TWikiContributor" version=""}%
colas@0
   159
%META:FILEATTACHMENT{name="striped_yellow.gif" attr="" autoattached="1" comment="" date="1182955036" path="striped_yellow.gif" size="238" user="TWikiContributor" version=""}%
colas@0
   160
%META:FILEATTACHMENT{name="pattern.js" attr="" autoattached="1" comment="" date="1184192338" path="pattern.js" size="3526" user="TWikiContributor" version=""}%
colas@0
   161
%META:FILEATTACHMENT{name="colors.css" attr="" autoattached="1" comment="" date="1184360679" path="colors.css" size="16740" user="TWikiContributor" version=""}%
colas@0
   162
%META:FILEATTACHMENT{name="button_arrow.gif" attr="" autoattached="1" comment="" date="1184105722" path="button_arrow.gif" size="1297" user="TWikiContributor" version=""}%
colas@0
   163
%META:FILEATTACHMENT{name="bullet-personal_sidebar.gif" attr="" autoattached="1" comment="" date="1183989183" path="bullet-personal_sidebar.gif" size="60" user="TWikiContributor" version=""}%