139 lines
12 KiB
Plaintext
139 lines
12 KiB
Plaintext
<%@ Control Language="C#" Inherits="BaseContentUserControls"%>
|
|
<%@ Register Namespace="TeamLab.Controls" Assembly="__Code" TagPrefix="cc" %>
|
|
|
|
<script runat="server">
|
|
protected override void Init()
|
|
{
|
|
PageTitle = PageCaption = "¿Cómo insertar una imagen en su mensaje publicado?";
|
|
MetaKeyWords = "insert image, add picture, resize, insert from web";
|
|
MetaDescription = "Comunidad. Añada imágenes para mejorar la información publicada";
|
|
|
|
|
|
var guides = new GuidesModel();
|
|
|
|
guides.CaptionRelatedTips = "Related Tips & Tricks";
|
|
guides.Title = "Using the Tag Cloud";
|
|
guides.TitleVideo = "How to insert an image into your posted message?";
|
|
guides.RelatedTips = "Want to learn the most popular topics in the Blogs, Forums and Bookmarks sections? Just look at the tag cloud on the right at your portal!";
|
|
guides.LearnMore = "Learn more...";
|
|
(Page as BasePage).Guides = guides;
|
|
}
|
|
|
|
</script>
|
|
|
|
<div class="MainHelpCenter">
|
|
<h1 class="subHeaderFeaturesCaption Guides_Video_Captions">¿Cómo insertar una imagen en su mensaje publicado?</h1>
|
|
<div class="keyword_block">
|
|
<ul>
|
|
<li><cc:LocalizeContent ID="LocalizeContent5" runat="Server" ControlName="~/Controls/Help/Tags/onlyoffice-community/onlyoffice-community.ascx" /></li>
|
|
<li><cc:LocalizeContent ID="LocalizeContent3" runat="Server" ControlName="~/Controls/Help/Tags/insert-image/insert-image.ascx" /></li>
|
|
<li><cc:LocalizeContent ID="LocalizeContent4" runat="Server" ControlName="~/Controls/Help/Tags/insert-objects/insert-objects.ascx" /></li>
|
|
</ul>
|
|
</div>
|
|
<div class="video_ground video_trips">
|
|
<h2 id="introduction">Introducción</h2>
|
|
<div class="block_of_step">
|
|
<div class="screen_text">
|
|
<p>¿Quiere discutir nuevos modelos del producto en el foro oficina online para elegir el mejor? ¿O sólo necesita añadir unas imágenes para hacer su post más interesante?</p>
|
|
<p>Lea esta instrucción para insertar una imagen directamente en su mensaje publicado.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<h2 id="step1"><span class="style_step">Paso 1.</span> Seleccione un post existente o cree nuevo</h2>
|
|
<div class="block_of_step">
|
|
<div class="screen_text">
|
|
<p>Usted puede insertar una imagen mientras crea o edita algún mensaje publicado en el portal <b>ONLYOFFICE</b>: noticias y anuncios, mensaje de blog, mensajes de foro, comentarios o discusiones de proyecto. Usted podrá encontrar la información detallada sobre como crear un mensaje si sigue los enlaces debajo:</p>
|
|
<ul>
|
|
<li><a href="<%=VirtualPathUtility.ToAbsolute("~/gettingstarted/community.aspx#SharingEvents_block")%>">Cómo compartir eventos</a>;</li>
|
|
<li><a href="<%=VirtualPathUtility.ToAbsolute("~/gettingstarted/community.aspx#MaintainingBlog_block")%>">Cómo mantener blog</a>;</li>
|
|
<li><a href="<%=VirtualPathUtility.ToAbsolute("~/gettingstarted/community.aspx#LeadingForumDiscussion_block")%>">Cómo dirigir discusiones de foro</a>;</li>
|
|
<li><a href="<%=VirtualPathUtility.ToAbsolute("~/gettingstarted/projects.aspx#LeadingDiscussion_block")%>">Cómo dirigir discusiones relacionadas con proyectos</a>.</li>
|
|
</ul>
|
|
<p>Para editar algún mensaje, ábralo y pulse el icono <img alt="Icono acciones" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/GettingStarted/ActionsIcon.png")%>" /> a la derecha del título de un post y seleccione la opción <b>Editar</b> en la lista desplegable.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<h2 id="step2"><span class="style_step">Paso 2. </span>Inserte una imagen desde web</h2>
|
|
<div class="block_of_step">
|
|
<div class="screen_text">
|
|
<p>Una vez que el mensaje esté creado haga el clic en el lugar donde usted quiere insertar su imagen y pulse el icono <b>Insertar/Editar imagen</b> <img alt="botón Insertar/Editar Imagen" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/Guides/small/guide31/insertimage.png")%>" /> en la <b>Barra de formato</b>. </p>
|
|
</div>
|
|
<div class="screen_block">
|
|
<img alt="¿Cómo insertar una imagen en su mensaje publicado? Paso 2" target="img2_eventcom_guides" class="screenphoto screen_guides" src="<%=VirtualPathUtility.ToAbsolute("~/images//Help/es/Guides/small/guide31/step2.png")%>" />
|
|
<img alt="¿Cómo insertar una imagen en su mensaje publicado? Paso 2" id="img2_eventcom_guides" class="bigphoto_screen" src="<%=VirtualPathUtility.ToAbsolute("~/images//Help/es/Guides/big/guide31/step2.png")%>" />
|
|
<div target="img2_eventcom_guides" class="screenphoto magnifier"></div>
|
|
</div>
|
|
<div class="screen_text">
|
|
<p>Se abrirá la ventana <b>Propiedades de imagen</b> con la pestaña <b>Información de imagen</b> activada.</p>
|
|
<p>Copie y pegue el <b>URL</b> de la imagen que usted quiere insertar en el campo apropiado. Introduzca <b>Texto alternativo</b> que se mostrará si la imagen no está disponible para lectores (por ejemplo si la función de imágenes está desactivada en sus navegadores) y configure los ajustes de la imagen:</p>
|
|
<ul>
|
|
<li>Ajuste el tamaño de la imagen escribiendo el valor de <b>Anchura</b> o <b>Altura</b>. De manera predeterminada el segundo parámetro se establece automáticamente manteniendo un aspecto original de la imagen. Si necesita que la imagen tenga un tamaño particular, desbloquee el ratio pulsando el botón <img alt="Lock ratio button" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/Guides/small/guide31/lockratio.png")%>" />. Tenga en cuenta que en este caso es posible que las proporciones de la imagen se cambien y la imagen puede ser distorsionada.</li>
|
|
<li>Fije el tamaño de <b>Borde</b> en píxeles en el campo correspondiente o déjelo vacío si no quiere inserter el borde.</li>
|
|
<li>Ajuste la distancia del borde superior (<b>Esp.Vert</b>) e izquierdo (<b>Esp.Horiz</b>) de la imagen si la alinea en el margen izquierdo, o la distancia del borde superior (<b>Esp.Vert</b>) y derecho (<b>Esp.Horiz</b>) de la imagen si la alinea en el margen derecho.</li>
|
|
<li>Seleccione una de las opciones de alineación de la imagen: <b>Izquierda</b> - si quiere alinear la imagen en el margen izquierdo, o <b>Derecha</b> - si quiere alinearla en la margen derecho.</li>
|
|
</ul>
|
|
<div class="screen_block">
|
|
<img alt="¿Cómo insertar una imagen en su mensaje publicado? Paso 2" target="img3_eventcom_guides" class="screenphoto screen_guides" src="<%=VirtualPathUtility.ToAbsolute("~/images//Help/es/Guides/small/guide31/step2_1.png")%>" />
|
|
<img alt="¿Cómo insertar una imagen en su mensaje publicado? Paso 2" id="img3_eventcom_guides" class="bigphoto_screen" src="<%=VirtualPathUtility.ToAbsolute("~/images//Help/es/Guides/big/guide31/step2_1.png")%>" />
|
|
<div target="img3_eventcom_guides" class="screenphoto magnifier"></div>
|
|
</div>
|
|
<div class="screen_text">
|
|
<p>Si quiere determinar la dirección web a la que usted será redirigido al pulsar la imagen, pase a la pestaña <b>Vínculo</b>. Introduzca el URL con el que usted quiere enlazar su imagen y especifique el atributo de objetivo de un enlace en el campo <b>Destino</b>: <b>Nueva ventana (_blank)</b>, <b>Ventana principal (_top)</b>, <b>Misma ventana (_self)</b>, o <b>Ventana padre (_parent)</b>.</p>
|
|
|
|
</div>
|
|
<div class="screen_block">
|
|
<img alt="¿Cómo insertar una imagen en su mensaje publicado? Paso 2" target="img6_eventcom_guides" class="screenphoto screen_guides" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/es/Guides/small/guide31/step2_2.png")%>" />
|
|
<img alt="¿Cómo insertar una imagen en su mensaje publicado? Paso 2" id="img6_eventcom_guides" class="bigphoto_screen" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/es/Guides/big/guide31/step2_2.png")%>" />
|
|
<div target="img6_eventcom_guides" class="screenphoto magnifier"></div>
|
|
</div>
|
|
<div class="screen_text">
|
|
<p>Si quiere configurar los ajustes avanzados de la imagen pase a la pestaña <b>Avanzado</b>. Aquí usted puede especificar:</p>
|
|
<ul>
|
|
<li><b>Id</b> - el ID de la imagen insertada.</li>
|
|
<li><b>Orientación</b> - la dirección de la imagen <b>Izquierda a Derecha (LTR)</b> o <b>Derecha a Izquierda (RTL)</b>.</li>
|
|
<li><b>Cód. de idioma</b> - el código que se usa para clasificar el idioma: de, en, es, fr, it, ru etc.</li>
|
|
<li><b>Descripción larga URL</b> - la descripción del destino.</li>
|
|
<li><b>Clases de hojas de estilo</b> - la clase de CSS a la que pertenece la imagen.</li>
|
|
<li><b>Título</b> - la informacíón consultiva sobre el destino.</li>
|
|
<li><b>Estilo</b> - el estilo de la imagen insertada. Incluye todos los parámetros especificados en la pestaña <b>Información de imagen</b>.</li>
|
|
</ul>
|
|
<p>Una vez establecidos todos los parámetros pulse el botón <b>OK</b> para añadir la imagen a su mensaje.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<h2 id="step3"><span class="style_step">Paso 3.</span>Inserte una imagen desde su ordenador</h2>
|
|
<div class="block_of_step">
|
|
<div class="screen_text">
|
|
<p>Si usted quiere añadir una imagen almacenada en su ordenador, en la ventana <b>Propiedades de imagen</b> (lea <a href="#step2">Paso 2</a>) pase a la pestaña <b>Cargar</b>. Pulse el botón <b>Seleccionar archivo</b>, encuentre la imagen deseada en su disco duro y pulse el botón <b>Enviar al servidor</b>.</p>
|
|
<div class="notehelp"> Asegúrese que el formato de su imagen es <b>JPEG</b>, <b>PNG</b>, <b>BMP</b> o <b>GIF</b> y no excede <b>1 Mb</b>. Si no, el archivo no puede ser enviado.
|
|
</div>
|
|
</div>
|
|
<div class="screen_block">
|
|
<img alt="¿Cómo insertar una imagen en su mensaje publicado? Paso 3" target="img4_eventcom_guides" class="screenphoto screen_guides" src="<%=VirtualPathUtility.ToAbsolute("~/images//Help/es/Guides/small/guide31/step3.png")%>" />
|
|
<img alt="¿Cómo insertar una imagen en su mensaje publicado? Paso 3" id="img4_eventcom_guides" class="bigphoto_screen" src="<%=VirtualPathUtility.ToAbsolute("~/images//Help/es/Guides/big/guide31/step3.png")%>" />
|
|
<div target="img4_eventcom_guides" class="screenphoto magnifier"></div>
|
|
</div>
|
|
<div class="screen_text">
|
|
<p>Una vez que subida la imagen al servidor, se abrirá la pestaña <b>Información de imagen</b>. Usted verá el enlace a un imagen subido en el campo <b>URL</b> y su tamaño. Si es necesario, introduzca <b>Texto alternativo</b> y configure los ajustes de la imagen como es descrito arriba (lea <a href="#step2">Paso 2</a>).</p>
|
|
</div>
|
|
<div class="screen_block">
|
|
<img alt="¿Cómo insertar una imagen en su mensaje publicado? Paso 3" target="img5_eventcom_guides" class="screenphoto screen_guides" src="<%=VirtualPathUtility.ToAbsolute("~/images//Help/es/Guides/small/guide31/step3_1.png")%>" />
|
|
<img alt="¿Cómo insertar una imagen en su mensaje publicado? Paso 3" id="img5_eventcom_guides" class="bigphoto_screen" src="<%=VirtualPathUtility.ToAbsolute("~/images//Help/es/Guides/big/guide31/step3_1.png")%>" />
|
|
<div target="img5_eventcom_guides" class="screenphoto magnifier"></div>
|
|
</div>
|
|
<div class="screen_text">
|
|
<p>Cuando todos los parámetros estén establecidos pulse el botón <b>OK</b>. La imagen será insertada en su post en un lugar donde usted ha colocado el cursor.</p>
|
|
<div class="notehelp">
|
|
Si usted quiere subir una imagen más de <b>1 Mb</b>, puede adjuntarla a su post usando el botón <b>Adjuntar archivo</b> (disponible para discusiones de proyecto y posts de foro) o súbala al módulo <b>Documentos</b> y comparta con sus colegas.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|