el principal / Firmware / Módulos HTML de frijol Nombre PHP. Creando tu propio estilo para los módulos

Módulos HTML de frijol Nombre PHP. Creando tu propio estilo para los módulos

Tocamos superficialmente los temas de los métodos de salida de contenido en el cuerpo de la plantilla. Veamos ahora en detalle lo que es y con lo que se come. Entonces, los anuncios del método. jDOC está presente en cada plantilla Joomla. y se muestra en el cuerpo de la plantilla (me refiero a la página del sitio) de esta o esa información. En general, el método AD es el siguiente.

Esta línea muestra información en el sitio de componentes, como artículos de com_content. El tipo de elementos de salida se especifica en el atributo.

1. Tipo - Tipos de elementos de salida.

componente. - Como escribió arriba, muestra el contenido principal de la página. Se puede llamar solo una vez en la plantilla.
cabeza. - declarado solo una vez después de la etiqueta de operación . Sirve a estilos de salida, scripts, y los metadatos de la página actual.</li><li><i>mensaje</i><i>- </i> Muestra mensajes del sistema. Anunciado una vez en el cuerpo del documento (cuerpo).</li><li><i>instalación</i> - Nada muestra y representa "Instrucciones" para la instalación.</li><li><i>módulo -</i>muestra un solo módulo en la página. El número de anuncios no está limitado.</li><li><i>módulos.</i> - A diferencia del tipo anterior, le permite generar en su posición, no es un solo número de módulos.</li> </ul><p>Para los primeros cuatro tipos especificados, solo especifíquelos en la página. En el caso del tipo de módulo, la tarea es ligeramente complicada. Para mostrar el módulo en la página, necesitamos crear primero para ello <b>posición modular</b> de <a href="https://mkr-novo2.ru/es/education/gde-hranyatsya-sessii-php-php-sessii-pod-skalpelem-kak-rabotayut-php.html">identificador único</a> (Nombre de posición del módulo). Esto se hace utilizando el atributo Nombre \u003d "Nombre de posición" y la adición obligatoria de una cadena:</p><p> <position>posición de nombre</position> al archivo TemplateTails.xml. Describiendo el nombre de la posición en TemplateTails.xml, lo denotamos en el sistema y nos vemos en el administrador del módulo. Los nombres de posición pueden ser arbitrarios, aunque la posición Name \u003d "User3", se usa de forma predeterminada para mostrar el menú superior.</p><p><b>2. Estilo - Descripción del estilo de salida (mod cromo).</b></p> <p>Del estilo especificado depende <a href="https://mkr-novo2.ru/es/navigation/nastroika-yealink-w52p-dlya-ip-telefonii-yealink-w52p---besprovodnaya-voip-dect-sistema.html">apariencia</a> y la estructura del shell del módulo. Parece</p><p> :<jdoc:include type="modules" name="user1" style="xhtml" /> De forma predeterminada, se colocan varios estilos de salida del módulo:</p><ul><li><i>xhtml -</i> Muestra un módulo en un bloque con función MODCHROME_xHTML encabezado ($ módulo, & $ params, & $ attribs) <br>{<br> Si (! Vacío ($ módulo-\u003e contenido)) :?\u003e <br> <div class="moduletable<?php echo htmlspecialchars($params->obtener ("moduleclass_sfx")); ?\u003e "\u003e <br> <?php if ($module->showtitle! \u003d 0) :?\u003e <br> <h3><?php echo $module->título; ?\u003e.</h3><br> <?php endif; ?><br> <?php echo $module->contenido; ?\u003e. <br> </div><br> <?php endif;<br>}</li><li><i>mesa -</i>muestra un módulo en el diseño de la estructura tabular. <br> Función MODCHROME_TABLE ($ MÓDULO, & $ PARAMOS, & $ ATTRIBS) <br>{ ?><br> <table cellpadding="0" cellspacing="0" class="moduletable<?php echo htmlspecialchars($params->obtener ("moduleclass_sfx")); ?\u003e "\u003e <br> <?php if ($module->showtitle! \u003d 0) :?\u003e <br> <tr><br> <th><br> <?php echo $module->título; ?\u003e. <br> </th><br> </tr><br> <?php endif; ?><br> <tr><br> <td><br> <?php echo $module->contenido; ?\u003e. <br> </td><br> </tr><br> </table><br> <?php<br>}</li><li><i>horz -</i>muestra los contenidos del módulo en la celda de la tabla, Función horizontal MODCHROME_HORZ ($ MÓDULO, & $ PARAMS, & $ ATTRITS) <br>{ ?><br> <table cellspacing="1" cellpadding="0" width="100%"><br> <tr><br> <td><br> <?php modChrome_table($module, $params, $attribs); ?><br> </td><br> </tr><br> </table><br> <?php<br>}</li><li><i>redondeado.</i> - Muestra un módulo en varios bloques anidados para un diseño de estilo complejo en forma de límites gráficos (por ejemplo, ángulos redondeados) Función MODCHROME_ROUNDED ($ MÓDULO, & $ params, & $ attribs) <br>{ ?><br> <div class="module<?php echo htmlspecialchars($params->obtener ("moduleclass_sfx")); ?\u003e "\u003e <br> <div><br> <div><br> <div><br> <?php if ($module->showtitle! \u003d 0) :?\u003e <br> <h3><?php echo $module->título; ?\u003e.</h3><br> <?php endif; ?><br> <?php echo $module->contenido; ?\u003e. <br> </div><br> </div><br> </div><br> </div><br> <?php<br>}</li><li><i>esquema</i> - Agrega a Bloque Módulo Estilos predefinidos Función CSS MODCHROME_OUTLINE ($ MÓDULO, & $ params, & $ attribs) <br>{<br> Estático $ CSS \u003d FALSO; <br> Si (! $ CSS) <br> {<br> $ Css \u003d verdadero; <br> jimport ("joomla.environment.browser"); <br> $ doc \u003d jactory :: getDocument (); <br> $ navegador \u003d jbrowser :: getInstance (); <br> $ doc-\u003e addstyledeclaration (". MOD-PREVENEW-INFO (PADDING: 2px 4px 2px 4px; borde: 1px negro sólido; Posición: Absoluta; Color de fondo: blanco; Color: rojo;)"); <br> $ Doc-\u003e AddStyLeClaration (". Mod-Preview-Wrapper (color de fondo: #ee; Frontera: 1px Black Black; Color: # 700;)"); <br> if ($ navegador-\u003e getBrowser () \u003d\u003d "MSIE") <br> {<br> If ($ navegador-\u003e getmajor ()<= 7) {<br> $ Doc-\u003e AddStyLeClaration (". Mod-Preview-Info (Filtro: Alpha (Opacidad \u003d 80);)"); <br> $ Doc-\u003e AddStyLeClaration (". Mod-Preview-Wrapper (Filtro: Alpha (Opacidad \u003d 50);)"); <br> } <br> DEMÁS ( <br> $ Doc-\u003e AddStyLeClaration (". Mod-Preview-Info (-MS-Filter: Alpha (Opacidad \u003d 80);)"); <br> $ Doc-\u003e AddStyLeClaration (". MOD-PREVENEW-WRAPPER (-MS-Filter: Alpha (Opacidad \u003d 50);)"); <br> } <br> } <br> DEMÁS. <br> {<br> $ Doc-\u003e AddStyLeClaration (". Mod-Preview-Info (Opacidad: 0.8;)"); <br> $ Doc-\u003e AddStyLeClaration (". Mod-Preview-Wrapper (Opacidad: 0.5;)"); <br> } <br> } <br> ?><br> <div class="mod-preview"><br> <div class="mod-preview-info"><?php echo $module->posición. "[". $ Module-\u003e estilo ".]"; ?\u003e.</div><br> <div class="mod-preview-wrapper"><br> <?php echo $module->contenido; ?\u003e. <br> </div><br> </div><br> <?php<br>}</li><li><i>ninguno</i> - De manera similar, no se especifica en el estilo general. Muestra un módulo sin registro y función de encabezado MODCHROME_NONE ($ Módulo, & $ params, & $ attribs) <br>{<br> Echo $ Module-\u003e Contenido; <br>}</li> </ul><p>Todos los estilos preestablecidos están ubicados en el archivo plantillas / sistema / html / modules.php. Pero no estamos limitados al uso de solo las opciones proporcionadas, pero bien pueden crear su propio.</p> <p><b>3. Creando un modo de cromo personalizado.</b></p> <p><b><br></b>Por lo tanto, los tipos predeterminados de las representaciones de los módulos no satisfacen los requisitos actuales. Necesitas agregar tu propio estilo de diseño. Como ejemplo, elija una situación bastante repetida. En la tarea que necesitas en su lugar <h3> Coloque el título del módulo en la etiqueta. <span>que es semánticamente neutral. También es necesario colocar el contenido del módulo en un separado. <div>. Para crear su propio estilo de salida de estilo, usamos herramientas estándar. En la mayoría de las plantillas, la Joomla tiene una carpeta HTML / (plantillas / nombre de plantilla / html /), se utiliza para la llamada plantilla. Es decir, si copia la plantilla del módulo en esta carpeta, en lugar de la plantilla del directorio Módulos / My_Module / TMPL / DEFAULT, se mostrará el archivo de plantillas / nombre de plantilla / html / my_modules / predeterminado. De manera similar, se definen los componentes. Conveniente y práctico. En la carpeta HTML / de su plantilla, cree un archivo Modules.php. Si no hay tal carpeta en la plantilla, la crea. En el archivo escribe</p><p> <?php<br>función MODCHROME_MODBOX ($ Módulo, & $ params, & $ attribs) // Llame a una función <br>{<br> Si (! Vacío ($ Module-\u003e Contenido)): / * Verifique la presencia en la búsqueda del módulo incluido * /?\u003e <br> <div class="moduletable<?php echo htmlspecialchars($params->obtener ("moduleclass_sfx")); / * ¡Retire el módulo de clase Soffika CSS * /?\u003e "\u003e <br> <?php if ($module->showtitle! \u003d 0): / * Compruebe si el encabezado del módulo está habilitado * /?\u003e <br> <span class="title"><?php echo $module->título; / * Mostrar el título * /?\u003e</span><br> <?php endif; ?><br> <div class="modcontent"><br> <?php echo $module->contenido; / * Muestra los contenidos del módulo * /?\u003e <br> </div><br> </div><br> <?php endif;<br>} <br>\u003e Listo. Ahora solo necesitas especificarlo como un estilo de salida. <jdoc:include type="modules" name="user1" style="modbox"/> Asignamos un módulo a nuestra posición y vemos el resultado.</p> <p>El elemento EM es un extracto de texto con un acento enfatizado. Puede usarlo para llamar la atención del lector sobre el significado de la propuesta o el párrafo. Le diré que significa, después de lo cual se describe el elemento de EM.</p><blockquote><b>Tabla 8-6:</b> Elemento em</blockquote><blockquote><b>Figura 8-3:</b> Usando el elemento em</blockquote><p>En este ejemplo, pongo el enfoque en I (i) al comienzo de la oración. Si piensa en el elemento de EM, entonces, cuando se pronuncia una oración, consideramos la pregunta que esta oferta es una respuesta a la pregunta. Por ejemplo, imagina que le pregunté: "¿Quién ama las manzanas y las naranjas?" Tu respuesta será: "Amo las manzanas y naranjas". (Cuando lo pronuncias en voz alta y me enfoque en mí, le das a entender que eres una persona que ama estos frutos).</p><p>Pero si le preguntaba: "¿Te gustan las manzanas y qué más?" Podrías responder: "Amo las manzanas y naranjas (naranjas)". En este caso, el énfasis se hará en la última palabra, enfatizando que las naranjas son otra fruta que le guste. Esta opción en HTML se vería así:</p><p>Me gustan las manzanas y <b><em> </b>naranjas <b></em> </b>.</p><h3>Determinación de palabras extranjeras y términos técnicos.</h3><p>El elemento que denota una parte del texto que tiene una naturaleza diferente al contenido circundante. Esta es una definición bastante vaga, pero los ejemplos generales incluyen palabras de otros idiomas, términos técnicos o científicos e incluso pensamientos humanos (en contraste con el habla). El elemento que describí.</p><blockquote><b>Tabla 8-7:</b> Elemento I.</blockquote><blockquote><b>Figura 8-5:</b> Usando el elemento S.</blockquote><br><img src='https://i2.wp.com/storage.smarly.net/html5/8.5.png' width="100%" loading=lazy loading=lazy><h3>Definiendo un texto importante.</h3><p>El elemento fuerte denota el extracto de texto que es importante. El en describe este artículo.</p><blockquote><b>Tabla 8-9:</b> Elemento fuerte</blockquote><blockquote><b>Figura 8-7:</b> Usando el elemento U.</blockquote><br><img src='https://i2.wp.com/storage.smarly.net/html5/8.7.png' width="100%" loading=lazy loading=lazy><h3>Añadiendo una pequeña fuente</h3><p>El elemento pequeño indica una fuente pequeña y se usa a menudo para reservaciones y aclaraciones. Se presenta el pequeño elemento.</p><blockquote><b>Tabla 8-11:</b> Elemento pequeño</blockquote><blockquote><b>Figura 8-8:</b> Usando el elemento pequeño</blockquote><br><img src='https://i2.wp.com/storage.smarly.net/html5/8.8.png' width="100%" loading=lazy loading=lazy><h3>Añadiendo índice superior e inferior</h3><p>Puede usar los elementos de Sub y SP para indicar el índice superior e inferior, respectivamente. Los índices superiores se utilizan para escribir palabras en algunos idiomas, y ambos, los índices superior e inferior se utilizan en expresiones matemáticas simples. Estos elementos se presentan.</p><blockquote><b>Tabla 8-12:</b> Elementos subs y sup</blockquote><blockquote><b>Figura 8-9:</b> Utilizar elementos SUB y SUP.</blockquote><br><img src='https://i0.wp.com/storage.smarly.net/html5/8.9.png' width="100%" loading=lazy loading=lazy> <p>Chrome es el procesamiento final del código HTML del módulo antes de insertarlo en la plantilla del sitio web principal. Hay varios estilos de cromo predefinidos (mesa, horz, xhtml, redondeado, esquema), pero no siempre lo que es adecuado para resolver las tareas actuales.</p> <p>Para determinar su propio estilo de visualización en la plantilla, debe crear un archivo "Modules.php" en el directorio "HTML". Es decir, para la plantilla llamada "my_template", el archivo debe colocarse aquí: "Plantillas / My_Template / HTML / Modules.php".</p> <p>En este archivo, debe definir una función llamada "MODCHROME_STYLE" donde el estilo es su nombre de su estilo. Esta función tomará tres argumentos: $ Módulo, & $ Params y $ ATTRIBS como se muestra a continuación:</p> <p>función MODCHROME_STYLE ($ Módulo, & $ params, & $ attribs) (/ * Procesamiento y salida del código HTML del módulo * /)</p> <p>En esta característica, puede utilizar cualquier código PHP, así como todos los parámetros del propio módulo, sus propiedades y cualquier dato almacenado en la base de datos de Joomla también estará disponible. En su mayoría solo hay lo siguiente</p> <ul><li>$ Module-\u003e Contenido - Contenido del propio módulo, código HTML directo.</li> <li>$ Module-\u003e Título: el nombre del módulo especificado en el panel de control en el administrador del módulo.</li> <li>$ Module-\u003e ShowTitle - Bandera, muestre el nombre o no (verdadero o falso).</li> </ul><p>La función MODCHROME_STYLE es una función de PHP ordinaria, puede usar absolutamente cualquier código PHP aquí. A continuación se muestra un ejemplo si la pantalla del título se enciende en la configuración del módulo, el texto del encabezado se muestra antes del contenido del módulo.</p> <p>función MODCHROME_STYLE ($ MÓDULO, & $ PARAMS, & $ ATTRIBS) (SI ($ MODULO-\u003e ShowTitle) (ECHO " <h2>"$ Módulo-\u003e título".</h2>";) Echo $ Module-\u003e Contenido;)</p> <p>Es posible referirse a cualquier parámetro del módulo. Por ejemplo, la varianza del módulo de clase.</p> <p><div class="<?php echo $params->obtener ("moduleclass_sfx"); ?\u003e "\u003e </div></p> <p>También puede agregar sus atributos que se utilizan en Chrome en el código de posición. Para hacer esto en la etiqueta de posición <jdoc:include /> Añade tus propios atributos. Los nombres de los atributos adicionales se pueden especificar arbitrarios, todos se transmitirán a la matriz asociativa de $ attribs.</p> <h4>Ejemplo práctico Funciones de cromo:</h4> <p>función MODCHROMOME_CUSTOM ($ Módulo, $ params, $ attristas) (IS (ISSET ($ ATTERS ["HeaderLevel \u003d $ attrics [" Headerlevel "];) Else ($ HeaderLevel \u003d 3;) if (Isset ($ attribs [" fondo " ])) ($ fondo \u003d $ attrics ["Fondo"];) otra cosa ($ fondo \u003d "azul";) echo " <div >"Si ($ Module-\u003e ShowTitle) (Echo" <h" .$headerLevel .">"$ Módulo-\u003e título".</h" .$headerLevel .">";) Eco" <div class=".$background.">"; Echo $ Module-\u003e Contenido; echo"</div>"; Eco"</div>"; }</p> <h4>Ejemplos prácticos de uso de la función "MODCHROME_CUSTOM"</h4> <p> <jdoc:include type="modules" name="user1" style="custom" />  <div> <h3></h3> <div class="blue">  </div> </div></p> <p> <jdoc:include type="modules" name="user1" style="custom" background="green" />  <div> <h3></h3> <div class="green">  </div> </div></p> <p> <jdoc:include type="modules" name="user1" style="custom" headerLevel="1" background="yellow" />  <div> <h1></h1> <div class="yellow">  </div> </div></p> <p>Una de las ventajas más importantes de PHP es cómo funciona con formas HTML. Aquí, lo principal es que cada elemento del formulario esté disponible automáticamente para sus programas PHP. Para obtener información detallada sobre el uso de formularios en PHP, lea la sección. Aquí hay un ejemplo de una forma HTML:</p> <p><b>Ejemplo # 1 Formulario HTML simple</b></p> <p><form action="action.php" method="post"> <p>Tu nombre: <input type="text" name="name" /></p> <p>Su edad: <input type="text" name="age" /></p> <p><input type="submit" /></p> </form></p> <p>En este formulario no hay nada especial. Este es un formulario HTML ordinario sin ninguna etiqueta especial. Cuando el usuario llena el formulario y presiona el botón ENVIAR, se llamará la página Action.php. Este archivo puede ser algo así:</p> <p><b>Ejemplo # 2 Muestra estos formularios</b></p> <p>Hola,<?php echo htmlspecialchars ($_POST [ "name" ]); ?> .<br>Tú<?php echo (int) $_POST [ "age" ]; ?> años.</p> <p>Un ejemplo de la salida de este programa:</p> <p>Hola, Sergey. Tienes 30 años.</p> <p>Si no tiene en cuenta las piezas de código con <span><a href="https://mkr-novo2.ru/es/function.htmlspecialchars.php" class="function">htmlspecialchars ()</a> </span> y <i>(En t)</i>El principio de funcionamiento de este código debe ser simple y comprensible. <span><a href="https://mkr-novo2.ru/es/function.htmlspecialchars.php" class="function">htmlspecialchars ()</a> </span> Proporciona la codificación correcta de caracteres HTML "especiales" para que se inserte HTML o JavaScript malicioso en su página. El campo de edad sobre el que sabemos que debería ser un número que podamos simplemente <a href="https://mkr-novo2.ru/es/language.types.type-juggling.php#language.types.typecasting" class="link">transformar</a> en <span><a href="https://mkr-novo2.ru/es/language.types.integer.php" class="type integer">entero</a> </span>que nos alivia automáticamente de personajes no deseados. PHP también puede hacerlo automáticamente por la expansión <a href="https://mkr-novo2.ru/es/ref.filter.php" class="link">filtrar.</a> . Variables <a href="https://mkr-novo2.ru/es/reserved.variables.post.php" class="classname">$ _Post ["nombre"]</a> y <a href="https://mkr-novo2.ru/es/reserved.variables.post.php" class="classname">$ _Post ["Edad"]</a> Instalado automáticamente para usted con PHP. Anteriormente usamos una variable superglobal. <a href="https://mkr-novo2.ru/es/reserved.variables.server.php" class="classname">$ _Server.</a> Aquí también usamos la variable superglobal. <a href="https://mkr-novo2.ru/es/reserved.variables.post.php" class="classname">$ _Post.</a> que contiene todos los datos posteriores. Darse cuenta de <i>método de envío</i> (Método) Nuestro formulario es POST. Si usamos el método. <i>Obtener.</i>Entonces la información de nuestro formulario estaría en una variable superglobal. <a href="https://mkr-novo2.ru/es/reserved.variables.get.php" class="classname">$ _Get.</a> . Además, puedes usar una variable. <a href="https://mkr-novo2.ru/es/reserved.variables.request.php" class="classname">$ _Request.</a> Si la fuente de datos no importa. Esta variable contiene una mezcla de datos, publicar, cookie.</p> <p><b>HACE 15 AÑOS.</b></p> <p>De acuerdo con la especificación HTTP, debe usar el método de POST cuando está usando el formulario para cambiar el estado de algo en el extremo del servidor. Para Exlow, si una página tiene un formulario para permitir que Allov agregue sus propios comentarios, como Esta página aquí, el formulario debe usar POST. Si hace clic en "Recargar" o "Actualizar" en un poste, es casi siempre un error, no debería estar publicando el mismo comentario dos veces, por lo que estas páginas están arena " T marcado o almacenado en caché.</p><p>Debe usar el método Obtener cuando su formulario sea, bueno, obteniendo algo del servidor y en realidad no cambie nada. Por ejemplo, el formulario para un motor de búsqueda debe usar. Estar cambiando cualquier cosa que el cliente pueda importarle algo, y su marcador o almacenamiento en caché los resultados de una consulta de búsqueda de motores es tan útil como marcadores o en caché de una página HTML estática.</p> <p><b>Hace 2 años.</b></p> <p>Vale la pena aclarar:</p><p>El post no es más seguro que obtener.</p><p>Las razones para elegir GET VS POST incluyen diversos factores, como la intención de la solicitud (son límites a la larga, y obtener los parámetros A enviados en la URL), y con qué facilidad desea que la acción sea compartible, ejemplo, Google Search IRE GET porque hace que sea fácil copiar y compartir la consulta de búsqueda con otra persona simplemente compartiendo la URL.</p><p>La seguridad es solo una consideración aquí debido al hecho de que una obtención es más fácil de compartir que una publicación. Ejemplo: No desea que se envíe una contraseña, porque el usuario puede compartir la URL resultante y exponer inadvertidamente su contraseña.</p><p>Sin embargo, una obtención y un post AER, igualmente fácil de interceptar por una persona maliciosa bien colocada, si no le implementa TLS / SSL para proteger la conexión de red en sí.</p><p>Todas las formas enviadas a través de HTTP (por lo demás 80) son inseguras, y hoy (2017), hay muchas buenas razones para que un sitio web público no esté utilizando HTTPS (que es básicamente la seguridad de la capa de transporte HTTP + Transport).</p><p>Como un bono, si usa TLS, minimiza el riesgo de que sus usuarios obtengan el código (ADS) inyectados en su tráfico que no haya puesto allí.</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>  <script type="text/javascript" src="/videouroki/js/readmore.js"></script></body> </html>