Creating a theme

If you need to modify the look and feel or add custom buttons/controls simply copy the pages/im directory to a custom name like pages/mytheme and modify the general.theme option so that it contains the mytheme name. Then just modify it as you wish, but you will have to synchronize changes to files your self when we do new releases.

User Image
  • 2011-07-29 17:45:45

swissbob

In order to change the way the pop up windows look, you will also need to change the inlinpopups plugin. Firstly open plugins\inlinepopups\template.html

Find <link rel="stylesheet" type="text/css" href="skins/clearlooks2 /window.css" />

Replace 'clearlooks2' with the 'mytheme;

Now duplicate the clearlooks2 skin in the folder: plugins\inlinepopups\skins\ and call it 'mytheme'.

You can then modify this theme using the plugins\inlinepopups\skins\mytheme\window.css file

You can also change the image files used to create the window effect by altering the images in plugins\inlinepopups\skins\mytheme\img\

User Image
  • 2011-07-29 17:38:11

swissbob

You also have to change multiple entries at the top and bottom of each of the HTML pages in the /pages/mytheme folder, including createdir.html, edit.html, index.php, upload.html and view.html

They all contain stylesheet and js links like this:

<link rel="stylesheet" type="text/css" href="../../css/index.php?type=im&theme=im&package=core_css" />
and
<script type="text/javascript" src="../../js/index.php?type=im&theme=im&package=core"></script>

In each case you need to change 'theme=im' to 'theme=mytheme'