0byt3m1n1
Path:
/
data
/
applications
/
aps.bak
/
coppermine
/
1.4.16-5
/
standard
/
htdocs
/
docs
/
theme
/
[
Home
]
File: edit_template.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Edit template.html</title> <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" /> <meta name="language" content="en" /> <meta name="author" content="Coppermine dev team" /> <meta name="copyright" content="Coppermine dev team" /> <meta name="description" content="Coppermine Photo Gallery project - Theme Upgrade Documentation" /> <!-- CVS version info: $Id: edit_template.html 4090 2007-11-29 12:56:01Z gaugau $ --> <link rel="stylesheet" type="text/css" href="style.css" /> <link rel="start" href="index.html" title="Theme Upgrade Home" /> <link rel="end" href="validation.html" title="Validation" /> <link rel="prev" href="edit_style.html" title="style.css" /> <link rel="next" href="edit_theme.html" title="theme.php" /> </head> <body> <div class="globalNav"> <a href="index.html">Theme Upgrade Home</a><a href="edit_style.html">style.css</a><font class="globalNavSelect">» template.html</font><a href="edit_theme.html">theme.php</a><a href="validation.html">Validation</a> </div> <a href="edit_style.html">Previous</a> | <a href="edit_theme.html">Next</a> <!-- end nav links --> <h2>Edit template.html</h2> <ol> <li> Change the <a href="http://www.w3.org/QA/Tips/Doctype">DOCTYPE</a>; Coppermine 1.4.x is XHTML 1.0 Transitional. <h6>Find:</h6> <pre><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> </pre> <h6>Replace with:</h6> <span>(or insert as the first line of template.html if it is missing)</span> <pre><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> </pre> </li> <li> Coppermine 1.4.1 (or better) officially split the main menu into two menus: SYS_MENU and SUB_MENU. <h6>If your theme uses a single menu, find:</h6> <pre>{MAIN_MENU} </pre> <h6>Replace with:</h6><span>Note: the "<br />" is for classic your theme may require a different separator.</span> <pre>{SYS_MENU}<br />{SUB_MENU} </pre> <h6>If your theme uses two menus, Find:</h6> <pre>{MAIN_MENU1} </pre> <h6>Replace with:</h6> <pre>{SYS_MENU} </pre> <h6>Then find:</h6> <pre>{MAIN_MENU2} </pre> <h6>Replace with:</h6> <pre>{SUB_MENU} </pre> </li> <li> Choose a place where the vanity graphics should be located on your Coppermine pages. Vanity graphics display the "Powered by MySQL and PHP, as well as the XHTML and CSS Validation banners and link to their respective parties. <p>It is recommended to do this even if you're not planning to actually use them as they can be enabled or disabled according to whether the theme is defined as XHTML 1.0 Transitional Valid.</p> <h6>Below are the vanity icons used in the classic theme:</h6> <div class="vanity"> <img src="../pics/powered-php.gif" alt="Powered by PHP" height="20" width="57" /> <img src="../pics/powered-mysql.gif" alt="Powered by MySQL" height="20" width="57" /> <img src="../pics/valid-css.gif" alt="Valid CSS" height="20" width="57" /> <img src="../pics/valid-xhtml10.gif" alt="Valid XHTML 1.0" height="20" width="57" /> </div> <p>Find a place anywhere between <body> and </body> where you want the vanity icons to appear. Usually this should go at the bottom of the page right before the </body> tag.</p> <h6>Insert the vanity graphics:</h6> <pre>{VANITY} </pre> </li> <li> Choose a place where the custom header and custom footer should be located on your Coppermine pages. It is recommended to do this even if you're not planning to actually use them as they can be enabled or disabled at any time in the Coppermine configuration: <ul> <li>{CUSTOM_HEADER}: Custom PHP header, like anycontent.php but shown on every page.</li> <li>{CUSTOM_FOOTER}: Custom PHP footer, like anycontent.php but shown on every page.</li> </ul> <p>It's recommended to place the custom header immediately following the <body> tag and the custom footer immediately before the "{VANITY}" token or immediately before the </body> tag.</p> <h6>Insert the custom header:</h6> <pre>{CUSTOM_HEADER} </pre> <h6>Insert the custom footer:</h6> <pre>{CUSTOM_FOOTER} </pre> </li> <li> Prepare the template.html for validation by itself. <h6>Find:</h6> <pre><html dir="{LANG_DIR}"> </pre> <h6>Replace with:</h6> <pre><!-- <html dir="{LANG_DIR}"> --> <html> </pre> <h6>Find:</h6> <pre><meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" /> </pre> <h6>Replace with:</h6> <pre><!-- <meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" /> --> </pre> <h6>Find:</h6> <pre>{META} </pre> <h6>Replace with:</h6> <pre><!-- {META} --> </pre> </li> <li> Validate the template.html: <a href="http://validator.w3.org/">http://validator.w3.org</a> <h6>Common Errors:</h6> <ul> <li>Missing <head> or </head> elements; Insert them in the proper place.</li> <li>Tables nested inside of <span></span> elements; switch to <div></div> instead.</li> <li>Table cells using the depreciated background property "<td background="; use inline styles: "<td style="background-image:url(...);">"</li> <li>Duplicate "id=" fields; The "id" field is supposed to be unique because it is used as a javascript selector as well as a CSS selector; Eliminate the duplicate values</li> </ul> <h6>Make other changes as necessary.</h6> </li> <li> Prepare template.html to be used as a Coppermine template after validation. <h6>Find:</h6> <pre><!-- <html dir="{LANG_DIR}"> --> <html> </pre> <h6>Replace with:</h6> <pre><html dir="{LANG_DIR}"> </pre> <h6>Find:</h6> <pre><!-- <meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" /> --> </pre> <h6>Replace with:</h6> <pre> <meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" /> </pre> <h6>Find:</h6> <pre><!-- {META} --> </pre> <h6>Replace with</h6> <pre>{META} </pre> </li> </ol> <div id="footer"> <a href="edit_style.html">Previous</a> | <a href="edit_theme.html">Next</a> <div class="globalNav"> <a href="index.html">Theme Upgrade Home</a><a href="edit_style.html">style.css</a><font class="globalNavSelect">» template.html</font><a href="edit_theme.html">theme.php</a><a href="validation.html">Validation</a> </div> <!-- end nav links --> </div> </body> </html>