Loading...
 

History: Modifying an Existing Style Sheet

Preview of version: 6

Style sheet file

  1. For the theme that you want to base a new theme on, find its CSS file in the (Tiki root/styles directory. Please note that the CSS files are not in the (Tiki root/templates/styles directory. In a default Tiki installation, there are two directories named styles under the Tiki root:
    • styles (for CSS files)
    • templates/styles (for theme-specific sub-directories that contain .tpl files)
  2. Copy the CSS file, rename it to match your new theme name, and put it in the (Tiki root/styles directory with all the other CSS files — for example, styles/newtheme.css.
  3. Edit newtheme.css to give your theme its style.
  4. If your theme is to use background and other images, it's best to create a subdirectory for them within the styles directory--giving it your theme's name.
    • For example, (Tiki root)/styles/newtheme

Places to start

As of TikiWiki 2, theme-related files are in a transition period, moving away from old-school table-based layout and toward liquid layout method based on divs. Themes using the new method include, in the Tiki 2 package, Darkroom, Feb12, The News, and Tikinewt, and the themes on Themes_for_TW2 (the "fixed-width" themes of which use a table for layout due to IE7's lack of support for the display:table CSS property). The focus of these themes has been on more modern and economical use of CSS, so any would be a good model for a custom theme. It's best to avoid basing a custom theme on an older theme.

Since you can change the CSS file and you can override any template your themes can make your Tiki site look like anything you want. The only limit is your imagination.

History

Advanced
Information Version
Wed 30 of Jun, 2010 07:27 GMT chibaguy Updated. 9
View
Sat 23 of May, 2009 05:57 GMT chibaguy Some updating for Tiki3.0. 8
View
Wed 08 of Oct, 2008 05:36 GMT chibaguy 7
View
Wed 08 of Oct, 2008 05:35 GMT chibaguy Some updating. 6
View
Thu 23 of Feb, 2006 04:37 GMT admin Planetfall.css note added. 5
View
Mon 20 of Feb, 2006 03:57 GMT chibaguy Copied improved. 4
View
Mon 20 of Feb, 2006 02:08 GMT chibaguy Small edits. 3
View
Mon 20 of Feb, 2006 02:01 GMT chibaguy Content transferred. 2
View
Fri 17 of Feb, 2006 02:41 GMT system created from structure 1
View

Switch Theme

Layout

Subscribe to Tiki Newsletters!

Delivered fresh to your email inbox!
Newsletter subscribe icon
Don't miss major announcements and other big news!
Contribute to Tiki

Site Config