File:  [mozdev] / langwidge / www / schematics.html
Revision 1.2: download - view: text, annotated - select for diffs - revision graph
Sat Jan 29 16:08:00 2005 UTC (15 years, 2 months ago) by purushotma
Branches: MAIN
CVS tags: HEAD
no message

    1: <style type="text/css">
    2: <!--
    3: .style1 {
    4: 	color: #000066;
    5: 	font-size: small;
    6: }
    7: .style2 {font-family: Verdana, Arial, Helvetica, sans-serif}
    8: .style3 {
    9: 	color: #000066;
   10: 	font-family: Verdana, Arial, Helvetica, sans-serif;
   11: 	font-size: small;
   12: }
   13: .style4 {font-size: small}
   14: .style5 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; }
   15: -->
   16: </style>
   17: <h3 class="style1 style2">Accessing/Structuring Files</h3>
   18: <p class="style5">If you download the file and change the extension from .xpi to .zip, you should be able to extract all the source files into something like this:</p>
   19: <table border="0">
   20:   <tr>
   21:     <td>/chrome</td>
   22:     <td>&nbsp;</td>
   23:     <td>&nbsp;</td>
   24:     <td>&nbsp;</td>
   25:     <td>&nbsp;</td>
   26:   </tr>
   27:   <tr>
   28:     <td>&nbsp;</td>
   29:     <td>/content</td>
   30:     <td>&nbsp;</td>
   31:     <td>&nbsp;</td>
   32:     <td>&nbsp;</td>
   33:   </tr>
   34:   <tr>
   35:     <td>&nbsp;</td>
   36:     <td>&nbsp;</td>
   37:     <td>/langwidgeThrobber</td>
   38:     <td>&nbsp;</td>
   39:     <td>&nbsp;</td>
   40:   </tr>
   41:   <tr>
   42:     <td>&nbsp;</td>
   43:     <td>&nbsp;</td>
   44:     <td>&nbsp;</td>
   45:     <td>about.xul</td>
   46:     <td>&nbsp;</td>
   47:   </tr>
   48:   <tr>
   49:     <td>&nbsp;</td>
   50:     <td>&nbsp;</td>
   51:     <td>&nbsp;</td>
   52:     <td>contents.rdf</td>
   53:     <td>&nbsp;</td>
   54:   </tr>
   55:   <tr>
   56:     <td>&nbsp;</td>
   57:     <td>&nbsp;</td>
   58:     <td>&nbsp;</td>
   59:     <td>helloworldOverlay.js</td>
   60:     <td>&nbsp;</td>
   61:   </tr>
   62:   <tr>
   63:     <td>&nbsp;</td>
   64:     <td>&nbsp;</td>
   65:     <td>&nbsp;</td>
   66:     <td>helloworldOverlay.xul</td>
   67:     <td>&nbsp;</td>
   68:   </tr>
   69:   <tr>
   70:     <td>&nbsp;</td>
   71:     <td>/skin</td>
   72:     <td>&nbsp;</td>
   73:     <td>&nbsp;</td>
   74:     <td>&nbsp;</td>
   75:   </tr>
   76:   <tr>
   77:     <td>&nbsp;</td>
   78:     <td>&nbsp;</td>
   79:     <td>/classic</td>
   80:     <td>&nbsp;</td>
   81:     <td>&nbsp;</td>
   82:   </tr>
   83:   <tr>
   84:     <td>&nbsp;</td>
   85:     <td>&nbsp;</td>
   86:     <td>&nbsp;</td>
   87:     <td>/langwidgeThrobber</td>
   88:     <td>&nbsp;</td>
   89:   </tr>
   90:   <tr>
   91:     <td>&nbsp;</td>
   92:     <td>&nbsp;</td>
   93:     <td>&nbsp;</td>
   94:     <td>&nbsp;</td>
   95:     <td>contents.rdf</td>
   96:   </tr>
   97:   <tr>
   98:     <td>&nbsp;</td>
   99:     <td>&nbsp;</td>
  100:     <td>&nbsp;</td>
  101:     <td>&nbsp;</td>
  102:     <td>langwidgeThrobber.png</td>
  103:   </tr>
  104:   <tr>
  105:     <td>&nbsp;</td>
  106:     <td>&nbsp;</td>
  107:     <td>&nbsp;</td>
  108:     <td>&nbsp;</td>
  109:     <td>langwidgeThrobberB.png</td>
  110:   </tr>
  111:   <tr>
  112:     <td>&nbsp;</td>
  113:     <td>langwidgeThrobber.jar</td>
  114:     <td>&nbsp;</td>
  115:     <td>&nbsp;</td>
  116:     <td>&nbsp;</td>
  117:   </tr>
  118:   <tr>
  119:     <td>install.js</td>
  120:     <td>&nbsp;</td>
  121:     <td>&nbsp;</td>
  122:     <td>&nbsp;</td>
  123:     <td>&nbsp;</td>
  124:   </tr>
  125:   <tr>
  126:     <td>install.rdf</td>
  127:     <td>&nbsp;</td>
  128:     <td>&nbsp;</td>
  129:     <td>&nbsp;</td>
  130:     <td>&nbsp;</td>
  131:   </tr>
  132: </table>
  133: <p class="style2 style4">to make any changes, delete langwidgeThrobber.jar, recreate it by making langwidgeThrobber.zip with the content and skin directories, rename it langwidgeThrobber.jar (then change the whole thing back from .zip to .xpi).</p>
  134: <h3 class="style3">Making Changes</h3>
  135: <p class="style5">If you open up &quot;helloworldOverlay.xul&quot; (yeah, yeah, I didn't even bother changing the file name ... this was supposed to just be a concept demo, I didn't expect to get slashdotted and have actual people using it) you'll find an area like this:</p>
  136: <p> &lt;textbox<br>
  137: id=&quot;langwidge_textbox&quot;<br>
  138: flex='1'<br>
  139: width=&quot;350&quot;<br>
  140: height='23'<br>
  141: style=&quot;text-align: center; vertical-align:middle; background: black; font-weight:bold;&quot;&gt;<br>
  142: &lt;!--<br>
  143: Cleaner way of using only XUL elements, but commented out since it doesn't support PHP and javascript can't load files from another host<br>
  144: &lt;text value=&quot;Lone&quot; style=&quot;color: #61A78F; font-size:26px; text-align: center;&quot;/&gt;<br>
  145: &lt;text value=&quot; - &quot;/&gt;<br>
  146: &lt;text value=&quot;Ltwo&quot; style=&quot;color: #9662B7; font-size:26px; text-align: center;&quot;/&gt;--&gt;<br>
  147: <br>
  148: &lt;iframe id=&quot;langwidge_iframe&quot; src=&quot;http://www.langwidge.com/lbmz/banner.php#vocab&quot; width=&quot;350&quot; height=&quot;45&quot;/&gt;<br>
  149: &lt;/textbox&gt;</p>
  150: <p class="style5">Here you can change all the values such as width and height as you wish. Currently the bar points to http://www.langwidge.com/lbmz/banner.php#vocab , which generates a very simple html file out of whatever .csv is provided (or asks for settings if it can't find a cookie). If you want to have custom images/design/whatever, just point that url to your own site and create a script that generates pages as you like in whatever language/characterset you like.</p>
  151: <p class="style5">If someone makes a generic page that can process images/more complex .csv (or other format) inputs, let me know. </p>

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