Loading...
 
Skip to main content

History: CSS Overview

Preview of version: 2

(from http://doc.tikiwiki.org/tiki-index.php?page=Styles and Themes - to be updated)

Presentation

The presentation of elements, the visual style of your theme, is created using CSS (Cascading Style Sheets). So, the next step in building a custom theme is to make a CSS file for it.

W3C provides tutorials and other tools for learning CSS principles: www.w3.org/Style/CSS
  1. Pick an existing CSS file from the styles directory. Please note that the CSS files are not in the templates directory tree. In a default Tiki installation, there are two directories named styles under the Tiki root:
    • styles (for CSS files)
    • templates/styles (for the custom-theme sub-directories, into which you put TPL files--as we just did above)
  2. Copy the CSS file, rename it to match your new theme name, and keep it in the styles directory with all the other CSS files. For example, we would call ours screensite.css.
  3. Edit it to produce a style for your theme--selecting things like fonts, background colors and the behavior of hypertext links.
  4. If you wish to add images to your CSS style, it's best to create a subdirectory for them beneath the styles directory--giving it your theme's name.
    • For example, styles/screensite


We recommend the use of jalist.css as a basic theme that you can use to start your new theme. If you want to make a very detailed theme use subsilver.css as the model.

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 06:58 GMT-0000 Gary Cunningham-Lee Some updating. 9
View
Sat 23 of May, 2009 05:33 GMT-0000 Gary Cunningham-Lee Updated for Tiki 3.0. 8
View
Tue 27 of Jan, 2009 12:28 GMT-0000 Gary Cunningham-Lee Some updating. 7
View
Wed 08 of Mar, 2006 04:37 GMT-0000 System Administrator 6
View
Thu 23 of Feb, 2006 05:10 GMT-0000 Gary Cunningham-Lee tw.o origin deleted. 5
View
Thu 23 of Feb, 2006 05:09 GMT-0000 Gary Cunningham-Lee Link changes and copy edits. 4
View
Mon 20 of Feb, 2006 02:05 GMT-0000 Gary Cunningham-Lee Content added. 3
View
Fri 17 of Feb, 2006 07:01 GMT-0000 System Administrator Content added from doc.tw.o. 2
View
Fri 17 of Feb, 2006 02:41 GMT-0000 system created from structure 1
View