|
From: Joe S. <joe...@us...> - 2004-11-23 18:15:10
|
Update of /cvsroot/phpslash/phpslash-dev/public_html/scripts/tinymce/jscripts/tiny_mce/themes/advanced/docs/uk In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv17564/phpslash-dev/public_html/scripts/tinymce/jscripts/tiny_mce/themes/advanced/docs/uk Added Files: about.htm common_buttons.htm index.htm insert_anchor_button.htm insert_image_button.htm insert_link_button.htm insert_table_button.htm style.css Log Message: complete tinyMCE addition --- NEW FILE: about.htm --- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <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">TOC</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 --- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <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">TOC</a></td> </tr> </table> <hr noshade> <br> Below is a short description about each button.<img src="../../images/spacer.gif" width="1" height="1"> <br> <br> <table border="1" cellpadding="3" cellspacing="0"> <tr> <td><img src="../../images/bold.gif" width="20" height="20"></td> <td>Bold text style.</td> </tr> <tr> <td><img src="../../images/italic.gif" width="20" height="20"></td> <td>Italic text style.</td> </tr> <tr> <td><img src="../../images/underline.gif" width="20" height="20"></td> <td>Underline text style.</td> </tr> <tr> <td><img src="../../images/strikethrough.gif" width="20" height="20"></td> <td>Strikethrough text style.</td> </tr> <tr> <td><img src="../../images/left.gif" width="20" height="20"></td> <td>Align left.</td> </tr> <tr> <td><img src="../../images/center.gif" width="20" height="20"></td> <td>Align center.</td> </tr> <tr> <td><img src="../../images/right.gif" width="20" height="20"></td> <td>Align right.</td> </tr> <tr> <td><img src="../../images/full.gif" width="20" height="20"></td> <td>Align full.</td> </tr> <tr> <td><img src="../../images/bullist.gif" width="20" height="20"></td> <td>Unordered list/bullet list.</td> </tr> <tr> <td><img src="../../images/numlist.gif" width="20" height="20"></td> <td>Ordered list/numbered list</td> </tr> <tr> <td><img src="../../images/outdent.gif" width="20" height="20"></td> <td>Outdent/decrease indentation.</td> </tr> <tr> <td><img src="../../images/indent.gif" width="20" height="20"></td> <td>Indent/incread indentation.</td> </tr> <tr> <td><img src="../../images/undo.gif" width="20" height="20"></td> <td>Undo the last operation.</td> </tr> <tr> <td><img src="../../images/redo.gif" width="20" height="20"></td> <td>Redo the last operation.</td> </tr> <tr> <td><img src="../../images/link.gif" width="20" height="20"></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"></td> <td>Unlinks the current selection/removes all selected links.</td> </tr> <tr> <td><img src="../../images/anchor.gif" width="20" height="20"></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"></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"></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"></td> <td>Shows this help window.</td> </tr> <tr> <td><img src="../../images/code.gif" width="20" height="20"></td> <td>Opens HTML source code editor. </td> </tr> <tr> <td><img src="../../images/table.gif" width="20" height="20"></td> <td>Inserts a new 2x2 table at the current location. </td> </tr> <tr> <td><img src="../../images/table_insert_row_before.gif" width="20" height="20"></td> <td>Adds a row above the current one. </td> </tr> <tr> <td><img src="../../images/table_insert_row_after.gif" width="20" height="20"></td> <td>Adds a row under the current one. </td> </tr> <tr> <td><img src="../../images/table_delete_row.gif" width="20" height="20"></td> <td>Removes the row. </td> </tr> <tr> <td><img src="../../images/table_insert_col_before.gif" width="20" height="20"></td> <td>Adds a column before the current one.</td> </tr> <tr> <td><img src="../../images/table_insert_col_after.gif" width="20" height="20"></td> <td>Adds a column after the current one.</td> </tr> <tr> <td><img src="../../images/table_delete_col.gif" width="20" height="20"></td> <td>Removes the current column.</td> </tr> <tr> <td><img src="../../images/hr.gif" width="20" height="20"></td> <td>Inserts a new horizontal ruler </td> </tr> <tr> <td><img src="../../images/removeformat.gif" width="20" height="20"></td> <td>Removes formatting from the selection. </td> </tr> <tr> <td><img src="../../images/sub.gif" width="20" height="20"></td> <td>Makes the selection to be subscript. </td> </tr> <tr> <td><img src="../../images/sup.gif" width="20" height="20"></td> <td>Makes the selection to be superscripted. </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> </BODY> </HTML> --- NEW FILE: index.htm --- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <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> </ul> <hr noshade> </BODY> </HTML> --- NEW FILE: insert_anchor_button.htm --- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <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">TOC</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"><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 --- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <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">TOC</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"><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_link_button.htm --- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <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">TOC</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"><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_table_button.htm --- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <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">TOC</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"><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: 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: 8 px; line-height: 16px; } .step_ol, .step_li { margin-left: 11 px; 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; } |
