If you understood the description about themes in the previous sections, you are now ready to create your own. Don't be afraid to experiment, and if you reach noticeable results feel free to contact the Obliquid team.
Copy one of the existing themes in common/theme directory, inside local/theme directory. To avoid yourself problems, choose a directory name composed only by lowercase a-z letters and the underscore. For example I create a directory named floating inside local/theme, then I choose a theme to start from, for example obliquid because it's simple and so I copy content from common/theme/obliquid to local/theme/floating.
The first file to edit is frame.tpl, as explained before it's the outer layout of a page. The first thing to change here is the stylesheet. Instead of pointing to common/theme/obliquid/style.css, make it point to local/theme/floating/style.css.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>{{$page_title}}</title>
<link rel="stylesheet" type="text/css" href="common/theme/obliquid/style.css">
<script language="JavaScript">
<!--
function popupErr(err_msg) {
From here make your changes to any file in this directory. Pay attention to path pointing to your starting theme, make sure to fix them all.
The best thing is to test your changes early, so you have to activate your custom theme. To do so click on Configure site and then on Manage theme. There you can add a new theme by specifying the theme name, the relative path, the order in which it has to appear in the list, and if it has to be enabled or not.