|
From: Joe S. <joe...@us...> - 2004-11-23 18:15:05
|
Update of /cvsroot/phpslash/phpslash-dev/public_html/scripts/tinymce/jscripts/tiny_mce/themes/advanced/docs/es In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv17564/phpslash-dev/public_html/scripts/tinymce/jscripts/tiny_mce/themes/advanced/docs/es Added Files: about.htm common_buttons.htm index.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>Acerca de 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">Acerca de TinyMCE</span></td> <td align="right"><a href="index.htm">TOC</a></td> </tr> </table> <hr noshade> <br> TinyMCE es un editor WYSIWYG para navegadores como MSIE o Mozilla que te permite editar el contenido HTML de una manera más amigable. Tiene la mayoría de las opciones de un procesador de texto y no debería ser dificil de usar.<br> <br> <hr noshade> <table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter"> <tr> <td>Ir a: <a href="index.htm">Lista de contenidos</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>Botones de uso común</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">Botones de uso común</span></td> <td align="right"><a href="index.htm">TOC</a></td> </tr> </table> <hr noshade> <br> Pequeña descripción de cada botoón.<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>Texto en negrita.</td> </tr> <tr> <td><img src="../../images/italic.gif" width="20" height="20"></td> <td>Texto en cursiva.</td> </tr> <tr> <td><img src="../../images/underline.gif" width="20" height="20"></td> <td>Texto subrayado.</td> </tr> <tr> <td><img src="../../images/strikethrough.gif" width="20" height="20"></td> <td>Texto tachado.</td> </tr> <tr> <td><img src="../../images/left.gif" width="20" height="20"></td> <td>Alinear a la izquierda.</td> </tr> <tr> <td><img src="../../images/center.gif" width="20" height="20"></td> <td>Alinear al centro.</td> </tr> <tr> <td><img src="../../images/right.gif" width="20" height="20"></td> <td>Alinear a la derecha.</td> </tr> <tr> <td><img src="../../images/full.gif" width="20" height="20"></td> <td>Alinear justificado.</td> </tr> <tr> <td><img src="../../images/bullist.gif" width="20" height="20"></td> <td>Lista desordenada/lista por puntos.</td> </tr> <tr> <td><img src="../../images/numlist.gif" width="20" height="20"></td> <td>Lista ordenada/lista numerada</td> </tr> <tr> <td><img src="../../images/outdent.gif" width="20" height="20"></td> <td>Disminuir la sangría.</td> </tr> <tr> <td><img src="../../images/indent.gif" width="20" height="20"></td> <td>Aumentar la sangría.</td> </tr> <tr> <td><img src="../../images/undo.gif" width="20" height="20"></td> <td>Deshacer la última operación.</td> </tr> <tr> <td><img src="../../images/redo.gif" width="20" height="20"></td> <td>Rehacer la última operación.</td> </tr> <tr> <td><img src="../../images/link.gif" width="20" height="20"></td> <td>Insertar un enlace, más información en <a href="insert_link_button.htm">insertar enlace</a>.</td> </tr> <tr> <td><img src="../../images/unlink.gif" width="20" height="20"></td> <td>Quita el enlace al texto seleccionado.</td> </tr> <tr> <td><img src="../../images/image.gif" width="20" height="20"></td> <td>Insertar un imagen, más información en <a href="insert_image_button.htm">insertar imagen</a>.</td> </tr> <tr> <td><img src="../../images/cleanup.gif" width="20" height="20"></td> <td>Limpiar código, esta función es útil cuando copias el código de otra página.</td> </tr> <tr> <td><img src="../../images/help.gif" width="20" height="20"></td> <td>Muestra esta ventana de ayuda.</td> </tr> <tr> <td><img src="../../images/code.gif" width="20" height="20"></td> <td>Abre el editor de HTML. </td> </tr> <tr> <td><img src="../../images/table.gif" width="20" height="20"></td> <td>Inserta una nueva tabla de 2x2. </td> </tr> <tr> <td><img src="../../images/table_insert_row_before.gif" width="20" height="20"></td> <td>Añade una fila encima. </td> </tr> <tr> <td><img src="../../images/table_insert_row_after.gif" width="20" height="20"></td> <td>Añade una fila debajo. </td> </tr> <tr> <td><img src="../../images/table_delete_row.gif" width="20" height="20"></td> <td>Elimina una fila. </td> </tr> <tr> <td><img src="../../images/table_insert_col_before.gif" width="20" height="20"></td> <td>Añade una columna antes de la actual .</td> </tr> <tr> <td><img src="../../images/table_insert_col_after.gif" width="20" height="20"></td> <td>Añade una columna después de la actual.</td> </tr> <tr> <td><img src="../../images/table_delete_col.gif" width="20" height="20"></td> <td>Elimina la columna actual.</td> </tr> <tr> <td><img src="../../images/hr.gif" width="20" height="20"></td> <td>Inserta un separador horizontal </td> </tr> <tr> <td><img src="../../images/removeformat.gif" width="20" height="20"></td> <td>Elimina el formato de la selección. </td> </tr> <tr> <td><img src="../../images/sub.gif" width="20" height="20"></td> <td>Subíndice. </td> </tr> <tr> <td><img src="../../images/sup.gif" width="20" height="20"></td> <td>Superíndice. </td> </tr> </table> <br> <hr noshade> <table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter"> <tr> <td>Ir a: <a href="index.htm">Lista de contenidos</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>Índice de la ayuda</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">Lista de contenidos</span></td> <td align="right"> </td> </tr> </table> <hr noshade> <br> Selecciona una sección para ver la ayuda. <ul class="toc_ul"> <li class="toc_li"><a href="about.htm">Acerca de TinyMCE</a></li> <li class="toc_li"><a href="common_buttons.htm">Botones</a></li> <li class="toc_li"><a href="insert_image_button.htm">Insertar imagen</a></li> <li class="toc_li"><a href="insert_link_button.htm">Insertar enlaces</a></li> <li class="toc_li"><a href="insert_table_button.htm">Insertar tabla</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>Insertar imagen</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">Insertar imagen</span></td> <td align="right"><a href="index.htm">TOC</a></td> </tr> </table> <hr noshade> <br> El botón insertar imagen abre la siguiente ventana.<br> <br> <img src="images/insert_image_window.gif"><br> <br> Tu sólo tienes que escribir la URL de la imagen que quieres que aparezca y escribir una descripción de esta, esta descripción aparecera como un texto alternativo que describa la imagen.<br> <br> <strong>Descripción de los campos:</strong><br> <table border="1" cellspacing="0"> <tr> <td width="150"><strong>Image URL </strong></td> <td>URL de la imagen.</td> </tr> <tr> <td width="150"><strong>Image description </strong></td> <td>Descripción alternativa del contenido de la imagen.</td> </tr> <tr> <td><strong>Dimentions</strong></td> <td>Altura/anchura de la imagen. </td> </tr> <tr> <td><strong>Alignment</strong></td> <td>Alineamiento, útil cuando colocas texto alrededor de la imagen.</td> </tr> <tr> <td><strong>Border</strong></td> <td>Anchura del borde. </td> </tr> <tr> <td><strong>VSpace</strong></td> <td>Espacio vertical, útil cuando colocas texto alrededor de la imagen.</td> </tr> <tr> <td><strong>HSpace</strong></td> <td>Espacio horizontal, útil cuando colocas texto alrededor de la imagen.</td> </tr> </table> <br> <hr noshade> <table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter"> <tr> <td>Ir a: <a href="index.htm">Lista de contenidos</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>Insertar enlaces</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">Insertar enlaces</span></td> <td align="right"><a href="index.htm">TOC</a></td> </tr> </table> <hr noshade> <br> Este botón abre una nueva ventana con la función insertar/editar enlace.<br> <br> <img src="images/insert_link_window.gif" width="330" height="159"><br> <br> Hay dos campos en esta ventana, el primero "Link URL" es donde hay que escribir la dirección del enlace. El segundo "Target" indica cómo se abrirá el enlace.<br> <br> <hr noshade> <table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter"> <tr> <td>Ir a: <a href="index.htm">Lista de contenidos</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>Insertar tabla</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">Insertar tabla</span></td> <td align="right"><a href="index.htm">TOC</a></td> </tr> </table> <hr noshade> <br> El botón insertar tabla abre la siguiente ventana. Esta acci&ocaute;n te permite crear tablas.<br> <br> <img src="images/insert_table_window.gif" width="340" height="209"><br> <br> <strong>Descripción de los campos:</strong><br> <table border="1" cellspacing="0"> <tr> <td width="150"><strong>Columns</strong></td> <td>Número de columnas.</td> </tr> <tr> <td width="150"><strong>Rows</strong></td> <td>NAúmero de filas.</td> </tr> <tr> <td><strong>Cellpadding</strong></td> <td>Desplazamiento entre celdas . </td> </tr> <tr> <td><strong>Cellspacing</strong></td> <td>Espacio entre celdas .</td> </tr> <tr> <td><strong>Alignment</strong></td> <td>Alineamiento de la tabla. </td> </tr> <tr> <td><strong>Border</strong></td> <td>Anchura del borde de la tabla.</td> </tr> <tr> <td><strong>Width</strong></td> <td>Anchura de la tabla en pixels .</td> </tr> <tr> <td><strong>Height</strong></td> <td>Altura de la tabla en pixels.</td> </tr> </table> <br> <br> <hr noshade> <table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter"> <tr> <td>Ir a: <a href="index.htm">Tabla de contenidos</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; } |
