| 1 | <?xml version="1.0" encoding="UTF-8"?> |
|---|
| 2 | <html> |
|---|
| 3 | <head> |
|---|
| 4 | <title>Blowup theme configuration</title> |
|---|
| 5 | </head> |
|---|
| 6 | |
|---|
| 7 | <body> |
|---|
| 8 | <p>Modifying Blowup theme configuration enables you to customize your theme very easily. To do so, simply fill in the configuration fields or choose a predefined style.</p> |
|---|
| 9 | |
|---|
| 10 | <h4>Predefined styles</h4> |
|---|
| 11 | |
|---|
| 12 | <p>You can choose a predefined style in the <strong>Predefined styles</strong> drop-down list. |
|---|
| 13 | Once you have chosen the style, you have to submit the form to apply the modifications.</p> |
|---|
| 14 | |
|---|
| 15 | <p>You may then modify the predefined style according to your taste and needs.</p> |
|---|
| 16 | |
|---|
| 17 | <h4>Colors</h4> |
|---|
| 18 | |
|---|
| 19 | <p>When you have to enter a color value, you should use the hexadecimal format. For example: <code>#FF0000</code> will give you red. You may also use the color picker located next to every color field.</p> |
|---|
| 20 | <p>If you lack inspiration, try and visit the following pages:</p> |
|---|
| 21 | <ul> |
|---|
| 22 | <li><a href="http://en.wikipedia.org/wiki/List_of_colors">Color code list</a> (Wikipedia)</li> |
|---|
| 23 | <li><a href="http://kuler.adobe.com/">Adobe Kuler</a></li> |
|---|
| 24 | <li><a href="http://colorblender.com/">ColorBlender</a></li> |
|---|
| 25 | <li><a href="http://www.colorcombos.com/">ColorCombos</a></li> |
|---|
| 26 | </ul> |
|---|
| 27 | |
|---|
| 28 | <h4>Measurement units</h4> |
|---|
| 29 | |
|---|
| 30 | <p>When you have to indicate a size, it must be followed by a measurement unit. For example: <code>1em</code>. If you do not include the unit, pixels will be used as default measurement unit.</p> |
|---|
| 31 | <p>The following measurement units are available:</p> |
|---|
| 32 | <ul> |
|---|
| 33 | <li>px</li> |
|---|
| 34 | <li>em</li> |
|---|
| 35 | <li>ex</li> |
|---|
| 36 | <li>pt</li> |
|---|
| 37 | <li>%</li> |
|---|
| 38 | </ul> |
|---|
| 39 | |
|---|
| 40 | <h4>Header images</h4> |
|---|
| 41 | |
|---|
| 42 | <p>You can choose a header image among the list to replace the default one.</p> |
|---|
| 43 | |
|---|
| 44 | <p>By choosing <strong>Custom...</strong> in the image list, you will be able to upload your own image. <strong>The image file must be in JPG or PNG format and must be precisely 800px wide.</strong> |
|---|
| 45 | |
|---|
| 46 | <p>If you upload a JPG image, a border will be added to the image, which is not the case with PNG images (the transparency of which will also be kept).</p> |
|---|
| 47 | |
|---|
| 48 | <h4>Configuration import and export</h4> |
|---|
| 49 | |
|---|
| 50 | <p>At the bottom of the page, you can display an area called <strong>Configuration import/export</strong>. This text area contains the configuration you are currently using. You can copy it to share it with others.</p> |
|---|
| 51 | |
|---|
| 52 | <p>To apply (import) a configuration, you simply need to replace the content of the text area with the configuration you want to use. Don't forget to click on <strong>Apply code</strong>.</p> |
|---|
| 53 | |
|---|
| 54 | </body> |
|---|
| 55 | </html> |
|---|
