[geeklog-cvs] Geeklog-2.x/public_html/assets/plugins/content/javascript/tiny_mce/themes/advanced/docs/en about.htm, NONE, 1.1 common_buttons.htm, NONE, 1.1 create_accessible_content.htm, NONE, 1.1 index.htm, NONE, 1.1 insert_anchor_button.htm, NONE, 1.1 insert_image_button.htm, NONE, 1.1 insert_link_button.htm, NONE, 1.1 insert_table_button.htm, NONE, 1.1 style.css, NONE, 1.1

Thu Aug 16 13:30:44 EDT 2007

Update of /cvsroot/geeklog2/Geeklog-2.x/public_html/assets/plugins/content/javascript/tiny_mce/themes/advanced/docs/en
In directory qs1489.pair.com:/tmp/cvs-serv82707/public_html/assets/plugins/content/javascript/tiny_mce/themes/advanced/docs/en

Added Files:
	about.htm common_buttons.htm create_accessible_content.htm 
	index.htm insert_anchor_button.htm insert_image_button.htm 
	insert_link_button.htm insert_table_button.htm style.css 
Log Message:
initial commit

--- NEW FILE: insert_link_button.htm ---
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>Insert link button</TITLE>
<link href="style.css" rel="stylesheet" type="text/css">
</HEAD>

<BODY>

<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pageheader">
  <tr> 
    <td><span class="title">Insert link button</span></td>
    <td align="right"><a href="index.htm"><acronym title="Table of contents">TOC</acronym></a></td>
  </tr>
</table>
<hr noshade>
<br>
This button opens a new window with the insert/edit link function.<br>
<br>
<img src="images/insert_link_window.gif" width="330" height="159" alt="Insert link dialog/window" /><br>
<br>
There are two fields in this window the first one "Link URL" is the 
URL of the link. The target enables you to select how the link is to be opened.<br>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
  <tr> 
    <td>Go to: <a href="index.htm">Table of contents</a></td>
    <td align="right"><a href="#">Top</a></td>
  </tr>
</table>
<br>
</BODY>
</HTML>

--- NEW FILE: insert_anchor_button.htm ---
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>Insert anchor button</TITLE>
<link href="style.css" rel="stylesheet" type="text/css">
</HEAD>

<BODY>

<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pageheader">
  <tr> 
    <td><span class="title">Insert anchor button</span></td>
    <td align="right"><a href="index.htm"><acronym title="Table of contents">TOC</acronym></a></td>
  </tr>
</table>
<hr noshade>
<br>
This button opens a new window with the insert/edit anchor function.<br>
<br>
<img src="images/insert_anchor_window.gif" width="330" height="139" alt="Anchor dialog/window" /><br>
<br>
There are one field in this window, this is where you enter the name of you anchor point. Remember the anchor name needs to be unique. <br>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
  <tr> 
    <td>Go to: <a href="index.htm">Table of contents</a></td>
    <td align="right"><a href="#">Top</a></td>
  </tr>
</table>
<br>
</BODY>
</HTML>

--- NEW FILE: insert_image_button.htm ---
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>Insert image button</TITLE>
<link href="style.css" rel="stylesheet" type="text/css">
</HEAD>

<BODY>

<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pageheader">
  <tr> 
    <td><span class="title">Insert image button</span></td>
    <td align="right"><a href="index.htm"><acronym title="Table of contents">TOC</acronym></a></td>
  </tr>
</table>
<hr noshade>
<br>
The insert image button opens the window shown below.<br>
<br>
<img src="images/insert_image_window.gif" alt="Insert image dialog/window" /><br>
<br>
You simply enter a URL to the image you want to link to and enter a image description, 
this is then displayed as an alternative text descripton of the image on the page.<br>
<br>
<strong>Field descriptions:</strong><br>
<table border="1" cellspacing="0">
  <tr>
    <td width="150"><strong>Image URL </strong></td>
    <td>URL/path to the image.</td>
  </tr>
  <tr>
    <td width="150"><strong>Image description </strong></td>
    <td>Alternative description of image contents.</td>
  </tr>
  <tr>
    <td><strong>Dimentions</strong></td>
    <td>Image width/height. </td>
  </tr>
  <tr>
    <td><strong>Alignment</strong></td>
    <td>Image alignment, useful when wrapping text around images.</td>
  </tr>
  <tr>
    <td><strong>Border</strong></td>
    <td>Border thickness. </td>
  </tr>
  <tr>
    <td><strong>VSpace</strong></td>
    <td>Vertical space, useful when wrapping text around images.</td>
  </tr>
  <tr>
    <td><strong>HSpace</strong></td>
    <td>Horizontal space, useful when wrapping text around images.</td>
  </tr>
</table>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
  <tr> 
    <td>Go to: <a href="index.htm">Table of contents</a></td>
    <td align="right"><a href="#">Top</a></td>
  </tr>
</table>
<br>
</BODY>
</HTML>

--- NEW FILE: insert_table_button.htm ---
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>Insert table button</TITLE>
<link href="style.css" rel="stylesheet" type="text/css">
</HEAD>

<BODY>

<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pageheader">
  <tr> 
    <td><span class="title">Insert table button</span></td>
    <td align="right"><a href="index.htm"><acronym title="Table of contents">TOC</acronym></a></td>
  </tr>
</table>
<hr noshade>
<br>
The insert table button opens the window shown below. This action enables you to create tables. <br>
<br>
<img src="images/insert_table_window.gif" width="340" height="229" alt="Image of table window" /><br>
<br>
<strong>Field descriptions:</strong><br>
<table border="1" cellspacing="0">
  <tr>
    <td width="150"><strong>Columns</strong></td>
    <td>Number of columns in the  table. </td>
  </tr>
  <tr>
    <td width="150"><strong>Rows</strong></td>
    <td>Number of rows in the new table.</td>
  </tr>
  <tr>
    <td><strong>Cellpadding</strong></td>
    <td>Cellpadding of the table . </td>
  </tr>
  <tr>
    <td><strong>Cellspacing</strong></td>
    <td>Cellspacing of the table .</td>
  </tr>
  <tr>
    <td><strong>Alignment</strong></td>
    <td>Table alignment . </td>
  </tr>
  <tr>
    <td><strong>Border</strong></td>
    <td>Border thinkness of table.</td>
  </tr>
  <tr>
    <td><strong>Width</strong></td>
    <td>Width in pixels of table .</td>
  </tr>
  <tr>
    <td><strong>Height</strong></td>
    <td>Height in pixels of table.</td>
  </tr>
  <tr>
    <td><strong>Class</strong></td>
    <td>Style or CSS class of table.</td>
  </tr>
</table>
<br>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
  <tr> 
    <td>Go to: <a href="index.htm">Table of contents</a></td>
    <td align="right"><a href="#">Top</a></td>
  </tr>
</table>
<br>
</BODY>
</HTML>

--- NEW FILE: create_accessible_content.htm ---
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>Insert table button</TITLE>
<link href="style.css" rel="stylesheet" type="text/css">
</HEAD>

<BODY>

<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pageheader">
  <tr> 
    <td><span class="title">Create accessible content</span></td>
    <td align="right"><a href="index.htm"><acronym title="Table of contents">TOC</acronym></a></td>
  </tr>
</table>
<hr noshade>
<p>TinyMCE can create HTML content that will be accessible to all users, including those with disabilities using assistive technologies, as well as those using text-based browsers, or those browsing the Web with images turned off. </p>

Things you can do to make your content accessible:
<ol>
<li>Include an Image Description: Blind users, or others who are unable to view images, will rely on the Image Description (or Alt text) to take the place of the image. If an image contains no meaning, such as a decoration or a spacer image, leave the Image Description empty. TinyMCE will then insert an empty Alt text attribute that will force assistive technologies to ignore the image. </li>

<li> Add Scope to data table header cells: In the table cell editor dialog window, choose a Scope when creating Header cells so the column or row label in that cell becomes explicitely associated with its data cells. Table cell headers will then be announced with each data cell, making it easier for blind users using a screen reader to understand what the content of each cell represents. </li>

<li> Structure content with properly nested headings: In the format selection menu choose Heading 1 to Heading 6 to represent headings in your content, rather than using other font formating options. Blind users using a screen reader can then extract the headings from the page to generate a summary of the content it contains, and use those headings to navigate quickly to subsections within the page. </li>

<li> Include alternate content: Create an alternate page for non-HTML content such as Flash, Java applets, or embedded movies. This might be a static image, with a description of the image, and a description of the content that would have appeared in its place. An alternate HTML page could also be created, and a link to it included next to the non-HTML object. This will ensure that the content will be accessible to users of assistive technologies that can not view or play the content, and ensure the content will be available to those who do not have the appropriate plugin or helper application installed. </li>

<li><strong> Check accessbility: </strong> When the AChecker plugin is installed with TinyMCE, click on the Check Accessibility button to generate a report of potential accessibility problems.<br /><br /></li>

</ol>

<p>See the <a href="http://checker.atrc.utoronto.ca" target="_new">AChecker Web Site</a> for further details about creating content that will be accessible to all users.<br />
</p>

<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
  <tr> 
    <td>Go to: <a href="index.htm">Table of contents</a></td>
    <td align="right"><a href="#">Top</a></td>
  </tr>
</table>

<br>
</BODY>
</HTML>

--- NEW FILE: style.css ---
body { background-color: #FFFFFF; }
body, td, .content { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 12px; }
.title { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 16px; font-weight: bold; }
.subtitle { font-size: 12px; font-weight: bold; }

.toc_ul, .toc_li { margin-left: 8px; line-height: 16px; }
.step_ol, .step_li { margin-left: 11px; line-height: 16px; }
img { border: #000000 solid 1px; }

a:visited { color: #666666; text-decoration: underline; }
a:active { color: #666666; text-decoration: underline; }
a:hover { color: #666666; text-decoration: underline; }
a { color: #666666; text-decoration: underline; }

.pageheader { border: #E0E0E0 solid 1px; }
.pagefooter { border: #E0E0E0 solid 1px; }
.sample { background-color: #FFFFFF; border: #000000 solid 1px; }
.samplecontent { font-size: 10px; }

.code { background-color: #FFFFFF; border: #000000 solid 1px; }
.codecontent { font-size: 10px; }
.codecontent a:visited { color: #666666; text-decoration: none; font-weight: bold }
.codecontent a:active { color: #666666; text-decoration: none; font-weight: bold  }
.codecontent a:hover { color: #666666; text-decoration: none; font-weight: bold  }
.codecontent a { color: #666666; text-decoration: none; font-weight: bold  }

hr { height: 1px; }

--- NEW FILE: about.htm ---
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>About TinyMCE</TITLE>
<link href="style.css" rel="stylesheet" type="text/css">
</HEAD>

<BODY>

<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pageheader">
  <tr> 
    <td><span class="title">About TinyMCE</span></td>
    <td align="right"><a href="index.htm"><acronym title="Table of contents">TOC</acronym></a></td>
  </tr>
</table>
<hr noshade>
<br>
TinyMCE is a small WYSIWYG editor control for web browsers such as MSIE or Mozilla 
that enables you to edit HTML contents in a more user friendly way. It has common 
features that are found in most word processors and should not be difficult to 
use.<br>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
  <tr> 
    <td>Go to: <a href="index.htm">Table of contents</a></td>
    <td align="right"><a href="#">Top</a></td>
  </tr>
</table>
<br>
</BODY>
</HTML>

--- NEW FILE: common_buttons.htm ---
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>Common buttons</TITLE>
<link href="style.css" rel="stylesheet" type="text/css">
</HEAD>

<BODY>

<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pageheader">
  <tr> 
    <td><span class="title">Common buttons</span></td>
    <td align="right"><a href="index.htm"><acronym title="Table of contents">TOC</acronym></a></td>
  </tr>
</table>
<hr noshade>
<br>
Below is a short description about each button.
<br>
<br>
<table border="1" cellpadding="3" cellspacing="0">
  <tr>
    <td><img src="../../images/bold.gif" width="20" height="20" alt="Bold text icon" /></td>
    <td>Bold text style (Ctrl+B).</td>
  </tr>
  <tr>
    <td><img src="../../images/italic.gif" width="20" height="20" alt="Italic text icon" /></td>
    <td>Italic text style (Ctrl+I).</td>
  </tr>
  <tr>
    <td><img src="../../images/underline.gif" width="20" height="20" alt="Underline text icon." /></td>
    <td>Underline text style (Ctrl+U).</td>
  </tr>
  <tr>
    <td><img src="../../images/strikethrough.gif" width="20" height="20" alt="Strikethrough text icon." /></td>
    <td>Strikethrough text style.</td>
  </tr>
  <tr>
    <td><img src="../../images/justifyleft.gif" width="20" height="20" alt="Align left icon." /></td>
    <td>Align left.</td>
  </tr>
  <tr>
    <td><img src="../../images/justifycenter.gif" width="20" height="20" alt="Align center icon." /></td>
    <td>Align center.</td>
  </tr>
  <tr>
    <td><img src="../../images/justifyright.gif" width="20" height="20" alt="Align right icon." /></td>
    <td>Align right.</td>
  </tr>
  <tr>
    <td><img src="../../images/justifyfull.gif" width="20" height="20" alt="Align full icon." /></td>
    <td>Align full.</td>
  </tr>
  <tr>
    <td><img src="../../images/bullist.gif" width="20" height="20" alt="Unordered list/bullet list icon." /></td>
    <td>Unordered list/bullet list.</td>
  </tr>
  <tr>
    <td><img src="../../images/numlist.gif" width="20" height="20" alt="Ordered list/numbered list icon." /></td>
    <td>Ordered list/numbered list</td>
  </tr>
  <tr>
    <td><img src="../../images/outdent.gif" width="20" height="20" alt="Outdent/decrease indentation icon." /></td>
    <td>Outdent/decrease indentation.</td>
  </tr>
  <tr>
    <td><img src="../../images/indent.gif" width="20" height="20" alt="Indent/increase indentation icon." /></td>
    <td>Indent/increase indentation.</td>
  </tr>
  <tr>
    <td><img src="../../images/undo.gif" width="20" height="20" alt="Undo the last operation." /></td>
    <td>Undo the last operation (Ctrl+Z).</td>
  </tr>
  <tr>
    <td><img src="../../images/redo.gif" width="20" height="20" alt="Redo the last operation icon." /></td>
    <td>Redo the last operation (Ctrl+Y).</td>
  </tr>
  <tr>
    <td><img src="../../images/link.gif" width="20" height="20" alt="Insert a new link icon." /></td>
    <td>Insert a new link, read more about this function in the <a href="insert_link_button.htm">Insert 
      link section</a>.</td>
  </tr>
  <tr>
    <td><img src="../../images/unlink.gif" width="20" height="20" alt="Unlinks the current selection icon." /></td>
    <td>Unlinks the current selection/removes all selected links.</td>
  </tr>
  <tr>
    <td><img src="../../images/anchor.gif" width="20" height="20" alt="Insert a new anchor icon." /></td>
    <td>Insert a new anchor, read more about this function in the <a href="insert_anchor_button.htm">Insert anchor section.</a></td>
  </tr>
  <tr>
    <td><img src="../../images/image.gif" width="20" height="20" alt="Insert a new image icon." /></td>
    <td>Insert a new image, read more about this function in the <a href="insert_image_button.htm">Insert 
      image section</a>.</td>
  </tr>
  <tr>
    <td><img src="../../images/cleanup.gif" width="20" height="20" alt="Cleanup code icon." /></td>
    <td>Cleanup code/Removes unwanted formating. This function is useful when 
      you copy contents from for example a office product.</td>
  </tr>
  <tr>
    <td><img src="../../images/help.gif" width="20" height="20" alt="Show help icon." /></td>
    <td>Shows this help window.</td>
  </tr>
  <tr>
    <td><img src="../../images/code.gif" width="20" height="20" alt="Source code editor icon." /></td>
    <td>Opens HTML source code editor. </td>
  </tr>
  <tr>
    <td><img src="../../../../plugins/table/images/table.gif" width="20" height="20" alt="Insert table icon." /></td>
    <td>Inserts a new table at the current location. </td>
  </tr>
  <tr>
    <td><img src="../../../../plugins/table/images/table_insert_row_before.gif" width="20" height="20" alt="Adds a row above icon." /></td>
    <td>Adds a row above the current one. </td>
  </tr>
  <tr>
    <td><img src="../../../../plugins/table/images/table_insert_row_after.gif" width="20" height="20" alt="Adds a row under icon." /></td>
    <td>Adds a row under the current one. </td>
  </tr>
  <tr>
    <td><img src="../../../../plugins/table/images/table_delete_row.gif" width="20" height="20" alt="Remove row icon." /></td>
    <td>Removes the row. </td>
  </tr>
  <tr>
    <td><img src="../../../../plugins/table/images/table_insert_col_before.gif" width="20" height="20" alt="Add column before icon." /></td>
    <td>Adds a column before the current one.</td>
  </tr>
  <tr>
    <td><img src="../../../../plugins/table/images/table_insert_col_after.gif" width="20" height="20" alt="Add column after icon." /></td>
    <td>Adds a column after the current one.</td>
  </tr>
  <tr>
    <td><img src="../../../../plugins/table/images/table_delete_col.gif" width="20" height="20" alt="Remove column icon." /></td>
    <td>Removes the current column.</td>
  </tr>
  <tr>
    <td><img src="../../images/hr.gif" width="20" height="20" alt="Insert horizontal ruler icon." /></td>
    <td>Inserts a new horizontal ruler </td>
  </tr>
  <tr>
    <td><img src="../../images/removeformat.gif" width="20" height="20" alt="Remove formatting icon." /></td>
    <td>Removes formatting from the selection. </td>
  </tr>
  <tr>
    <td><img src="../../images/sub.gif" width="20" height="20" alt="Subscript icon." /></td>
    <td>Makes the selection to be subscript. </td>
  </tr>
  <tr>
    <td><img src="../../images/sup.gif" width="20" height="20" alt="Superscript icon." /></td>
    <td>Makes the selection to be superscripted. </td>
  </tr>
</table>
<br>
<hr noshade="noshade" />
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
  <tr> 
    <td>Go to: <a href="index.htm">Table of contents</a></td>
    <td align="right"><a href="#">Top</a></td>
  </tr>
</table>
</BODY>
</HTML>

--- NEW FILE: index.htm ---
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>Help Index</TITLE>
<link href="style.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY onload="window.focus();">
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pageheader">
  <tr> 
    <td><span class="title">Table of contents</span></td>
    <td align="right"> </td>
  </tr>
</table>
<hr noshade>
<br>
Click the links below to go to the different help sections. 
<ul class="toc_ul">
  <li class="toc_li"><a href="about.htm">About TinyMCE</a></li>
  <li class="toc_li"><a href="common_buttons.htm">Common buttons</a></li>
  <li class="toc_li"><a href="insert_image_button.htm">Insert image button</a></li>
  <li class="toc_li"><a href="insert_link_button.htm">Insert link button</a></li>
  <li class="toc_li"><a href="insert_anchor_button.htm">Insert anchor button</a></li>
  <li class="toc_li"><a href="insert_table_button.htm">Insert table button</a></li>
 <li class="toc_li"><a href="create_accessible_content.htm">Create accessible content</a></li>
</ul>
<hr noshade>
</BODY>
</HTML>