History: Three Ways to Make a New Theme

• «
• »

            ''(from http://doc.tikiwiki.org/tiki-index.php?page=Styles and Themes)''
{maketoc}
!How To Create a Custom Theme

Tiki themes control both the layout or structure of a site ''and'' its overall look.  You can alter the position of elements on your Web pages (adding/subtracting components) ''and'' you can modify stylistic elements like color and font.  Thus, by creating or modifying a theme, you can define:

* The application layout (basic structure)
* The presentation of elements in the layout (style)

!!Layout 

^Within Tiki, the terms ''style'' and ''theme'' are used pretty interchangeably.^
First, you'll need to create the basic layout of your new theme.

# Pick a name for the theme.  Check the ''templates/styles'' directory to make sure there's not a pre-existing theme with the same name.  
**For this example, we're going to create a theme called ''screensite''.
# Using your new theme name, create a sub-directory in the ''templates/styles'' directory.
** For example, create ''templates/styles/screensite''.
# Copy the files in a pre-existing theme's directory to your theme directory. 
** For example, copy the files from ''templates/styles/moreneat'' to ''templates/styles/screensite''.
#Using the theme name you chose in the first step, create a .css file in the ''styles'' directory and copy the contents of the pre-existing theme's .css file into it.

At this point, your new theme has been created!  If you go to __User Preferences__ and check the drop-down menu for __Theme__, you'll find your theme listed (e.g., ''screensite'').  But, without changing the TPL files, your new theme will look just the same as the pre-existing theme you based it on.

See next: [http://themes.tikiwiki.org/tiki-index.php?page_ref_id=5|Template Overview]
[http://themes.tikiwiki.org/tiki-index.php?page_ref_id=7|CSS Overview]


! Allow User to Set Theme
Under __Admin > Login__ you can activate __"Reg users can change theme"__.

Once activated users can change their theme in their Preferences page under __My Tiki__ menu.  

Under [http://doc.tikiwiki.org/tiki-index.php?page=Modules|Modules] you can also activate the __switch_theme__ module which makes  it super easy for users to change themes.

!Using multiple Themes / Styles on your Tiki site
[http://tikiwiki.org/tiki-index.php?page=ThemeControlDoc |ThemeControlDoc] on Tikiwiki.org is all about how to assign Themes to

*A tiki category 
*A tiki section 
*A tiki individual object (i.e. an individual Wiki page, Blog, Gallery, etc.)

If you enable the theme control center you will see a link to Theme Control in the Admin section of the application menu.