MySQL сброс пароля

Перенос текста

· white-space: normal - Свойство white-space указывает браузеру, как обрабатывать пробелы в тексте.

· nowrap – Подряд идущие пробелы и переносы строк обрабатываются так же, как и с normal, но браузер перестает учитывать границы элемента и выводит весь текст в одну строку.

· pre-wrap(пробел не переносится) – Сохраняется все форматирование из HTML, включая переносы строк и последовательности пробелов. В отличие от pre текст переносится автоматически при достижении границы элемента.

· break-spaces – Поведение аналогично pre-wrap, за исключением одного отличия. Мы помним, что при значении pre-wrap слово переносятся, учитывая границы элемента, но если за крайним словом у границы следуют несколько пробелов, то они сохраняются в той же строке. В варианте с break-spaces эти пробелы поведут себя сложнее. Какая-то их часть останется на той же строке, дополняя ширину элемента до максимально допустимой, а вторая часть пробелов перенесется на новую строку.

· pre – Сохраняется все форматирование из HTML, включая переносы строк и последовательности пробелов. Границы элемента игнорируются. а текст может выходить за них.

· pre-line – Подряд идущие пробелы схлопываются, текст переносится в местах переноса строк в HTML. Текст переносится автоматически при достижении границ элемента.

---

Чтобы перенос был по буквам, используйте · word-break: break-all;

Также можно ограничить текст, обрезав вылезающий текст и визуально(через троеточие) пометить продолжение текста и при помощи свойства · text-overflow

· white-space: nowrap;

· text-overflow: ellipse;

---

comments ru.strackoverflow.com

· overflow-wrap: break-word

· word-wrap: break-word

· word-break: keep-all (у меня не работает), break-all

· line-break: loose(не работает), normal(не работает)

· hyphens: none, auto

Comment Autor:

· overflow-wrap: normal; ( Не поддерживает IE, FF; является копией word-wrap)

· word-wrap: normal;

· word-break: normal; (Не поддерживает Opera 12-14, значение keep-all не поддерживается IE, Chrome */

· line-break: auto; /* нет поддержки для русского языка */

· hyphens: manual; /* значение auto не поддерживается Chrome */

---

В чем состоит различие одно свойства от другого

По умолчанию длинные слова не переносятся, если на то нет явных указаний с помощью дефиса, и начинаются с новой строки.

Для того, чтобы игнорировать черточки, сразу видаемые глазу, вносим · word-break: keep-all;

Для того, чтобы браузер не обращал внимания и на мягкий дефис, вставляем · hyphens: none;

Если требуется перенос слов, то · word-wrap: break-word;
Советую применять всегда, поскольку он понимается всеми браузерами.
Он отличается от · word-break: break-all, которое является приоритетным, тем, что слова, которые не помещаются в блок, начинаются с новой строки и учитывается рекомендация мягкого дефиса.

При совместном использовании · word-break: break-all, с · hyphens: auto, последнее игнорируется.
· hyphens: auto расставляет любые дефисы по своему усмотрению.
Но для того, чтобы оно работало, нужно обозначить свой язык, указав в div атрибут lang="ru".

---

· word-break - Свойство word-break определяет, как будем переноситься на новую строку текст при достижении края родительского контейнера.

· hyphens - Указываем, как браузеру следует переносить слова, если они не поместились в элемент.

· overflow-wrap - Говорим браузеру, как поступать со словами, которые не поместились в контейнер

· word-wrap - Как настроить переносы по символам в CSS

· text-overflow - Красиво обрезаем текст, не влезающий в блок. Можем даже добавить в конце многоточие…

· line-break - Свойство line-break определяет правила разрыва строки для китайского, японского и корейского текста, в особенности то, как перенос взаимодействует со знаками препинания и символами.

Blogger — Убираем из шаблона все лишнее

1. Убираем строку "Подписаться на комментарии к сообщению (Atom)" в Blogger:

Удаляем или закомментируем следующий код (экранизировать* можно несколькими способами: через или через код ):

<b:include name='feedLinks'/>

2. Удаляем ссылку "Главная страница"

Удаляем или закомментируем следующий код:

<b:include name='nextprev'/>

3. Удаляем "Navbar"

Удаляем и закомментируем следующий код:

<b:section class='navbar' id='navbar' ... </b:section>

4. Удаляем ссылку быстрого редактирования сообщения (карандашик):

Удаляем или закомментируем следующий код:

<b:include data='post' name='postQuickEdit'/>

После чего, находим и удаляем код:

<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>


5. Удаляем ссылку быстрого редактирования виджетов (гаечный ключ и отвертка):

Удаляем или закомментируем следующий код:

<b:include name='quickedit'/>

6. Удаляем надпись: Технологии Blogger (Attribution)

Удаляем или закомментируем следующий код:

<!-- outside of the include in order to lock Attribution widget -->
<b:section class='foot' id='footer-3' name='Footer' showaddelement='no'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
<b:widget-settings>
<b:widget-setting name='copyright'/>
</b:widget-settings>
<b:includable id='main'>
<div class='widget-content' style='text-align: center;'>
<b:if cond='data:attribution != ""'>
<data:attribution/>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>


7.Удаляем ссылку для отправки комментария в урну

Удаляем или закомментируем следующий код:

<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
</a>


8. Удаляем ссылку: Показаны все сообщения с ярлыком

8.1. Изменяем надпись: Показаны все сообщения с ярлыком в старых темах

Находим код:

<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'<>data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>


И изменяем его на следующий код:

<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.searchLabel'>
Статьи из рубрики: <b><data:blog.searchLabel/></b> </b:if>
<b:if cond='data:blog.searchQuery'>
Показаны статьи по запросу <b><data:blog.searchQuery/></b>
</b:if>
<b:else/>
<data:navMessage/>
</b:if>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>


8.2. Изменяем надпись: Показаны все сообщения с ярлыком в новых темах

Находим следующий код:

<data:view.search.resultsMessageHtml/>


И заменяем его соедующим кодом:

<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.searchLabel'>
Статьи из рубрики: <b><data:blog.searchLabel/></b>
</b:if>
<b:if cond='data:blog.searchQuery'>
Показаны статьи по запросу: <b><data:blog.searchQuery/></b>
</b:if>
<b:else/>
<data:view.search.resultsMessageHtml/>
</b:if>


Далее, немного ниже вставленного кода, находим похожий участок кода и удаляем его:

<a class='flat-button ripple' expr:href='data:blog.homepageUrl'<<data:messages.showAll/></a>

Или

<a expr:href='data:blog.homepageUrl'><data:messages.viewAll/></a>

9. Удаляем ссылку: Сообщить о нарушении (Встречается данный гаджет, в новых шаблонах)

Удаляем или закомментриуем следующий код

<b:widget id='ReportAbuse1' locked='true' title='' type='ReportAbuse' visible='true'>
<b:includable id='main'>
<b:include name='reportAbuse'/>
</b:includable>
</b:widget>
Источники: https://news-sawich.blogspot.com/2021/10/udalyaem-iz-shablona-blogger-vse-lishnee.html
https:://sasha753357.blogspot.com/2015/07/blogger_48.html
https://samasajt.blogspot.com/2013/06/ubiraem-podpisatca-na-atom.html

(Nginx) Русский текст отображается иероглифами

Проверка настроек Nginx:

Для этого необходимо открыть конфигурационный файл Nginx (обычно располагается в `/etc/nginx/nginx.conf`) и проверить следующие параметры:

http {
    charset utf-8;
    ...
    server {
        ...
        location / {
            charset utf-8;
            ...
        }
    }
}

Источник: https://qaa-engineer.ru/nginx-ne-propuskaet-russkie-simvoly-i-probely/

Как спрятать scrollbar в div и оставить возможность скроллинга

Первый вариант:

Хром, сафари:
.element::-webkit-scrollbar { width: 0; }

ie 10+:
.element { -ms-overflow-style: none; }

фф: ( Св-во больше не работает )
.element { overflow: -moz-scrollbars-none; }

---

Второй вариант ( Актуальный ):

chrome:
::webkit-sctollbar { width: 0px; background: transparent; }

Firefox:
html { scrollbar-width: none; }

Источник: qna.habr.com/q/18012/

Не работает apt install

1. · sudo killall apt apt-get

2. · sudo rm /var/lib/apt/lists/lock

3. · sudo rm /var/cache/apt/archives/lock

4. · sudo rm /var/lib/dpkg/lock *

5. · sudo dpkg --configure -a

6. · sudo apt update

Директории

· /etc/ — Конфигурации;

· /etc/init.d/ — Здесь находятся демоны/службы для автозагрузки;

· /dev/ — Подключенные устройства;

· /home/ — Папка пользователя;

· /var/ — Часто изменяемые;

· /var/log/ — Журналы/логи;

· /var/cache/apt/archives/ — Скачанные deb-пакеты;

· /usr/ — Все программы пользователя. Содержатся исполняемые файлы, библиотеки и прочее.

· /usr/lib — Библиотеки, которые нужны программе;

· /usr/bin — Исполняемые файлы программ;

· /usr/bin или · /usr/local/bin — Пакеты из репозиториев;

· /usr/sbin/ — Сюда помещаются исполняемые файлы от имени администратора;

· /usr/share/ — Прочие файлы программ;

· /tmp/(temp) — Временные файлы;

· /boot — Загрузчик;

· /opt — Дополнительные программы. В эту папку устанавливаются проприетарные программы, игры или драйвера. Это программы созданные в виде отдельных исполняемых файлов самими производителями. Такие программы устанавливаются в под-каталоги;

· /home/имя пользователя/opt — Некоторые программы идут еще дальшьше и ставят себя в данную директорию.