Tags:
AD0-E501 Adobe Advertising Sea
Alexander
Associate Protection Professio
C_HRHPC_2405 Exam Dumps: Ace Y
CDMP-RMD Exam Questions: Your
comptia cs0-003
exam
Exam
Exam Dumps By Dumpsway
exam questions
exams dumps dumps pdf
Frances Gould
hello world
How to Get Maximum Benefits fr
How to Prepare for the SAP C_S
Howtogetcomptia300examquestion
Khula Procedure in Pakistan:
Khula_Procedure
Microsoft SC-900 Exam Question
Microsoft Teams Administrator
Most up-to-date C_BW4H_2404 PD
Newly Issued MB-335 Exam Quest
PEGAPCLSA86V2 Exam Questions:
petssignal
PotterCook
questions
Sap Certification Dumps
SEO
seo
Testcollections Exam Questions
Trusted-PSP-PDF-Dumps-Question
validexamdumps
Veritas VCS-260 Dumps (2024) w
You Should Choose {ValidExamDu
tag this topic
create new tag
view all tags
---+!! %SYSTEMWEB%.PatternSkin CSS Cookbook *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. %TOC% ---++ First Read: How to modify !PatternSkin styles !PatternSkin uses 3 style sheets (attached to %SYSTEMWEB%.PatternSkin): * [[%PUBURLPATH%/%SYSTEMWEB%/PatternSkin/layout.css][layout.css]] - the positioning of main page elements (blocks), widths and heights * [[%PUBURLPATH%/%SYSTEMWEB%/PatternSkin/style.css][style.css]] - fonts, sizes, margins and paddings * [[%PUBURLPATH%/%SYSTEMWEB%/PatternSkin/colors.css][colors.css]] - border colors, text colors and background colors 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. ---+++ Changing the color scheme Have a look at PatternSkinColorSettings. ---+++ When you need lots of graphic changes: Rewriting CSS * Create a new topic that will contain your new CSS files * Attach 3 new style sheets to the topic * Point the CSS variables in [[%SYSTEMWEB%.TWikiPreferences]] to your new files: <pre> * <nop>Set TWIKILAYOUTURL = %<nop>PUBURLPATH%/%<nop>SYSTEMWEB%/YourNewTopic/layout.css * <nop>Set TWIKISTYLEURL = %<nop>PUBURLPATH%/%<nop>SYSTEMWEB%/YourNewTopic/style.css * <nop>Set TWIKICOLORSURL = %<nop>PUBURLPATH%/%<nop>SYSTEMWEB%/YourNewTopic/colors.css </pre> ---+++ When you need to make small adjustments: Adding to existing CSS With CSS you cannot remove already defined classes, you can only add to it, or overwrite existing styles. <br /> Overriding default CSS is done with 3 variables: =USERLAYOUTURL=, =USERSTYLEURL=, =USERCOLORSURL=. * Create a new topic that will contain your new CSS files * 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) * Point the CSS variables in [[%SYSTEMWEB%.TWikiPreferences]] to your new files (below the =TWIKIXXXURL= variables): <pre> * <nop>Set USERLAYOUTURL = %<nop>PUBURLPATH%/%<nop>SYSTEMWEB%/YourNewTopic/layout.css * <nop>Set USERSTYLEURL = %<nop>PUBURLPATH%/%<nop>SYSTEMWEB%/YourNewTopic/style.css * <nop>Set USERCOLORSURL = %<nop>PUBURLPATH%/%<nop>SYSTEMWEB%/YourNewTopic/colors.css </pre> * If you use only little CSS and you've only attached one file, write: <pre> * Set USERSTYLEURL = %<nop>PUBURLPATH%/%<nop>SYSTEMWEB%/YourNewTopic/style.css </pre> 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: * [[%SYSTEMWEB%.TWikiPreferences]]: the style is visible for all users, site-wide * WebPreferences: the style is visible for all users in one web * Home topic: the style is visible for that one user when viewing the site * Some other topic: the style is only visible in that one topic User styles are always loaded after TWiki styles. The rest of this topic shows examples of small CSS changes. ---++ Recipes ---+++ Hide the left bar See example at: PatternSkinCssCookbookNoLeftBar ---+++ Use different fonts See example at: PatternSkinCssCookbookFonts ---+++ No top bar See example at: PatternSkinCssCookbookNoTopBar ---+++ Centered page See example at: PatternSkinCssCookbookCenterPage ---+++ Centered page (with a border around the page) See example at: PatternSkinCssCookbookCenterPageBorder ---+++ Setting !EditTablePlugin styles See example at: PatternSkinCssCookbookEditTableStyle ---++ Style sheet documentation See %SYSTEMWEB%.PatternSkinCss for documentation of !PatternSkin CSS classes
E
dit
|
A
ttach
|
Watch
|
P
rint version
|
H
istory
: r5
<
r4
<
r3
<
r2
<
r1
|
B
acklinks
|
V
iew topic
|
M
ore topic actions
Topic revision: r5 - 2008-01-22
-
TWikiContributor
Home
Site map
Sales web
TWiki web
TWiki Web
User registration
Users
Groups
Index
Search
Changes
Notifications
RSS Feed
Statistics
Preferences
View
Raw View
Print version
Find backlinks
History
More topic actions
Edit
Raw edit
Attach file or image
Edit topic preference settings
Set new parent
More topic actions
User Reference
ATasteOfTWiki
TextFormattingRules
TWikiVariables
FormattedSearch
QuerySearch
TWikiDocGraphics
TWikiSkinBrowser
InstalledPlugins
Admin Maintenance
Reference Manual
InterWikis
ManagingUsers
ManagingWebs
TWikiSiteTools
TWikiPreferences
WebPreferences
Categories
Admin Documentation
Admin Tools
Developer Doc
User Documentation
User Tools
Account
Log In
Register User
E
dit
A
ttach
Copyright © 1999-2025 by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding TWiki?
Send feedback
Note:
Please contribute updates to this topic on TWiki.org at
TWiki:TWiki.PatternSkinCssCookbook
.