File:  [mozdev] / cdn / www / pxHlp_ext / themes.html
Revision 1.4: download - view: text, annotated - select for diffs - revision graph
Mon Feb 17 08:11:12 2003 UTC (16 years, 9 months ago) by cdn
Branches: MAIN
CVS tags: HEAD
sleep ...

    1: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    2: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
    3: 
    4: <title>Phoenix Help: Themes</title>
    5: <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    6: <meta http-equiv="content-script-type" content="text/javascript" />
    7: <meta http-equiv="content-style-type" content="text/css" />
    8: <meta content="Unofficial Phoenix FAQ" name="description" />
    9: <meta content="Phoenix, Mozilla, browser, help, support, faq, tips, tricks" name="keywords" />
   10: <meta content="David Tenser, Stefan Huszics" name="author" />
   11: <link rel="stylesheet" type="text/css" media="screen,projection" href="style.css" /> 
   12: <link rel="stylesheet" type="text/css" media="screen,projection" href="themes.css" /> 
   13: <link rel="alternate stylesheet" title="Locked Menu" media="screen,projection" href="lockedmenu.css" type="text/css" />
   14: <script src="styleswitcher.js" type="text/javascript"></script>
   15: 
   16: <script type="text/javascript">
   17: <!--// Functions needed for an XPI install
   18: // Simplified version of Chris Cooks' install script
   19: 
   20: function doneFn(name,result) {}
   21: 
   22: function isValidUa() {
   23:   // Returns true if script is run in the Phoenix browser
   24:   
   25:   var ua=navigator.userAgent.toLowerCase();
   26:   if(ua.indexOf('gecko')!=-1 && ua.indexOf('phoenix')!=-1) {
   27:       return true;
   28:   }
   29:   return false;
   30: }
   31: 
   32: function doXPIInstall(file,name) {
   33:   if(!isValidUa()) {
   34:   	alert('This theme is not supported by your browser.');
   35:   	return false;
   36:   }
   37:   var xpi = new Object();
   38:   xpi[name] = file;
   39:   InstallTrigger.install(xpi,doneFn);
   40: }
   41: 
   42: 
   43: // Functions needed for JAR install
   44: // Author: Alan Starr 20021210
   45: function installTheme(where) {
   46:   var file = '';
   47:   if (where == 'local') {
   48:     file = 'file:///' + escape(document.getElementById('filename').value.replace(/\\/g,'/'));
   49:   } else {
   50:     file = document.getElementById('url').value;
   51:   }
   52:     InstallTrigger.installChrome(InstallTrigger.SKIN, file, getName(file));
   53: }
   54: 
   55: // Finds the name of the theme from the filename
   56: function getName(raw) {
   57:   var grabFileStart = raw.lastIndexOf('/');
   58:   var grabFileEnd = raw.lastIndexOf('.');
   59:   if (grabFileStart >= grabFileEnd) {
   60:     return 'Invalid file name';
   61:   } else {
   62:     return raw.substring(grabFileStart + 1,grabFileEnd);
   63:   }
   64: }
   65: 
   66: function installThemeNow(file) {
   67: // used in the hrefs 
   68:   var extStart = file.lastIndexOf('.');
   69:   var fileType = file.substring(extStart, file.length).toLowerCase();
   70:   if (fileType == 'xpi') {
   71:     doXPIInstall(file, getName(file));
   72:   } else {
   73:     InstallTrigger.installChrome(InstallTrigger.SKIN, file, getName(file));
   74:   }
   75:   return true;
   76: }
   77: 
   78: //-->
   79: </script>
   80: 
   81: <?php
   82: /*
   83: <script type="text/javascript" src="themeSetup.js"></script>
   84: <script type="text/javascript" src="loadThemes.js"></script>
   85: */
   86: 
   87: require('themeSetup.html');
   88: require('themes.data.html');
   89: 
   90: ?>
   91: 
   92: <link rel="icon" href="favicon.png" type="image/png" /></head>
   93: 
   94: <body class="linkthemes">
   95: 
   96: <div class="top">
   97: <div class="box"><h1>Phoenix Help</h1><div>Creating A Brand New Tomorrow, Today!</div></div>
   98: <div class="spacer1"></div>
   99: </div>
  100: 
  101: 
  102: <div class="main">
  103: <!-- The actual page contents starts here -->
  104: <h2 class="headline">Themes</h2>
  105: <p>With themes, you can change the look and feel in Phoenix. A theme
  106: can simply change the colors of Phoenix or it can change every piece of
  107: the browser appearance. You can have several themes installed and
  108: change appearance  with just a few clicks.</p>
  109: 
  110: 
  111: <h3><a name="contents"></a>Contents</h3>
  112: <div class="thumb">
  113: <ul>
  114: 	<li><a href="#intro">How to switch theme in Phoenix</a></li>	
  115: 	<li class="newsection"><a href="#install">Install other themes</a></li>	
  116: 	<li class="newsection"><a href="#themes">Available Themes</a>
  117: 	<ul><li>
  118: 	<div class="themebox">
  119: 	<p>There are currently <?php
  120: // <script type="text/javascript">getThemeCount();</script> 
  121: ?>themes available. <span class="updated">Highlighted themes</span> have been recently updated.</p>
  122: 
  123: <?php //<script type="text/javascript">makeThemeGrid();</script>
  124: 
  125: makeThemeGrid($themeArray);
  126: 
  127: ?>
  128: <noscript><p>To view and download themes, you must enable JavaScript.</p></noscript>
  129: 	</div>
  130:       <div style="clear: both;"></div></li></ul></li>
  131: </ul>
  132: </div>
  133: <hr />
  134: <h3><a name="intro"></a>How to switch theme in Phoenix</h3>
  135: <p>To install a theme listed on this page, click the Install link for
  136: the appropriate theme. If you have a link to a theme file (usually a
  137: .jar file), or if you have downloaded a theme to your hard disks, you
  138: can install them manually by using the <a href="#install">theme installer form</a> below.</p>
  139: <p>After installing a theme, you need to select it as the active theme. To do so, select <q>Tools &gt; Preferences... &gt; Themes and Extensions</q> and then select the theme you just installed and press OK. To switch back to the previous theme, just repeat the procedure.</p>
  140: <hr />
  141: <h3><a name="install"></a>Install other themes</h3>
  142: <p>If you've found another theme that you want to install (saved in the
  143: .jar format), or if you have a theme stored on your hard drive, you can
  144: install it manually by entering the local filename or URL and click
  145: Install below.</p>
  146: 
  147:   <form action="">
  148:    <fieldset class="right">
  149:     <legend>Remote URL</legend>
  150:     <input type="text" id="url" value="" />&nbsp;
  151:     <input type="button" value="Install" onclick="installTheme('remote');" />
  152:    </fieldset>
  153:       <fieldset class="left">
  154:     <legend>Local File</legend>
  155:     <input type="file" id="filename" />&nbsp;
  156:     <input type="button" value="Install" onclick="installTheme('local');" />
  157:    </fieldset>
  158:   </form>
  159: 
  160: 
  161: <hr />
  162: 
  163: <h3><a name="themes"></a>Available Themes</h3>
  164: <p>This is an alphabetical list of most known themes for Phoenix. Some of them may be under heavy development
  165: and may not work! Use them at your own risk.</p>
  166: 
  167: <?php //<script type="text/javascript">listThemes();</script>
  168: 
  169: echo listThemes($themeArray);
  170: 
  171: ?>
  172: <noscript><p>To view and download themes, you must enable JavaScript.</p></noscript>
  173: 
  174: <!-- Make sure the end of the page looks pretty -->
  175: <p>&nbsp;</p>
  176: 
  177: </div>
  178: <address class="copy"> 2002-2003 <a href="http://texturizer.net/phoenix/contact.html">David Tenser</a>.</address>
  179: 
  180: <!-- START OF MENU -->
  181: <div class="menu">
  182: <div class="nav">
  183: <div class="spacer2"><span class="lockmenu"><a onclick="setActiveStyleSheet('Locked Menu'); return false;" href="#">Lock Menu</a></span><span class="unlockmenu"><a onclick="setActiveStyleSheet('Default'); return false;" href="#">Unlock Menu</a></span></div>
  184: 
  185: <div>Main Menu</div>
  186: <dl>
  187: 	<dt><a href="index.html" id="linkindex">Home</a></dt>
  188: 		<dd><a href="download.html"  id="linkdownload">Download</a></dd>
  189: </dl>
  190: <dl>
  191: 	<dt><a href="documentation.html" id="linkdocumentation">Documentation</a></dt>
  192: 		<dd><a href="keyboard.html" id="linkkeyboard" >Keyboard Shortcuts</a></dd>
  193: 		<dd><a href="mouse.html" id="linkmouse" >Mouse Shortcuts</a></dd>
  194: 		<dd><a href="tips.html" id="linktips" >Tips &amp; Tricks</a></dd>
  195: 		<dd><a href="menu.html" id="linkmenu" >Menu Reference</a></dd>
  196: </dl>
  197: <dl>
  198: 	<dt><a href="support.html" id="linksupport">Support</a></dt>
  199: 		<dd><a href="faq.html" id="linkfaq" >Phoenix FAQ</a></dd>
  200: 		<dd><a href="edit.html" id="linkedit">Editing Config. Files</a></dd>
  201: 		<dd><a href="bugs.html" id="linkbugs">Reporting Bugs</a></dd>
  202: </dl>
  203: <dl>
  204: 	<dt><a href="extensions.html" id="linkextensions">Extensions</a></dt>
  205: </dl>
  206: <dl>
  207: 	<dt><a href="themes.html" id="linkthemes">Themes</a></dt>
  208: 		<!--<dd><a href="themes-am.html" id="linkthemesam" >Themes A to M</a></dd>
  209: 		<dd><a href="themes-nz.html" id="linkthemesnz">Themes N to Z</a></dd>-->
  210: </dl>
  211: 
  212: <div>Links</div>
  213: <dl class="links">
  214: 	<dd><a href="http://www.mozilla.org/projects/phoenix/">Phoenix Project Page</a></dd>
  215: 	<dd><a href="http://www.mozillazine.org/forums/index.php?c=4">Phoenix Forums</a></dd>
  216: 	<dd><a href="http://www.mozilla.org/">Mozilla.org</a></dd>
  217: </dl>
  218: 
  219: <div>Site Info</div>
  220: <dl class="links">
  221: 	<dd><a href="about.html" id="linkabout">About Phoenix Help</a></dd>
  222: 	<dd><a href="news.html" id="linknews">News</a></dd>
  223: 	<dd><a href="contact.html" id="linkcontact">Contact</a></dd>
  224: </dl>	
  225: </div>
  226: </div>
  227: <!-- END OF MENU -->
  228: 
  229: </body></html>

FreeBSD-CVSweb <freebsd-cvsweb@FreeBSD.org>