Menú
Está libre
registrarse
el principal  /  POR / Transferencia a la siguiente cadena HTML. Como en Excel, haga que la transferencia de texto en celda.

Traslado a la siguiente cadena HTML. Como en Excel, haga que la transferencia de texto en celda.

Al mostrar documentos de texto En el navegador, la ubicación de la cadena dentro del párrafo se determina automáticamente dependiendo del tamaño de las fuentes y del tamaño de la ventana de visualización. La transferencia de fila se puede realizar solo por símbolos del separador de palabras (por ejemplo, espacios). A veces, en los documentos, debe especificar la traducción forzada de la cadena implementada, independientemente de los parámetros de la configuración del navegador. Para esto, se utiliza la etiqueta de la línea de traducción forzada.
que no tiene una etiqueta de cierre adecuada. Encendiendo etiqueta
El texto del documento asegurará la colocación del texto posterior desde el principio de la nueva línea. Por ejemplo, este enfoque se puede utilizar para crear estructuras, como listas sin el uso de etiquetas de marcado de listas especiales. O, por ejemplo, sin esta etiqueta, no es necesario mostrar poemas, etc.

Damos un ejemplo de uso de la traducción forzada de la cadena (Fig. 1.8):

Utilice traducción forzada de fila

Sobre Petrogrado con estupefono

Dyshalova en noviembre Otoño Chlad.

Ola bonita ruidosa

En el borde de su cerca es delgado,

Neva corrió como un paciente.

En su cama inquieta.

A.S. Pushkin. Jinete de bronce

Higo. 1.8. Etiqueta
se puede utilizar para forzar la traducción de fila

En contraste con la etiqueta del párrafo.

Cuando usas etiqueta
La cadena vacía no se formará.

Usando etiqueta
requiere precaución: una situación es posible cuando el navegador ya ha hecho una transferencia de filas por una o dos palabras antes de cumplir con su etiqueta
. Esto sucede si el ancho de la ventana del visor del lector es menor que el mismo parámetro del programa con el que probó su documento. Puede resultar que solo una palabra permanecerá en la línea en medio de un párrafo, interrumpiendo así la belleza del diseño del documento.

Nota

Cuando usas etiqueta
Para romper el texto, la imagen o la tabla que fluye, puede configurar el parámetro transparente que deje de fluir. Esto se puede leer en los capítulos 3 y 4.

Etiquetas u.

Hay situaciones en las que desea realizar el funcionamiento del propósito opuesto, para prohibir la traducción de la cadena. Hay una etiqueta de contenedor . Se garantizará que el texto marcado por esta etiqueta se ubique en una barra, independientemente de su longitud. Si al mismo tiempo, la cadena resultante irá más allá de la ventana de visualización del navegador, aparecerá la barra de desplazamiento horizontal.

Nota

Para garantizar la continuidad del texto ubicado en las tablas de las tablas, hay un parámetro especial de la etiqueta Nowrap . Esto se puede encontrar en el Capítulo 4.

Colocando texto con una etiqueta de una cadena inseparable Puedes obtener líneas muy largas. Para evitar esto, puede especificar el navegador del lector, la ubicación de la fila es posible, que se realizará solo si es necesario (la traducción de línea "llamada" SOFT "). Esto se puede hacer colocando una etiqueta en el lugar correcto (Rotura de la palabra), que es como una etiqueta.
No necesita una etiqueta de cierre.

Nota

Etiqueta No es compatible con el navegador Netscape. Navegador Microsoft. Explorador de Internet. Reconoce esta etiqueta solo en el texto marcado por las etiquetas .

LECCIÓN 5.

En esta lección, nosotros:
1. Aprende a hacer código HTML Fue más conveniente para nosotros y leer fácilmente.
2. Analizaremos cómo hacer correctamente la transferencia de la cadena de texto.

Hacemos un código HTML conveniente.

Ahora nuestro código es comprensible y fácil de leer, ya que hay pocos texto en él y prácticamente no hay etiquetas. Cuando creamos una página más compleja, habrá muchas etiquetas allí, en consecuencia, encontrará que será difícil de encontrar.

Para que no haya ningún gachas de gachas, debe organizar inicialmente etiquetas y líneas para que sean más fácilmente percibidos visualmente. Cuando el navegador lee la información de páginas HTML, no diferencia cuántos espacios y cuántas filas vacías en el código.

Cambié el texto en el código de la página sobre el que creamos, pero no importa. A la izquierda y la figura derecha muestra el mismo código. Ambas opciones se mostrarán el navegador en la pantalla del monitor es absolutamente lo mismo. De acuerdo, trabajar con el código representado a la derecha será mucho más fácil que con el hecho de que a la izquierda.

El código que somos muy simples, pero incluso ahora la diferencia en la percepción visual es notable. No hay reglas específicas para "ordenar orden", cada maestro decide cómo es más conveniente trabajar.

Transferencia de cadena HTML. TAG & LTBR & GT.

Presta atención al dibujo. En la primera variante, el texto está escrito en una línea, en la segunda versión en dos líneas.


El navegador mostrará ambas opciones por igual. El texto se escribirá en una línea:


¿Preguntas por qué así? De hecho, en uno de los códigos, la parte del texto se transfiere a otra cadena. Sería lógico si en el navegador parte del texto también se trasladó a otra línea, pero HTML tiene su propia lógica a este respecto. Si tomamos la línea en código HTML, entonces para el navegador es equivalente a un espacio (como una brecha ordinaria entre las palabras en el texto). Si transfiramos parte del texto, no una línea hacia abajo, y 2 o 3 (cualquier número), entonces el navegador seguirá leyendo esta distancia para un espacio ordinario entre las palabras y al mostrar el texto, el texto se escribirá en una fila .

TAG & LTR & GT

Cuando nos familiaricamos con las etiquetas en la tercera lección, mencioné que hay etiquetas que no requieren cierre. Etiqueta & Ltbr & gt Uno de ellos sirve para transferir la cadena.
Vamos a aplicarlo al código:

Insertamos etiqueta & Ltbr & gt En nuestro código HTML y ahora, cuando inicie un archivo a través de un navegador, parte del texto se transferirá a la siguiente escorrentía.
* No se olvide de guardar los cambios en el Bloc de notas (Ctrl + S) e iniciar una página en el navegador (F5).

A menudo requerido dentro de uno células de Excel Hacer que la transferencia de texto a una nueva cadena. Es decir, mueva el texto en las filas dentro de la misma celda que se indica en la imagen. Si, después de ingresar la primera parte del texto, simplemente presione la tecla ENTER, el cursor se transferirá a la siguiente línea, pero otra celda, y debemos transferirnos en la misma celda.

Esta es una tarea muy frecuente y se resuelve de manera muy simple: transferir texto a una nueva línea dentro de la misma celda de Excel, debe hacer clic en Alt + entrar. (Sujete la tecla Alt, luego no la libere, presione la tecla ENTER)

Cómo transferir texto a una nueva cadena en Excel usando la fórmula

A veces, se requiere que la transferencia de la línea no esté abierta, sino que use las funciones en Excel. Así es como en este ejemplo en la imagen. Presentamos un nombre, apellido y patronímico y se dirige automáticamente a la celda A6.

En la ventana que se abre, en la pestaña Alineación, debe colocar la casilla junto a "Transferencia de acuerdo con las palabras" como se indica en la imagen, de lo contrario, la transferencia de cadenas en Excel no se mostrará correctamente utilizando fórmulas.

Como en Excel, reemplace la señal de transferencia a otro símbolo y hacia atrás usando la fórmula

lata cambiar el símbolo de transferencia a cualquier otro signo, por ejemplo, en el espacio, utilizando la función de texto para sustituir en Excel

Considere en el ejemplo que en la imagen de arriba. Entonces, en la celda B1, recetamos una función para sustituir:

Sustituto (A1; símbolo (10); "")

A1: este es nuestro texto con una transferencia de cadena;
El símbolo (10) es la transferencia de la línea (lo consideramos un poco más alto en este artículo);
"" Es un espacio, ya que cambiamos la transferencia de la cadena al espacio.

Si necesita hacer una operación inversa, cambie el espacio en el signo (símbolo) de la transferencia, entonces la función se verá en consecuencia:

Sustituto (A1; ""; símbolo (10))

Le recuerdo que la transferencia de filas se refleja correctamente, es necesaria en las propiedades de las celdas, en la sección "Alineación", especifique "Transferencia a las líneas".

Cómo cambiar el signo de transferencia en la brecha y volver a Excel mediante la búsqueda - reemplazo

Hay casos en que las fórmulas a usar son inconvenientes y deben ser reemplazadas rápidamente. Para hacer esto, usamos la búsqueda y reemplazo. Resaltamos nuestro texto y presione CTRL + H, aparecerá la siguiente ventana.

Si necesitamos cambiar la transferencia de la cadena en el espacio, luego en la línea "Buscar" debe ingresar la transferencia de la línea para este párese en el campo "Encontrar", luego haga clic en la tecla Alt, sin liberarlo, escriba en el teclado 010 es el código de transferencia de línea, no será visible en este campo..

Después de eso, en el campo "Reemplazar a", ingrese un espacio o cualquier otro carácter al que necesita cambiar y hacer clic en "Reemplazar" o "Reemplazar todo".

Por cierto, en Word se implementa con mayor claridad.

Si necesita cambiar el símbolo de transferencia de cadena en el espacio, luego en el campo "Buscar" que necesita para especificar el código especial de la "Break Break", que se indica como ^ L.
En el campo "Reemplazar:", debe hacer solo un espacio y hacer clic en "Reemplazar" o "Reemplazar todo".

Puede cambiar no solo la transferencia de la cadena, sino también otras símbolos especialesPara obtener su código apropiado, debe hacer clic en el botón "Más \u003e\u003e", "Especial" y seleccione el código que necesita. Te recuerdo que esta característica Solo hay en Word, en Excel estos personajes no funcionarán.

Cómo cambiar la transferencia de la cadena en un espacio o viceversa en Excel con VBA

Considere un ejemplo para celdas seleccionadas. Es decir, destacamos las células requeridas y lanzamos la macro.

1. Cambiamos las brechas en las transferencias en las celdas seleccionadas usando VBA

Sub Spacenoines ()
Para cada celda en selección.
Cell.Value \u003d Reemplazar (Cell.Value, Chr (32), CHR (10))
próximo
Sub. Sub.

2. Cambiamos las transferencias a espacios en las celdas seleccionadas usando VBA.

Comandos de sub transferidos ()
Para cada celda en selección.
Cell.Value \u003d Reemplazar (Cell.Value, Chr (10), CHR (32))
próximo
Sub. Sub.

El código es muy simple Chr (10): esta es la transferencia de la cadena, la CHR (32) es un espacio. Si desea cambiar a cualquier otro símbolo, simplemente reemplace el número de código correspondiente al símbolo deseado.

Códigos de caracteres de Excel

A continuación, en la imagen marcó varios caracteres y códigos correspondientes a ellos, varias columnas son una fuente diferente. Para ampliar la imagen, haga clic en la imagen.

Cadena de traducción, transferencia de línea, transferencia a una nueva línea es todo sobre uno. En el idioma HTML, la transferencia a una nueva línea se usa a menudo. Hay varias maneras: Use la etiqueta
Para transferir a una nueva cadena, y puede usar las propiedades CSS para transferir la cadena. Considere un ejemplo de usar la etiqueta de transferencia de filas:

En CSS, la transferencia de filas se puede realizar de diferentes maneras, por ejemplo, como esta:

Br
Flotador izquierdo;
Ancho: 100%;
Margen: 0 0 20px 0; / * Punto después de la fila 20 píxeles * /
}

Línea divisoria con HTML o CSS

En HTML, cree una línea de separación es muy simple. También utiliza etiqueta no remunerada


- Esta es la línea divisoria. La línea de separación comienza con una nueva línea y hay un sangría. Puede controlar el estilo de la línea horizontal, así como puede hacerle una alternativa. En lo sucesivo, un ejemplo de una línea divisoria con una etiqueta:

Y ahora vamos a estilizar (cambiar estilos, cambiar apariencia) Nuestra línea divisoria:

hr (
Ancho: 80%; / * ancho de línea * /
Altura: 4px; / * Altura / grosor de línea * /
Fondo: # 333; / * Fondo / línea de color * /
Frontera: 0; / * Marco alrededor de la línea de separación (elimínelo) * /
Margen: 5px 0 5px 0; / * guión por encima y debajo de la línea 5 píxeles * /
}

Y crea una alternativa a nuestra línea divisoria con la etiqueta

y CSS.

A menudo la necesidad de agregar un nuevo párrafo, pero sin una cadena vacía, que se inserta la etiqueta del párrafo

Para algunos fragmentos de texto, los intervalos estándar simplemente son inapropiados para los párrafos. Puede ser inscripciones debajo de las imágenes y en tablas, poemas, cotizaciones, notas al pie y notas.

Para la transferencia forzada de filas, se proporciona una etiqueta especial, cuya función se coloca en su nombre BR (Break Row - "Romper una fila, cadena"). Etiqueta
El lenguaje de marcado HTML Hypertext significa que todos los siguientes contenidos para ello deben comenzar con una nueva fila. Si es necesario, puede poner varias etiquetas seguidas para lograr el intervalo requerido.

Etiqueta
No sensible al registro y no requiere una etiqueta de cierre, ya que es un elemento vacío, pero es mejor acostumbrarse a cerrar todas las etiquetas. En la etiqueta de ruptura XHTML debe estar "hermosamente cerrada" a la barra inversa.

Ejemplo de uso de una etiqueta de ruptura

BR TAG EN ACCIÓN< /title></p><p><р> Conducir en servicio</р></p><p><p>Todavía en cualquier lugar y nunca <br></p><p>No era tan malo <br></p><p>Cabezas del Gard Orda. <br></p><p>Estoy viva</р></p><p>Conducir en servicio</p><p>Todavía en cualquier lugar y nunca <br>No era tan malo. <br>Cabezas del Gard Orda. <br>Yo me gana vivo.</p><h2>Atributo de etiqueta <br></h2><p>El único atributo que tiene <a href="https://mkr-novo2.ru/es/problems/kak-sdelat-krasivyi-shrift-v-html-razmery-cveta-tegi-shriftov-html-kak-zapisat-v-html.html">etiqueta html</a> <br>, Se llama indica que el navegador, cómo inscribirse con una cadena portátil, si el texto tendrá que contender el llamado elemento flotante, que puede ser, por ejemplo, una imagen con un atributo de alineación de alineación utilizando valores derecho / izquierdo, o un bloque en CSS, que se deletrea la propiedad de flotación.</p><p>En especificaciones por XHTML 1.0 / HTML 4.01, el atributo transparente solo se puede usar con transición, el marcado y<!DOCTYPE>De lo contrario, el código no funcionará.</p><h2>Propiedades de atributo de etiqueta</h2><p>El efecto del uso del atributo transparente depende de su valor y la ubicación del elemento flotante que fluye. El atributo puede tomar 4 valores:</p><p><br clear = "right | left | all | none"></p><p><img src='https://i2.wp.com/fb.ru/misc/i/gallery/21147/458111.jpg' width="100%" loading=lazy loading=lazy></p><p>El valor izquierdo prohíbe el flujo alrededor del elemento alineado en el borde izquierdo, por lo que el texto, "tropezando" sobre la etiqueta <br>Se ubicará debajo de la imagen u otro elemento flotante.</p><p>Exactamente, tal resultado será de usar todos los argumentos, lo que no permitirá ni a la derecha ni a la izquierda.</p><p>El valor correcto evita que el texto que fortalezca el elemento alineado en el borde derecho, así que después de la etiqueta <br> El texto no se dejará nada más, cómo omitir la imagen, acostado a la derecha.</p><p>El valor de ninguno ("ni su, ninguno") generalmente elimina todos los poderes del atributo claro, y la etiqueta <br> En silencio lleva la cuerda hacia abajo.</p><p>El valor predeterminado, como tal, falta en el atributo transparente.</p><h2>Etiqueta <br> - Es una transferencia suave</h2><p>La etiqueta de ruptura de cadena es muy conveniente para crear los intervalos necesarios entre los párrafos, dentro de los cuales se usa como una transferencia suave, pero no como un medio para dividir el texto a los párrafos.</p><p><img src='https://i0.wp.com/fb.ru/misc/i/gallery/21147/458084.jpg' width="100%" loading=lazy loading=lazy></p><p>No debe estar demasiado involucrado en la etiqueta de la traducción de las cadenas para formatear texto, porque los resultados de su uso no siempre se distinguen por la gracia.</p><p>Por ejemplo, si se usa etiqueta <br> Para transferir las líneas dentro del párrafo, esto puede llevar a la aparición de un "peine" en la ventana del usuario, si es más pequeña que la ventana a la que se enfocó el webmaster.</p> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> </div> </div> </div> <aside class="col-lg-4 col-md-12 col-md-offset-4 col-lg-offset-0" id="right"> <div> </div> <br/> <div> </div> <br/> <div> </div> <br/> <div> </div> <br/> </aside> </div> </div> </div> <div class="popup" id="share"> <div class="perfect-scroll" style="text-align: center"> <div style="margin-bottom: 20px"> <strong> La descarga ahora comenzará ...</strong> <br> No te olvides de compartir el material. <br>en redes sociales con su <br> Colegas</div> <div> <div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus" data-counter=""></div> </div> </div> <div class="close-pop pull-right"> <svg width="10px" height="10px" viewBox="0 0 10 10"> <path fillrule="evenodd" d="M 6.41 5C 6.41 5 9.24 7.83 9.24 7.83 9.63 8.22 9.63 8.85 9.24 9.24 8.85 9.63 8.22 9.63 7.83 9.24 7.83 9.24 5 6.41 5 6.41 5 6.41 2.17 9.24 2.17 9.24 1.78 9.63 1.15 9.63 0.76 9.24 0.37 8.85 0.37 8.22 0.76 7.83 0.76 7.83 3.59 5 3.59 5 3.59 5 0.76 2.17 0.76 2.17 0.37 1.78 0.37 1.15 0.76 0.76 1.15 0.37 1.78 0.37 2.17 0.76 2.17 0.76 5 3.58 5 3.58 5 3.58 7.83 0.76 7.83 0.76 8.22 0.37 8.85 0.37 9.24 0.76 9.63 1.15 9.63 1.78 9.24 2.17 9.24 2.17 6.41 5 6.41 5Z"></path> </svg> </div> </div> <section id="views"> <div class="container"> </div> </section> <script type="text/javascript"> $(document).ready( function () { $('.kursiv').readmore({ speed: 75, maxHeight: 84, heightMargin: 16, moreLink: '<a href="#"><span>Показать полностью</span>', lessLink: '<a href="#"><span>Скрыть</span></a>', } ); } ); </script> <style> div.kursiv { margin-bottom: 0; } #razrabotka { margin-top: 30px; } .readmore-js-toggle { font-style: italic; color: #999; display: inline; margin-right: 10px; font-size: 14px; cursor: pointer; border-bottom: 1px dotted #e6e6e6; } </style></section> <footer> <div class="container"> <div class="row"> <div class="col-xs-16 col-sm-4 col-md-3"> <p>© 2021, mkr-novo2.ru, internet. Educación. Programas. Firmware. Instalacion y configuracion. Navegantes</p> <div class="social"> <a target="_blank" href=""> <svg width="32px" height="19px" viewBox="0 0 32 19"> <path fillRule="evenodd" d="M 15.36 18.01C 15.36 18.01 17.24 18.01 17.24 18.01 17.24 18.01 17.81 17.94 18.1 17.64 18.36 17.37 18.35 16.85 18.35 16.85 18.35 16.85 18.32 14.41 19.49 14.05 20.64 13.7 22.12 16.4 23.69 17.45 24.87 18.23 25.77 18.06 25.77 18.06 25.77 18.06 29.97 18.01 29.97 18.01 29.97 18.01 32.16 17.87 31.12 16.21 31.03 16.07 30.51 14.97 28 12.72 25.37 10.35 25.72 10.74 28.89 6.65 30.82 4.16 31.59 2.65 31.35 2 31.12 1.38 29.7 1.54 29.7 1.54 29.7 1.54 24.98 1.57 24.98 1.57 24.98 1.57 24.63 1.52 24.37 1.67 24.12 1.82 23.95 2.16 23.95 2.16 23.95 2.16 23.21 4.09 22.21 5.72 20.11 9.18 19.27 9.36 18.92 9.15 18.12 8.65 18.32 7.14 18.32 6.07 18.32 2.72 18.85 1.32 17.3 0.96 16.79 0.84 16.41 0.76 15.1 0.75 13.41 0.73 11.99 0.76 11.18 1.14 10.64 1.39 10.23 1.96 10.48 1.99 10.79 2.03 11.5 2.18 11.88 2.67 12.36 3.31 12.34 4.74 12.34 4.74 12.34 4.74 12.62 8.68 11.69 9.17 11.06 9.5 10.18 8.82 8.31 5.68 7.35 4.08 6.62 2.3 6.62 2.3 6.62 2.3 6.48 1.97 6.23 1.8 5.93 1.58 5.51 1.51 5.51 1.51 5.51 1.51 1.02 1.54 1.02 1.54 1.02 1.54 0.35 1.56 0.1 1.84-0.12 2.09 0.08 2.62 0.08 2.62 0.08 2.62 3.6 10.57 7.57 14.57 11.22 18.25 15.36 18.01 15.36 18.01 15.36 18.01 15.36 18.01 15.36 18.01Z"/> </svg> </a> <a target="_blank" href=""> <svg viewBox="0 0 25 25" width="25px" height="25px"> <path class="st0" d="M12.5,12.7c3.2,0,5.8-2.6,5.8-5.8c0-3.2-2.6-5.8-5.8-5.8C9.3,1,6.7,3.6,6.7,6.8C6.7,10,9.3,12.7,12.5,12.7z M12.5,3.9c1.6,0,2.9,1.3,2.9,2.9c0,1.6-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9C9.6,5.2,10.9,3.9,12.5,3.9z M19.2,13.4 c-0.3-0.7-1.2-1.2-2.5-0.3c-1.6,1.3-4.3,1.3-4.3,1.3s-2.6,0-4.3-1.3c-1.2-1-2.1-0.4-2.5,0.3c-0.6,1.2,0.1,1.7,1.5,2.7 c1.3,0.8,3,1.1,4.1,1.2l-0.9,0.9c-1.3,1.3-2.6,2.6-3.4,3.4c-0.5,0.5-0.5,1.4,0,1.9l0.2,0.2c0.5,0.5,1.4,0.5,1.9,0l3.4-3.4 c1.3,1.3,2.6,2.6,3.4,3.4c0.5,0.5,1.4,0.5,1.9,0l0.2-0.2c0.5-0.5,0.5-1.4,0-1.9l-3.4-3.4l-0.9-0.9c1.1-0.1,2.8-0.4,4.1-1.2 C19.2,15.1,19.8,14.5,19.2,13.4z"/> </svg> </a> <a target="_blank" href="https://facebook.com/"> <svg width="26px" height="25px" viewBox="0 0 26 25"> <path fillRule="evenodd" d="M 24.33-0C 24.33-0 1.96-0 1.96-0 1.19-0 0.57 0.62 0.57 1.38 0.57 1.38 0.57 23.62 0.57 23.62 0.57 24.38 1.19 25 1.96 25 1.96 25 14 25 14 25 14 25 14 15.32 14 15.32 14 15.32 10.72 15.32 10.72 15.32 10.72 15.32 10.72 11.54 10.72 11.54 10.72 11.54 14 11.54 14 11.54 14 11.54 14 8.76 14 8.76 14 5.53 15.98 3.77 18.88 3.77 20.27 3.77 21.46 3.88 21.81 3.92 21.81 3.92 21.81 7.3 21.81 7.3 21.81 7.3 19.8 7.3 19.8 7.3 18.22 7.3 17.92 8.04 17.92 9.13 17.92 9.13 17.92 11.54 17.92 11.54 17.92 11.54 21.68 11.54 21.68 11.54 21.68 11.54 21.19 15.32 21.19 15.32 21.19 15.32 17.92 15.32 17.92 15.32 17.92 15.32 17.92 25 17.92 25 17.92 25 24.33 25 24.33 25 25.09 25 25.71 24.38 25.71 23.62 25.71 23.62 25.71 1.38 25.71 1.38 25.71 0.62 25.09-0 24.33-0Z"/> </svg> </a> <a target="_blank" href="https://youtube.com/"> <svg width="26px" height="19px" viewBox="0 0 26 19"> <path fillRule="evenodd" d="M 25.75 14.46C 25.75 14.46 25.5 16.18 24.75 16.93 23.79 17.92 22.72 17.93 22.23 17.99 18.71 18.24 13.43 18.25 13.43 18.25 13.43 18.25 6.89 18.19 4.88 18 4.32 17.89 3.06 17.92 2.11 16.93 1.35 16.18 1.11 14.46 1.11 14.46 1.11 14.46 0.86 12.45 0.86 10.44 0.86 10.44 0.86 8.55 0.86 8.55 0.86 6.54 1.11 4.52 1.11 4.52 1.11 4.52 1.35 2.81 2.11 2.05 3.06 1.06 4.14 1.06 4.63 1 8.15 0.75 13.42 0.75 13.42 0.75 13.42 0.75 13.43 0.75 13.43 0.75 13.43 0.75 18.71 0.75 22.23 1 22.72 1.06 23.79 1.06 24.75 2.05 25.5 2.81 25.75 4.52 25.75 4.52 25.75 4.52 26 6.54 26 8.55 26 8.55 26 10.44 26 10.44 26 12.45 25.75 14.46 25.75 14.46ZM 10.83 5.73C 10.83 5.73 10.83 12.72 10.83 12.72 10.83 12.72 17.62 9.24 17.62 9.24 17.62 9.24 10.83 5.73 10.83 5.73Z"/> </svg> </a> </div> </div> <div class="col-lg-2 col-sm-4 col-xs-16 links"> <h4>mkr-novo2.ru.</h4> <a href="https://mkr-novo2.ru/es/category/internet/">La Internet</a> <a href="https://mkr-novo2.ru/es/category/multimedia/">Multimedia</a> <a href="https://mkr-novo2.ru/es/category/navigation/">Navegantes</a> <a href="https://mkr-novo2.ru/es/category/education/">Educación</a> <a href="https://mkr-novo2.ru/es/category/at/">POR</a> <a href="https://mkr-novo2.ru/es/category/problems/">Problemas</a> </div> <div class="col-lg-2 col-sm-3 col-xs-16 links"> <h4>sobre el proyecto</h4> <a href="">Realimentación</a> <a href="">Sobre el sitio</a> </div> <div class="col-lg-5 col-sm-1 col-xs-16 links"></div> <div class="col-lg-4 col-sm-5 col-xs-16 links"> </div> </div> <div class="row v-center"> <div class="col-md-8 col-xs-16"> <a data-fancybox data-type="iframe" data-src="">Contactos</a> </div> <div class="col-md-8 col-xs-16"> <div class="share pull-right"> <script type="text/javascript" src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js" charset="utf-8"></script> <script type="text/javascript" src="//yastatic.net/share2/share.js" charset="utf-8"></script> <div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus" data-counter=""></div> </div> </div> </div> </div> </footer> <a href="https://mkr-novo2.ru/es/#bot" id="to-top"> <svg width="50px" height="50px" viewBox="0 0 50 50"> <circle cx="25.00" cy="25.00" r="25.00" fill="rgb(0,0,0)" opacity="0.37"/> <path fillRule="evenodd" d="M 33.94 24.46C 33.94 24.46 25.89 16.3 25.89 16.3 25.32 15.73 24.41 15.73 23.84 16.3 23.84 16.3 15.79 24.46 15.79 24.46 14.88 25.38 15.52 26.97 16.81 26.97 16.81 26.97 20.43 26.97 20.43 26.97 21.23 26.97 21.88 27.62 21.88 28.43 21.88 28.43 21.88 32.51 21.88 32.51 21.88 33.71 22.83 34.68 24.01 34.68 24.01 34.68 25.72 34.68 25.72 34.68 26.9 34.68 27.86 33.71 27.86 32.51 27.86 32.51 27.86 28.43 27.86 28.43 27.86 27.62 28.5 26.97 29.31 26.97 29.31 26.97 32.92 26.97 32.92 26.97 34.21 26.97 34.85 25.38 33.94 24.46Z" fill="rgb(241,241,241)"/> </svg> </a> <div class="overlay"></div> <div class="popup" id="password"> <div class="perfect-scroll"> <h2>Recuperación de contraseña <div class="close-pop pull-right"> <svg width="10px" height="10px" viewBox="0 0 10 10"> <path fillRule="evenodd" d="M 6.41 5C 6.41 5 9.24 7.83 9.24 7.83 9.63 8.22 9.63 8.85 9.24 9.24 8.85 9.63 8.22 9.63 7.83 9.24 7.83 9.24 5 6.41 5 6.41 5 6.41 2.17 9.24 2.17 9.24 1.78 9.63 1.15 9.63 0.76 9.24 0.37 8.85 0.37 8.22 0.76 7.83 0.76 7.83 3.59 5 3.59 5 3.59 5 0.76 2.17 0.76 2.17 0.37 1.78 0.37 1.15 0.76 0.76 1.15 0.37 1.78 0.37 2.17 0.76 2.17 0.76 5 3.58 5 3.58 5 3.58 7.83 0.76 7.83 0.76 8.22 0.37 8.85 0.37 9.24 0.76 9.63 1.15 9.63 1.78 9.24 2.17 9.24 2.17 6.41 5 6.41 5Z"/> </svg> </div> </h2> <div class="recover-success"> <form action="/recovery/request" data-method="post" method="post" class="recover_form"> <p>Ingrese su correo electrónico para restaurar la contraseña!</p> <div class="input-wrp"> <input name="email" type="text" placeholder="Introduce tu correo electrónico"> </div> <input type="submit" data-disable-with="Отправить..." class="btn green" value="Enviar"> </form> </div> <div class="auth-form_error" style="padding-top: 10px"></div> </div> </div> <script> $('.user.one').click(function (e, ob) { $('.user').removeClass('active-user'); $('.user.one').addClass('active-user'); $('#user_type').val('1'); e.stopPropagation(); } ); $('.user.two').click(function (e, ob) { $('.user').removeClass('active-user'); $('.user.two').addClass('active-user'); $('#user_type').val('2'); e.stopPropagation(); } ); $('.user.three').click(function (e, ob) { $('.user').removeClass('active-user'); $('.user.three').addClass('active-user'); $('#user_type').val('3'); e.stopPropagation(); } ); function clearErrors() { $('.auth-form_error').each(function () { $(this).html(''); } ); } $('body').on('click', '.open-login-form', function (e) { $('#register, .overlay').removeClass('visible-pop'); $('#login, .overlay').addClass('visible-pop'); e.preventDefault(); } ); $('body').on('click', '.open-pass-form', function (e) { $('#register, .overlay').removeClass('visible-pop'); $('#password, .overlay').addClass('visible-pop'); e.preventDefault(); } ); $('.login_form') .on('ajax:beforeSend', function (event, xhr, settings) { clearErrors(); } ) .on('ajax:complete', function (event, xhr, status) { } ) .on('ajax:success', function (event, data, status, xhr) { if (data.status == 0) { $('.auth-form_error').html(data.text + '<br>'); } else { $('.open-register').html(data.text); var delay = 1000; window.location.href = url = window.location.href + "?login=ok"; location.replace(url); setTimeout('window.location.reload(true);', delay); } } ).on('ajax:error', function (event, xhr, status, error) { } ); $('.recover_form') .on('ajax:beforeSend', function (event, xhr, settings) { clearErrors(); } ) .on('ajax:complete', function (event, xhr, status) { } ) .on('ajax:success', function (event, data, status, xhr) { console.log(data); if (data.status == 0) { $('.auth-form_error').html(data.text + '<br>'); } else { $('.recover-success').html('<div class="success" >' + data.text + '</div>'); } } ).on('ajax:error', function (event, xhr, status, error) { } ); $('.registration_form') .on('ajax:beforeSend', function (event, xhr, settings) { var emailError = $('#emailError'); var passwordError = $('#passwordError'); var passwordVerify = $('#passwordVerifyError'); var userTypeError = $('#userTypeError'); var emailExist = $('#emailExist'); emailError.html(''); passwordError.html(''); passwordVerify.html(''); userTypeError.html(''); emailExist.hide(); } ) .on('ajax:complete', function (event, xhr, status) { } ).on('ajax:success', function (event, data, status, xhr) { // insert the failure message inside the "#account_settings" element //console.log(data); if (data.status == 0) { //$('.reg-info').html('<div class="error">' + data.text + '</div>'); if (data.text.email) { var emailError = $('#emailError'); var emailExist = $('#emailExist'); console.log(data.text.email); if (data.text.email == 'Найдена совпадающая со значением запись') { console.log('alert'); emailExist.show(); } else { emailError.html('<i class="icon-error"></i><div class="error_note_wrapper">' + '<div class="error_note">' + '<span class="error_note_text">' + data.text.email + '</span></div></div>'); } } if (data.text.password) { var passwordError = $('#passwordError'); console.log(data.text.password); passwordError.html('<i class="icon-error"></i><div class="error_note_wrapper">' + '<div class="error_note">' + '<span class="error_note_text">' + data.text.password + '</span></div></div>'); } if (data.text.passwordVerify) { var passwordVerify = $('#passwordVerifyError'); console.log(data.text.passwordVerify); passwordVerify.html('<i class="icon-error"></i><div class="error_note_wrapper">' + '<div class="error_note">' + '<span class="error_note_text">' + data.text.passwordVerify + '</span></div></div>'); } if (data.text.captcha) { var captcha = $('#captchaError'); console.log(data.text.captcha); captcha.html('<i class="icon-error"></i><div class="error_note_wrapper">' + '<div class="error_note">' + '<span class="error_note_text">' + data.text.captcha + '</span></div></div>'); } if (data.text.userType) { var user_type = $('#userTypeError'); console.log(data.text.userType); user_type.html('<i class="icon-error"></i><div class="error_note_wrapper">' + '<div class="error_note">' + '<span class="error_note_text">' + data.text.userType + '</span></div></div>'); } } else { $('.reg-success').html(data.text); var delay = 2000; window.location.href = url = window.location.href + "?reg=ok"; location.replace(url); setTimeout('window.location.reload(true);', delay); } } ).on('ajax:error', function (event, xhr, status, error) { } ); </script> <div class="popup" id="premium-pop"> </div> <link rel="stylesheet" href="/videouroki/res/lightslider/lightslider.min.css"> <link rel="stylesheet" href="/videouroki/res/perfectScrollbar/perfect-scrollbar.css"> <link rel="stylesheet" href="/videouroki/assets/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" href="/assets/vendor/fancybox/jquery.fancybox.min.css"> <script src="/videouroki/res/perfectScrollbar/perfect-scrollbar.jquery.min.js"></script> <script src="/js/rails.js"></script> <script src="/videouroki/res/lightslider/lightslider.min.js"></script> <script src="/videouroki/res/jquery.validate.min.js"></script> <script src="/videouroki/res/autosize-master/autosize.min.js"></script> <script src="/videouroki/js/tabs.js"></script> <script src="/videouroki/js/select.js"></script> <script src="/videouroki/js/global.js?2109"></script> <script src="/videouroki/js/views.js"></script> <script src="/videouroki/plugin/notify/notify.min.js"></script> <script src="/videouroki/plugin/notify/notify-metro.js"></script> <script src="/videouroki/js/lazyload.min.js"></script> <script src="/assets/vendor/fancybox/jquery.fancybox.min.js"></script> <script type="text/javascript"> $(document).ready( function () { // new LazyLoad(); } ) </script> <!--[if gte IE 9]><script type="text/javascript" src="/videouroki/assets/ckeditor-mini/ckeditor.js"></script><![endif]--> <script type="text/javascript" src="/videouroki/js/readmore.js"></script></body> </html>