title: Flexy Guide 1

Main content: 

<p>Flexy is a template and to my mind that means the emphasis should be on the functionality rather than the aesthetics. Hopefully  this template works well and is easy to navigate. But you want it to look great too so I have made it easy to change the graphics and colours. Hence, I hope this template will appeal to people who want a solid template they can adapt, add extras to and beautify without hassle.</p>
<h2>Hot-Swappable Graphics</h2>
<p>(The screenshot is better with Cool II or Warm II)<span class="pullout"><a href="<txp:site_url />about/flexy-guide-2">Next &#160;&#187;</a></span></p>
<img src="<txp:site_url />images/1css.png" width="432px" height="456px" alt="cool css screenshot" title="cool css screenshot" style="width: 27em;height: 28.5em;" />
<p>
There is one main stylesheet called 'flexy' that controls the layout, structure etc. Don't change that unless you have to. There are two graphics and colour stylesheets called 'c' (cool) and 'w' (warm) and these contain some instructions on altering them. If you save the 'c' style as 'hot', you can then work on it without fear. Basically there are about 10 rules at the beginning (see screenshot) which will change the whole look.  Then you just tweak the rest as needed.</p>
<p><a href="<txp:site_url />about/flexy-guide-2">Next &#160;&#187;</a></p>


Excerpt: <p>Intro to Flexy functionality and how easy it is to change the graphics and colours to your liking</p>

Cat1: docs
Cat2: nav
Section: about

PUBLISH