Переклад на наступний рядок html. Як в Excel зробити перенесення тексту в осередку
при відображенні текстових документів в браузері місце розриву рядків в межах абзацу визначається автоматично в залежності від розміру шрифтів і відображення зображення. Перенесення рядка може здійснюватися тільки по символам-розділювачам слів (наприклад, прогалин). Іноді в документах потрібно задати примусове переведення рядка, що реалізується незалежно від параметрів налаштувань браузера. Для цього служить тег примусового переведення рядка
, Який не має відповідного закриває тега. включення тега
в текст документа забезпечить розміщення подальшого тексту з початку нового рядка. Наприклад, такий підхід може використовуватися для створення структур типу списків без використання спеціальних тегів розмітки списку. Або, наприклад, без даного тега не обійтися для відображення віршів і т. П.
Наведемо приклад використання примусового переведення рядка (рис. 1.8):
Використання примусового переведення рядкаНад затьмареним Петроградом
Дихав листопада осіннім холодом.
Плескіт шумною хвилею
В краю своєї огорожі стрункою,
Нева металася, як хворий
У своїй постелі неспокійною.
А. С. Пушкін. Мідний вершник
Мал. 1.8. тег
можна використовувати для примусового переведення рядка
На відміну від тега абзацу
При використанні тега
НЕ буде утворена порожній рядок.
Використання тега
вимагає обережності - можлива ситуація, коли браузер вже зробив новий рядок за одне-два слова до того, як зустрів ваш тег
. Це буває в разі, якщо ширина вікна програми перегляду читача менше, ніж той же параметр програми, за допомогою якої ви тестували ваш документ. При цьому може вийти, що в рядку посередині абзацу залишиться тільки одне слово, порушуючи тим самим красу компонування документа.
Примітка
При використанні тега
для розбивки тексту, що обтікає зображення або таблиці, можна задавати параметр CLEAR, який припиняє обтікання тексту. Про це можна прочитати в розділах 3 і 4.
Теги u
Бувають ситуації, коли потрібно виконати операцію протилежного призначення - заборонити новий рядок. Для цього існує тег-контейнер . Текст, розмічений цим тегом, буде гарантовано розташовуватися в одному рядку, незалежно від її довжини. Якщо при цьому получающаяся рядок буде виходити за межі вікна перегляду браузера, то з'явиться горизонтальна смуга прокрутки.
Примітка
Для забезпечення нерозривності тексту, наявного в осередках таблиць, існує спеціальний параметр NOWRAP тега
. Про це можна дізнатися в розділі 4. Розмічаючи текст за допомогою тега нерозривному рядки можна отримати дуже довгі рядки. Щоб цього уникнути, можна вказати браузеру читача місце можливого перекладу рядка, що буде виконано тільки при необхідності (так званий "м'який" перехід рядка). Це можна здійснити, поставивши в потрібному місці тексту тег (Word BReak), який так само, як і тег
, Не потребує закриває тезі. Примітка
тег взагалі не підтримується браузером Netscape. браузер Microsoft Internet Explorer розпізнає цей тег тільки в тексті, розміченому тегами .
Урок 5.
У цьому уроці ми:
1. Дізнаємося як зробити щоб html код був для нас більш зручний і легко читаємо.
2. Розберемо як правильно робити перенос текстового рядка.
Робимо html код зручним.
Зараз наш код зрозумілий і легко читаємо, так як в ньому мало тексту і практично немає тегів. Коли ми створимо складнішу сторінку, то там буде багато тегів, відповідно знайти потрібний буде складно.
Щоб не було каші з тегів, потрібно спочатку розставляти теги і рядки так, щоб вони візуально сприймалися легше. Коли браузер зчитує інформацію з html сторінки, Йому без різниці скільки прогалин і скільки порожніх рядків в коді.
Я змінив текст в коді сторінки щодо тієї, яку ми створювали, але це не важливо. На лівому і на правому малюнку зображено один і той же код. Обидва варіанти будуть відображатися браузером на екрані монітора абсолютно однаково. Погодьтеся, працювати з кодом зображеним справа буде набагато легше, ніж з тим, що зліва.
Розглянутий нами код дуже простий, але навіть зараз помітна різниця в візуальному сприйнятті. Яких-небудь певних правил "наведення порядку" немає, кожен майстер сам вирішує як йому зручніше працювати.
Перенесення рядка html. Тег & ltbr & gt.
Зверніть увагу на малюнок. У першому варіанті текст написаний в один рядок, у другому варіанті в два рядки.
 Браузер буде відображати обидва варіанти однаково. Текст буде написаний в один рядок:
 Ви запитаєте, чому так? Адже в одному з кодів частина тексту перенесена на інший рядок. Було б логічно якби в браузері частина тексту теж перенеслася на інший рядок, але у html своя логіка в цьому відношенні. Якщо ми в html коді робимо перенесення рядка, то для браузера це рівнозначно одному пробілу (Як звичайний пробіл між словами в тексті). Якщо ми перенесемо частину тексту не на один рядок вниз, а на 2 або 3 (скільки завгодно), то браузер все одно буде вважати цю відстань за один звичайний пробіл між словами і при виведенні на екран текст буде писатися в один рядок.
Тег & ltbr & gt
Коли ми в третьому уроці знайомилися з тегами, я згадав, що бувають теги які не вимагають закриття. тег & Ltbr & gt один з них, служить він для розриву рядків.
Давайте застосуємо його в коді:
 Ми вставили тег & Ltbr & gt в наш html код і тепер при запуску файлу через браузер частина тексту буде перенесена на наступну стоку.
* Не забуваємо зберігати зміни в Notepad (Ctrl + S) і обнавлять сторінку в браузері (F5).
Часто потрібно всередині однієї осередку Excel зробити перенесення тексту на новий рядок. Тобто перемістити текст по рядках всередині одного осередку як зазначено на зображенні. Якщо після введення першої частини тексту просто натиснути на клавішу ENTER, то курсор буде перенесений на наступний рядок, але інший осередок, а нам потрібно перенесення в цій же комірці. Це дуже часта завдання і вирішується вона дуже просто - для перенесення тексту на новий рядок всередині одного осередку Excel необхідно натиснути ALT + ENTER (Затискаєте клавішу ALT, потім не відпускаючи її, натиснути клавішу ENTER)
Як перенести текст на новий рядок в Excel за допомогою формулиІноді потрібно зробити перенесення рядки не разово, а за допомогою функцій в Excel. Ось як в цьому прикладі на малюнку. Ми вводимо ім'я, прізвище та по батькові і воно автоматично збирається в осередку A6 У вікні, у вкладці «Вирівнювання» необхідно поставити галочку навпроти «Переносити за словами» як зазначено на зображенні, інакше перенесення рядків в Excel немає буде коректно відображатися за допомогою формул. Як в Excel замінити знак переносу на інший символ і назад за допомогою формулиМожна, можливо поміняти символ перенесення на будь-який інший знак, Наприклад на пробіл, за допомогою текстової функції ПІДСТАВИТИ в Excel Розглянемо на прикладі, що на зображенні вище. Отже, в осередку B1 прописуємо функцію ПІДСТАВИТИ: ПІДСТАВИТИ (A1; СИМВОЛ (10); "") A1 - це наш текст з перенесенням рядка;
СИМВОЛ (10) - це перенесення рядка (ми розглядали це трохи вище в даній статті);
"" - це пробіл, так як ми міняємо перенесення рядка на пробіл Якщо потрібно виконати зворотну операцію - поміняти пробіл на знак (символ) перенесення, то функція буде виглядати відповідно: ПІДСТАВИТИ (A1; ""; СИМВОЛ (10)) Нагадую, щоб перенесення рядків правильно відбивався, необхідно у властивостях осередків, в розділі «Вирівнювання» вказати «Переносити по рядках». Як поміняти знак перенесення на пробіл і назад в Excel за допомогою ПОШУК - ЗАМІНАБувають випадки, коли формули використовувати незручно і потрібно зробити заміну швидко. Для цього скористаємося Пошуком і Заміною. Виділяємо наш текст і натискаємо CTRL + H, з'явиться наступне вікно. Якщо нам необхідно поміняти перенесення рядка на пробіл, то в рядку «Знайти» необхідно ввести перенесення рядка, для цього встаньте в поле «Знайти», а потім натисніть на клавішу ALT, не відпускаючи її наберіть на клавіатурі 010 - це код перенесення рядка, він не буде видно в даному полі. Після цього в поле «Замінити на» поставте пробіл або будь-який інший символ на який вам необхідно поміняти і натисніть «Замінити» або «Замінити все». До речі, в Word це реалізовано більш наочно. Якщо вам необхідно поміняти символ розриву рядків на пробіл, то в поле «Знайти» вам необхідно вказати спеціальний код «Розриву рядки», який позначається як ^ l
В поле "Замінити на:" необхідно зробити просто пробіл і натиснути на «Замінити» або «Замінити все». Ви можете змінювати не тільки перенесення рядка, але і інші спеціальні символи, Щоб отримати їх відповідний код, необхідно натиснути на кнопку "Більше \u003e\u003e", "Спеціальні" та вибрати необхідний вам код. Нагадую, що дана функція є тільки в Word, в Excel ці символи не працюватимуть. Як поміняти перенесення рядка на пробіл або навпаки в Excel за допомогою VBAРозглянемо приклад для виділених осередків. Тобто ми виділяємо необхідні осередки і запускаємо макрос 1. Міняємо прогалини на переноси в виділених клітинках за допомогою VBA Sub ПробелиНаПереноси ()
For Each cell In Selection
cell.Value \u003d Replace (cell.Value, Chr (32), Chr (10))
Next
End Sub 2. Міняємо переноси на прогалини в виділених клітинках за допомогою VBA Sub ПереносиНаПробели ()
For Each cell In Selection
cell.Value \u003d Replace (cell.Value, Chr (10), Chr (32))
Next
End Sub Код дуже простий Chr (10) - це перенесення рядка, Chr (32) - це прогалина. Якщо потрібно поміняти на будь-який інший символ, то замінюєте просто номер коду, відповідний необхідному символу. Коди символів для ExcelНижче на зображенні позначені різні символи і відповідні їм коди, кілька стовпців - це різний шрифт. Для збільшення зображення, клікніть по картинці.
Переклад рядка, перенесення рядка, перенесення на новий рядок - це все про одне. В мові HTML перенесення на новий рядок застосовується часто. Є кілька шляхів: використовувати тег
для перекладу на новий рядок, а можна використовувати властивості CSS для розриву рядків. Розглянемо приклад використання тега розриву рядків:
В CSS перенесення рядка можна здійснити по-різному, наприклад ось так:
Br (
float: left;
width: 100%;
margin: 0 0 20px 0; / * Відступ після рядка 20 пікселів * /
}
Розділова лінія за допомогою HTML або CSS
В HTML створити розділову лінію дуже просто. Використовується теж непарний тег
- це і є розділова лінія. Розділова лінія починається з нового рядка і після неї є відступ. Ви можете управляти стилем горизонтальної лінії, а так само можна зробити альтернативу їй. Далі приклад розділової лінії за допомогою тега:
А тепер давайте стилізуємо (змінимо стилі, змінимо зовнішній вигляд) Нашу розділову лінію:
hr (
width: 80%; / * Ширина лінії * /
height: 4px; / * Висота / товщина лінії * /
background: # 333; / * Фон / колір лінії * /
border: 0; / * Рамка навколо розділової лінії (приберемо її) * /
margin: 5px 0 5px 0; / * Відступ над і під лінією 5 пікселів * /
}
І створимо альтернативу нашої розділової лінії за допомогою тега і CSS.
Часто виникає потреба додати новий абзац, але без порожнього рядка, яку вставляє тег абзацу Для деяких фрагментів тексту прийняті для абзаців стандартні інтервали просто недоречні. Це можуть бути написи під картинками і в таблицях, вірші, цитати, виноски та примітки. Для примусового перенесення рядків передбачений спеціальний тег, функція якого закладена в його назві br (break row - "розірвати ряд, рядок"). тег
мови гіпертекстової розмітки html означає, що все йде за ним вміст повинен починатися з нового рядка. Якщо потрібно, можна проставити кілька тегів поспіль, щоб домогтися необхідного інтервалу. тег
не чутливий до регістру і не вимагає закриває тега, тому що це порожній елемент, але краще звикати закривати всі теги. У XHTML тег розриву повинен бути "наглухо закритий" на зворотний слеш. Приклад використання тега розривуТег br в дії< /title></p><p><р> Прогул на службі</р></p><p><p>Ще ніде і ніколи <br></p><p>Я не був настільки поганим <br></p><p>Начальства жадібна орда <br></p><p>Гризе мене живим</р></p><p>Прогул на службі</p><p>Ще ніде і ніколи <br>Я не був настільки поганим. <br>Начальства жадібна орда <br>Гризе мене живим.</p><h2>Атрибут тега <br></h2><p>Єдиний атрибут, яким володіє <a href="https://mkr-novo2.ru/uk/problems/kak-sdelat-krasivyi-shrift-v-html-razmery-cveta-tegi-shriftov-html-kak-zapisat-v-html.html">html тег</a> <br>, Називається Він вказує браузеру, як вчинити з яку переносять рядком, якщо тексту доведеться обтікати так званий плаваючий елемент, яким може бути, наприклад, зображення з атрибутом вирівнювання align, що використовують значення right / left, або блок в CSS, якому прописано властивість float.</p><p>У специфікаціях по XHTML 1.0 / HTML 4.01 атрибут clear можна використовувати тільки з Transitional, Frameset і<!DOCTYPE>, Інакше код буде неробочим.</p><h2>Властивості атрибута тега</h2><p>Ефект від застосування атрибута clear залежить від його значення і розташування обтічного текстом плаваючого елементу. Атрибут може приймати 4 значення:</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>Значення left забороняє обтікання елемента, вирівняного по лівому краю, тому текст, "спіткнувшись" про тег <br>, Розташується нижче зображення або іншого плаваючого елементу.</p><p>Точно такий результат вийде від використання аргументу all, який ні за що не дозволить ні праворуч, ні ліворуч.</p><p>Значення right забороняє тексту обтікання елемента, вирівняного по правому краю, тому після тега <br> тексту не залишиться нічого іншого, як обійти зображення, огинаючи його справа.</p><p>Значення none ( "ні вашим, ні нашим") взагалі знімає всі повноваження з атрибута clear, і тег <br> мовчки переносить рядок вниз.</p><p>Значення за замовчуванням, як таке, у атрибута clear тега відсутній.</p><h2>тег <br> - це варіант переносу</h2><p>Тег розриву рядка дуже зручний для створення необхідних інтервалів між абзацами, всередині яких він використовується як варіант переносу, але не як засіб для поділу тексту на абзаци.</p><p><img src='https://i0.wp.com/fb.ru/misc/i/gallery/21147/458084.jpg' width="100%" loading=lazy loading=lazy></p><p>Не слід занадто захоплюватися тегом розриву рядків для форматування тексту, тому що результати його застосування не завжди відрізняються витонченістю.</p><p>Наприклад, якщо використовувати тег <br> для розриву рядків усередині абзацу, це може привести до появи "гребінки" у вікні користувача, якщо воно менше вікна, на яке орієнтувався веб-майстер.</p>
<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast?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> Завантаження зараз почнеться ...</strong>
<br> Не забудьте поділитися матеріалом <br>в соціальних мережах з Вашими <br> колегами</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, Інтернет. Освіта. Програми. Прошивки. Встановлення та налаштування. навігатори</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/uk/category/internet/">Інтернет</a>
<a href="https://mkr-novo2.ru/uk/category/multimedia/">Мультимедіа</a>
<a href="https://mkr-novo2.ru/uk/category/navigation/">навігатори</a>
<a href="https://mkr-novo2.ru/uk/category/education/">Освіта</a>
<a href="https://mkr-novo2.ru/uk/category/at/">ПО</a>
<a href="https://mkr-novo2.ru/uk/category/problems/">проблеми</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-16 links">
<h4>Про проект</h4>
<a href="">Зворотній зв'язок</a>
<a href="">Про сайт</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="">Контакти</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/uk/#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>Відновлення паролю <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>Введіть вашу електронну пошту, щоб відновити пароль!</p>
<div class="input-wrp">
<input name="email" type="text" placeholder="Введіть ваш e-mail">
</div>
<input type="submit" data-disable-with="Отправить..." class="btn green" value="Надіслати">
</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> | 
Вхід