Changeset 463 for branches/Release04x02/twikiplugins/PatternSkin/data/TWiki/PatternSkinCssCookbook.txt
- Timestamp:
- 11/08/08 13:16:17 (4 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
branches/Release04x02/twikiplugins/PatternSkin/data/TWiki/PatternSkinCssCookbook.txt
r11 r463 1 1 %META:TOPICINFO{author="TWikiContributor" date="1129333294" format="1.1" version="$Rev$"}% 2 2 3 ---+!! % TWIKIWEB%.PatternSkin CSS Cookbook3 ---+!! %SYSTEMWEB%.PatternSkin CSS Cookbook 4 4 5 5 *Questions and answers on how to customize the default look of TWiki for your own needs, using style sheets.* For configuring page elements, see PatternSkinCustomization. … … 9 9 ---++ First Read: How to modify !PatternSkin styles 10 10 11 !PatternSkin uses 3 style sheets (attached to % TWIKIWEB%.PatternSkin):12 * [[%PUBURLPATH%/% TWIKIWEB%/PatternSkin/layout.css][layout.css]] - the positioning of main page elements (blocks), widths and heights13 * [[%PUBURLPATH%/% TWIKIWEB%/PatternSkin/style.css][style.css]] - fonts, sizes, margins and paddings14 * [[%PUBURLPATH%/% TWIKIWEB%/PatternSkin/colors.css][colors.css]] - border colors, text colors and background colors11 !PatternSkin uses 3 style sheets (attached to %SYSTEMWEB%.PatternSkin): 12 * [[%PUBURLPATH%/%SYSTEMWEB%/PatternSkin/layout.css][layout.css]] - the positioning of main page elements (blocks), widths and heights 13 * [[%PUBURLPATH%/%SYSTEMWEB%/PatternSkin/style.css][style.css]] - fonts, sizes, margins and paddings 14 * [[%PUBURLPATH%/%SYSTEMWEB%/PatternSkin/colors.css][colors.css]] - border colors, text colors and background colors 15 15 16 16 When customizing your TWiki installation, you can either choose to completely rewrite all css styles, or to selectively override some styles. The latter option is by far less time consuming, but all depends on your graphical wishes. … … 22 22 * Create a new topic that will contain your new CSS files 23 23 * Attach 3 new style sheets to the topic 24 * Point the CSS variables in [[% TWIKIWEB%.TWikiPreferences]] to your new files:24 * Point the CSS variables in [[%SYSTEMWEB%.TWikiPreferences]] to your new files: 25 25 <pre> 26 * <nop>Set TWIKILAYOUTURL = %<nop>PUBURLPATH%/%<nop> TWIKIWEB%/YourNewTopic/layout.css27 * <nop>Set TWIKISTYLEURL = %<nop>PUBURLPATH%/%<nop> TWIKIWEB%/YourNewTopic/style.css28 * <nop>Set TWIKICOLORSURL = %<nop>PUBURLPATH%/%<nop> TWIKIWEB%/YourNewTopic/colors.css26 * <nop>Set TWIKILAYOUTURL = %<nop>PUBURLPATH%/%<nop>SYSTEMWEB%/YourNewTopic/layout.css 27 * <nop>Set TWIKISTYLEURL = %<nop>PUBURLPATH%/%<nop>SYSTEMWEB%/YourNewTopic/style.css 28 * <nop>Set TWIKICOLORSURL = %<nop>PUBURLPATH%/%<nop>SYSTEMWEB%/YourNewTopic/colors.css 29 29 </pre> 30 30 … … 34 34 * Create a new topic that will contain your new CSS files 35 35 * Attach 1, 2 or 3 new style sheets to the topic, dependent on your CSS setup (if you don't change much, you might as well put everything in one CSS file, layout, margins and colors) 36 * Point the CSS variables in [[% TWIKIWEB%.TWikiPreferences]] to your new files (below the =TWIKIXXXURL= variables):36 * Point the CSS variables in [[%SYSTEMWEB%.TWikiPreferences]] to your new files (below the =TWIKIXXXURL= variables): 37 37 <pre> 38 * <nop>Set USERLAYOUTURL = %<nop>PUBURLPATH%/%<nop> TWIKIWEB%/YourNewTopic/layout.css39 * <nop>Set USERSTYLEURL = %<nop>PUBURLPATH%/%<nop> TWIKIWEB%/YourNewTopic/style.css40 * <nop>Set USERCOLORSURL = %<nop>PUBURLPATH%/%<nop> TWIKIWEB%/YourNewTopic/colors.css38 * <nop>Set USERLAYOUTURL = %<nop>PUBURLPATH%/%<nop>SYSTEMWEB%/YourNewTopic/layout.css 39 * <nop>Set USERSTYLEURL = %<nop>PUBURLPATH%/%<nop>SYSTEMWEB%/YourNewTopic/style.css 40 * <nop>Set USERCOLORSURL = %<nop>PUBURLPATH%/%<nop>SYSTEMWEB%/YourNewTopic/colors.css 41 41 </pre> 42 42 * If you use only little CSS and you've only attached one file, write: 43 43 <pre> 44 * Set USERSTYLEURL = %<nop>PUBURLPATH%/%<nop> TWIKIWEB%/YourNewTopic/style.css44 * Set USERSTYLEURL = %<nop>PUBURLPATH%/%<nop>SYSTEMWEB%/YourNewTopic/style.css 45 45 </pre> 46 46 47 Instead of setting these variables in [[% TWIKIWEB%.TWikiPreferences]], you can set these in your home topic, or in any other topic. Setting style URL variables in:48 * [[% TWIKIWEB%.TWikiPreferences]]: the style is visible for all users, site-wide47 Instead of setting these variables in [[%SYSTEMWEB%.TWikiPreferences]], you can set these in your home topic, or in any other topic. Setting style URL variables in: 48 * [[%SYSTEMWEB%.TWikiPreferences]]: the style is visible for all users, site-wide 49 49 * WebPreferences: the style is visible for all users in one web 50 50 * Home topic: the style is visible for that one user when viewing the site … … 82 82 83 83 ---++ Style sheet documentation 84 See % TWIKIWEB%.PatternSkinCss for documentation of !PatternSkin CSS classes84 See %SYSTEMWEB%.PatternSkinCss for documentation of !PatternSkin CSS classes
Note: See TracChangeset
for help on using the changeset viewer.
