|
From: Joe S. <joe...@us...> - 2004-11-23 18:15:23
|
Update of /cvsroot/phpslash/phpslash-dev/public_html/scripts/tinymce/jscripts/tiny_mce/themes/default/docs/uk In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv17564/phpslash-dev/public_html/scripts/tinymce/jscripts/tiny_mce/themes/default/docs/uk Added Files: about.htm common_buttons.htm index.htm insert_image_button.htm insert_link_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/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> </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> </ul> <hr noshade> </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" width="350" height="159"><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> <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: 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; } |
