1 | <fieldset> |
---|
2 | <legend>{'Help'|@translate}</legend> |
---|
3 | <ul> |
---|
4 | <li><h3>{'Prerequisites'|@translate}</h3> |
---|
5 | <p><b>{'REQUIREMENTS NEED TO BE MET FOR THE THEME TO FUNCTION PROPERLY.'|@translate}</b><br> |
---|
6 | {'Please refer to information on the left.'|@translate} |
---|
7 | </p></li> |
---|
8 | |
---|
9 | <li><h3>{'Suggestions'|@translate}</h3> |
---|
10 | <p>{'Optional plugins found to be usefull in everyday usage.'|@translate}</p> |
---|
11 | </li> |
---|
12 | |
---|
13 | <li><h3>{'General Settings'|@translate}</h3> |
---|
14 | <p>{'<b>Logo Image</b> - optional - path to image used as gallery logo. Recommended logo height is 80px. If you need bigger space for your logo, CSS |
---|
15 | adjustments would have to be made'|@translate}<br> |
---|
16 | {'<b>Header Text</b> - optional - Text to be added in header area next to Logo'|@translate}<br> |
---|
17 | {'Supported macros'|@translate}: |
---|
18 | <ul><li>%gallery_title% - {'Gallery title'|@translate}</li> |
---|
19 | </ul> |
---|
20 | <p>{'If neither Logo Image or Header Text are set, header region would collapse'|@translate}<br> |
---|
21 | {'<b>Footer Text</b> allows adding content in the footer below menu links and Site\'s credits.'|@translate}</p> |
---|
22 | <p>{'<b>Color Pack</b> - select color pack to be used with the theme. It allows changing colors, styles, theme for the pages. By default theme includes |
---|
23 | 4 color packs: blackhawk, greydragon, slateblue, and whitehawk, but you could extend the list by creating copy of one of the existing colorpack |
---|
24 | folders and adjusting managed styles.'|@translate}</p> |
---|
25 | </li> |
---|
26 | |
---|
27 | <li><h3>{'Advanced Options - Custom CSS'|@translate}</h3> |
---|
28 | <p>{'This option allows fine tune Theme\'s styles to better suit your personal taste.'|@translate}</p> |
---|
29 | <p>{'Few examples:'|@translate}</p> |
---|
30 | <ul> |
---|
31 | <li>{'Remove fixed width:<br> body { width: auto; }'|@translate}</li> |
---|
32 | <li>{'Remove fixed width but keep min-width:<br> body { width: auto; min-width: 1270px; }'|@translate}</li> |
---|
33 | <li>{'Add Thumb shadow for gdThumb: Set margin between thumbs to 10-14px. Modify shadow color to match your theme<br> .gdthumb { box-shadow: 6px 6px 3px #888888; }'|@translate}</li> |
---|
34 | <li>{'Remove Root link in page\'s breadcrumbs: set $conf[\'level_separator\'] = \'\'; and apply CSS<br> .browsePath a:first-child { display: none; }<br> .browsePath a:after { content: " :: "; }'|@translate}</li> |
---|
35 | <li>{'Change height of the footer to accomodate larger <b>Footer Text</b> content<br> #g-footer { min-height: 5em !important; }'|@translate}</li> |
---|
36 | <li>{'Center <b>Footer Text</b> content<br> .g-footer-bottomleft { text-align: center; }'|@translate}</li> |
---|
37 | </ul></li> |
---|
38 | |
---|
39 | <li><h3>{'Favicon Tips'|@translate}</h3> |
---|
40 | <p>{'For URLs please use absolute or relative path including filename'|@translate}</p> |
---|
41 | <p>{'Additional Information'|@translate}</p> |
---|
42 | <table> |
---|
43 | <tr><th>{'Favicon Wiki'|@translate}</th><td>{'<a href="http://en.wikipedia.org/wiki/Favicon" target="_blank">Wikipedia</a> - read more about Favicon types and sizes'|@translate}</td></tr> |
---|
44 | <tr><th>{'Favicon Generator'|@translate}</th><td>{'<a href="http://www.html-kit.com/favicon/" target="_blank">HTML Kit</a> - Favicon generator'|@translate}</td></tr> |
---|
45 | <tr><th>{'Favicon CC editor'|@translate}</th><td>{'<a href="http://www.favicon.cc/" target="_blank">Favicon CC</a> - Simple Favicon editor'|@translate}</td></tr> |
---|
46 | <tr><th>{'Favicon validator'|@translate}</th><td>{'<a href="http://www.html-kit.com/favicon/validator" target="_blank">HTML Kit</a> - Validate Favicon for browser compatiblity'|@translate}</td></tr> |
---|
47 | <tr><th>{'Apple Touch Icon HowTo'|@translate}</th><td>{'<a href="http://developer.apple.com/library/safari/#documentation/appleapplications/reference/safariwebcontent/ConfiguringWebApplications/ConfiguringWebApplications.html" target="_blank">Apple</a> - How-to on how to create a PNG to use as an Apple Touch Icon'|@translate}</td></tr> |
---|
48 | </table> |
---|
49 | </li> |
---|
50 | </ul> |
---|
51 | </fieldset> |
---|