Устройства 24.12.2023
0 (0 голосов)

Памятка по использованию BB-кодов (bbCode). Коды символов HTML Некоторые предопределённые цвета

Надписи, выполненные моноширинными шрифтами, создаются с помощью тегов , и . Результаты применения этих тегов обычно идентичны: моноширинный шрифт с фиксированным размером символов и интервалов.

Тег

Тег — cтрочный элемент-контейнер, который применяется для вставки в него небольших фрагментов программного кода, например, в веб-документе, представляющем учебное пособие по программированию. Браузеры отображают такой код моноширинным шрифтом (например, Courier New). Если использовать ero совместно с элементом

Тег 


 служит для ввода текста без форматирования, то есть с сохранением всех пробелов, табуляций и переносов строк. Внутри этого элемента можно применять большинство элементов форматирования текста.


Внимание:
 В языке HTML переносы строк, идущие подряд пробелы и табуляции игнорируются. Несколько пробелов подряд воспринимаются как один пробел.


Пример: использования элементов 
 и 


 
  • Попробуй сам »
    • 

Внутри элемента 
Браузер дублирует каждый встреченный пробел или перенос строки, сохраняя ваше исходное форматирование.
If (document.getElementsByClassName) {
 x = document.getElementsByClassName("pagination")
 if (x.length>y) {
 x.style.visibility = "hidden";
 }


Внутри элемента «pre» браузер дублирует каждый встреченный пробел или перенос строки, сохраняя ваше исходное форматирование.

 

if (document.getElementsByClassName) {
 x = document.getElementsByClassName("pagination")
 if (x.length>y) {
 x.style.visibility = "hidden";
 }




Теги 

 и 




Тег 

 отмечает фрагмент кода как вводимый пользователем с клавиатуры. Некоторые браузеры помечают такой текст дополнительным фоном.
 Тег 

 применяется для формирования компьютерного вывода, например, текста, отображаемого в консольном окне после ввода вами управляющего сценария. Этот редко используемый элемент просто выводит свое содержимое моноширинным шрифтом, как 
, 
, 
.


Пример: элементы 
 и 


 
  • Попробуй сам »
    • 

 
Текст, который пользователь должен ввести с клавиатуры поместите в
 элемент-контейнер «kbd».


Введите текст: Это — текст, вводимый с клавиатуры


Это — текст, который помещен в контейнер «samp»


Тег 




Тег 

 используется с целью дополнительного выделения переменных в программном коде. Он определяет переменную в математическом выражении или параметр программы и обычно отображается курсивом.

 
Пример: элементы 


 
  • Попробуй сам »
    • 

Кинетическая энергия тела:


 
Кинетическая энергия тела:


Wк = mv2/2



 Задачи

 
Итоговое задание 


На этом уроке вы познакомились с тегами, которые выводит свое содержимое моноширинным шрифтом, выделяют в коде переменные и тегом предварительного форматирования. Все они важны при работе с матаматическими выражениями и программным кодом.


Пришло время повторить изученное и выполнить три несложных задания:

 
Переменная

 
  • Реши сам »
    • 

Используя html-элементы обозначте в приведенном уравнении литеру y как переменную.

 

 
 
 Переменная
 
 
 
Уравнение параболы y = Nx2

 



 

 
 
 Переменная
 
 
 
Уравнение параболы y = Nx2

 



Предварительно отформатированный текст

 
  • Реши сам »
    • 

Используя элемент HTML сделайте так, чтобы текст, помещенный в элемент code, отображался браузером с сохранением всех пробелов и переносов строк как есть.


Дорогие друзья! Сегодня мы поговорим о HTML теге code
. При написании конкретно этой статьи или любых других обучающих материалов, периодически необходимо вставлять куски HTML
, CSS
 кода и вообще любого программного кода.


Думаю, вы уже догадались для чего нужен HTML тег code
. Через него мы сообщаем браузеру: "Все что будет помещено внутри контейнера "code"
, просим отобразить как текст."

 … 

В противном случае браузер не поймет где настоящий код, а где демонстрационный и не покажет ничего. Поскольку все теги на странице браузер воспринимает как команды для вывода контента. Иными словами с помощью HTML тега code
 в окне браузера выводятся именно сами теги для демонстрации HTML
-кода.


Рассмотрим ниже пример вывода тегов на странице:







 

 Вывод тегов на странице





 
Фрагмент HTML-кода


 

 

 
Это заголовок.


 
Это параграф.


 

 





Смотрим на результат данного примера:




Угловые скобки < >
 следует заменить на специальные символы &..
 и делать перенос каждой строки тегами br
 или p
.


По умолчанию браузеры показывают содержимое HTML тега code
 моноширинным шрифтом. Это уменьшенный шрифт с фиксированным размером.







 






Это обычный текст:


Это часть программного кода




Так выглядет в браузере по умолчанию:

 


Теперь переопределим внешний вид кода внутри тега code
. Зададим для элемента font-family: verdana;
 или любой другой шрифт.














Это обычный текст:


Это часть программного кода




Заданный стиль в браузере.

 
Кстати, делиться с читателями своим положительным или даже отрицательным опытом – это основа успешного ведения блога (и ).


 
Проблемы-то возникают у многих, поэтому подобная информация востребована.
 

Как вывести программный код
 
Итак, вы хотите дать читателям скопировать скрипт или html код, размещаете его в тело поста. Не тут-то было. Как вывести его без преобразования?
 
Совсем недавно для корректного вывода тегов на странице предлагалось вручную заменять знаки < и > на спецсимволы < и >.
 
Сегодня движок WordPress чаще всего умеет сам делать такие преобразования, но также добавляет много мусора, перековеркивает, обрезает код, делает его нечитаемым или некопируемым (было в моей теме).
 

 
На самом деле способов красиво оформить html код, вставить его в пост с подсветкой синтаксиса несколько: без плагина и с применением wordpress плагинов для кода.
 
Перечислю способы, а вы пробуйте, что подойдет именно вам. Я убедилась на своем опыте, что не в каждом шаблоне теги и плагины работают одинаково. Подробнее о правильном выведении кода смотрите в учебнике HTML.
 
Показать html код на странице как текст. Тег 
 
Показать html код на странице как текст, подсветить его помогают теги 
В ВИЗУАЛЬНОМ РЕДАКТОРЕ пропишите код.
 
Перейдите в HTML РЕЖИМ, добавьте открывающий и закрывающий тег 
В моей теме уже автоматически знаки < > преобразовались в спецсимволы < и >.
 
СОХРАНИТЕ. В визуальный режим больше НЕ переключайтесь, иначе изменения пропадут.
 
При отображении СОХРАНЯЮТСЯ все пробелы. В моем шаблоне получился следующий результат (у вас отображение может быть другим). 
 
Как вывести html код на странице поста как текст. Тег 
 
Тег  также позволяет вывести одну или несколько строк программного кода. Пробелы и переносы НЕ УЧИТЫВАЮТСЯ, переносите строки тегами 
Или 
.
 
Делайте все аналогично вставке тега 
. 
 
Отобразить html код на странице как текст. Тег</h4> <p>Если вы предлагаете читателям коды нечасто, можете использовать такую конструкцию.</p><p> <div style="overflow: auto;
height: 80px;
width: 450px;
padding: 8px;
border: 1px solid #ccc;">
<xmp>
ВСТАВИТЬ СЮДА ВАШ КОД



 
Она помогает отобразить коды или скрипты в виде текста, заключенного в рамочку, С УЧЕТОМ форматирования и всех переносов.

 Отображение кода получится в симпатичной рамочке. Ее ширину редактируйте, изменяя параметр width, высоту - height.
 
Но дело в том, что КОДЫ с использованием тега 
 считаются НЕВАЛИДНЫМИ.
</i>
</b> Учебник HTML предлагает вставлять этот тег только в таком виде.</p> <h4>Плагины для выведения кода на страницу поста</h4> <p>Большинство блогеров для красивого и неизменного отображения html кодов на странице поста применяют плагины для WordPress. Опять таки, плагинов множество, но у меня корректно заработал лишь один.</p> <p>Приведу список, а вы подберете плагин, работающий с вашим шаблоном.</p> <p>Сладкая парочка <b>WP-Syntax
</b> – выделяет код рамочкой, дает возможность подсветить синтаксис. Плюс <b>wp-syntax button
</b> – выводит кнопку в админпанель блога, предоставляет возможность вставить html код или скрипт без преобразования в специальное окно. Недостаток – все действия производятся в html режиме, переключаться в визуальный режим нельзя, иначе все изменения исчезнут.</p> <p><b>Syntax Highlighter Compress
</b> – в текстовый редактор выводит дополнительную кнопку. Нажимаете ее, открывается окно, куда можно ввести код и выбрать язык программирования.</p> <p>Так же работают и другие плагины.</p> <ul><li><b>Better WordPress Syntax
</b></li> <li><b>Wp-highlight.js
</b></li> <li><b>SyntaxHighlighter
</b></li> <li><b>Auto SyntaxHighlighter
</b> (у меня). И многие другие плагины.</li>
</ul><p>Мне пришлось устанавливать и активировать все по-очереди, пока не нашла тот, который работает в моем шаблоне.</p> <h4>Заключение</h4> <p>Итак, из статьи вы узнали, как можно вывести html код на странице поста, используя теги или плагины. А какой способ применяете вы, чтобы внести теги html в обычный текст без преобразования?</p>
<p>Специальные символы HTML
</span> — это короткие фрагменты кода, называемые символьными сущностями. Они используются для отображения символов, имеющих в HTML
 особое значение, а также символов, которые не доступны на клавиатуре.</p>
<p>Специальные символы HTML
 называются зарезервированными. Например, левые (<) и правые (>) угловые скобки зарезервированы в HTML
 для определения открывающих и закрывающих тегов.</p>
<p>Символы, которые не доступны на клавиатуре, включают в себя такие знаки, как символ копирайта (©) и математическое значение пи.</p>
<p>Если мы хотим использовать их в документе и выводить в браузере, нужно использовать ссылки на символы HTML
.</p>
 <h2>Практический пример</h2>
<p>Предположим, что вы хотите отобразить на веб-странице блок HTML-кода
, чтобы при этом выводились теги элементов. Можно сделать это, просто поместив блок HTML в теги <code>. Но вы обнаружите, что даже в <code>, блок все равно будет обрабатываться как HTML-код
 и отображаться браузером соответствующим образом. В этом случае можно заменить все специальные символы HTML
 соответствующими символьными ссылками, чтобы браузер не обрабатывал код:</p>
<p><!--Тег <code> не делает так, чтобы блок не обрабатывался, как HTML-код-->
<code>
 <p>This is a list of items.</p>
 <ul>
 <li>List Item A</li>
 <li>List Item B</li>
 <li>List Item C</li>
 </ul>
 </code>
<!--Замените специальные символы ссылками на символы->
<code>
 <p>This is a list of items.<&sol;p>
 <ul>
 <li>List Item A<&sol;li>
 <li>List Item B<&sol;li>
 <li>List Item C<&sol;li>
 <&sol;ul>
</code></p>
<p>Посмотрим, как этот код отображается в браузере:</p>
<p>This is a list of items.
 List Item A
 List Item B
 List Item C
<p>This is a list of items.<&sol;p>
<ul>
<li>List Item A<&sol;li>
<li>List Item B<&sol;li>
<li>List Item C<&sol;li>
<&sol;ul></p>
<p>Коды вокруг первого блока не помешали браузеру обработать HTML-код
. Но заменив некоторые символы во втором блоке знаками из таблицы специальных символов HTML
, можно отобразить блок кода как разметку.</p>
<h3>Формат символов</h3>
<p>В HTML
 существует три способа форматирования символьных объектов. Можно использовать имя символа, значение Юникод или число. Например, амперсанд может отображаться с использованием любого из следующих: &, &
 или &
.</p>
<p>Во всех трех случаях формат выглядит схоже. Каждый объект начинается с амперсанда (&
), за которым следует имя символа, Юникод или номер ссылки и заканчивается точкой с запятой. Когда используется номер, ему должен предшествовать символ фунта (<span>& число

</span>), а когда используется значение Юникод, ему должен предшествовать символ фунта и буква x
 (<span>&число; x

</span>).</p>
<p>Большинство людей при добавлении спецсимволов используют в HTML-документах
 имена, а не значения или номера Unicode
. Их гораздо легче запомнить.</p>
<h3>Диакритические знаки</h3>
<p>Существует один специальный подтип специальных символов HTML
, который заслуживает особого упоминания — диакритические знаки. Это метки, которые выводятся непосредственно над предшествующей буквой, и к ним относятся знаки ударения и тильды. Вот три наиболее распространенных диакритических символа:</p>
<br>
В настоящее время поддержка имен символов диакритической метки ограничена, и результаты будут более согласованными между браузерами, если придерживаться числовых кодов.
<h3>Наиболее распространенные коды символов</h3>
<p>Вот краткая справочная таблица с несколькими наиболее часто использующимися спецсимволами:</p>
<table border="1"><tr><td>Символ

</td>
<td>Имя символа

</td>
<td>Номер

</td>
<td>Юникод

</td>
<td>Пример

</td>
</tr><tr><td>Меньше
</td>
<td><
</td>
<td><
</td>
<td><
</td>
<td><
</td>
</tr><tr><td>Больше
</td>
<td>>
</td>
<td>>
</td>
<td>>
</td>
<td>>
</td>
</tr><tr><td>Слэш
</td>
<td>&sol;
</td>
<td>/
</td>
<td>/
</td>
<td>&sol;
</td>
</tr><tr><td>Кавычки
</td>
<td>"
</td>
<td>«
</td>
<td>«
</td>
<td>«
</td>
</tr><tr><td>Апостроф
</td>
<td>"
</td>
<td>‘
</td>
<td>‘
</td>
<td>‘
</td>
</tr><tr><td>Амперсанд
</td>
<td>&
</td>
<td>&
</td>
<td>&
</td>
<td>&
</td>
</tr><tr><td>Копирайт
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr><tr><td>Торговая марка
</td>
<td>®
</td>
<td>®
</td>
<td>®
</td>
<td>®
</td>
</tr><tr><td>Градус
</td>
<td>°
</td>
<td>°
</td>
<td>°
</td>
<td>°
</td>
</tr><tr><td>Левые угловые кавычки
</td>
<td>«
</td>
<td>«
</td>
<td>«
</td>
<td>«
</td>
</tr><tr><td>Правые угловые кавычки
</td>
<td>»
</td>
<td>»
</td>
<td>»
</td>
<td>»
</td>
</tr></table><h3>Полный список зарезервированных кодов символов</h3>
<p>Полная таблица специальных символов HTML
, поддерживаемых консорциумом World Wide Web
, является частью официальной спецификации гипертекста.</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>");</script>
        <div class="crp_related ">
            <h3>Советуем почитать</h3>
            <ul>
                                     <li><a href="/komandy-dlya-zapuska-bukkit-servera-ustanovka-servera-minecraft-windows.html"><img src="/uploads/03b55be54966e052650df3822de1c72b.jpg" alt="Установка сервера Minecraft (Windows)" title="Установка сервера Minecraft (Windows)" width="150" height="150" class="crp_thumb crp_featured" loading=lazy><span class="crp_title">Установка сервера Minecraft (Windows)</span></a></li>
                                     <li><a href="/odnoklassniki-poisk-druzei-bez-registracii-odnoklassniki-bez.html"><img src="/uploads/ae34cc17821c35c916171efac5b5cfe5.jpg" alt="Одноклассники без регистрации" title="Одноклассники без регистрации" width="150" height="150" class="crp_thumb crp_featured" loading=lazy><span class="crp_title">Одноклассники без регистрации</span></a></li>
                                     <li><a href="/dvoinoi-vatsap-na-android-mozhet-li-odin-vatsap-privyazannyi-k-odnoi-sim-karte.html"><img src="/uploads/cfec30723c2dae008a9122bb243a5d96.jpg" alt="Может ли один Ватсап, привязанный к одной сим-карте, работать на двух телефонах" title="Может ли один Ватсап, привязанный к одной сим-карте, работать на двух телефонах" width="150" height="150" class="crp_thumb crp_featured" loading=lazy><span class="crp_title">Может ли один Ватсап, привязанный к одной сим-карте, работать на двух телефонах</span></a></li>
                                     <li><a href="/chto-takoe-opciya-turbo-knopka-kak-podklyuchit-dopolnitelnyi-paket-trafika.html"><img src="/uploads/33131d8b9579e9f72222ed0411b8a1aa.jpg" alt="Как подключить дополнительный пакет трафика интернета у провайдера мтс" title="Как подключить дополнительный пакет трафика интернета у провайдера мтс" width="150" height="150" class="crp_thumb crp_featured" loading=lazy><span class="crp_title">Как подключить дополнительный пакет трафика интернета у провайдера мтс</span></a></li>
                



            </ul>
            <div class="crp_clear"></div>
        </div>
    </div>
    

    <script type="text/javascript" src="//yastatic.net/share/share.js" charset="utf-8"></script>
    <div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki,lj"></div><br>
</div>

	<div class="post-nav section">													
		<div class="prev-post"><i class="fa fa-angle-left"></i>
    <h4><a href="/skorost-chteniya-cd-rom-privody-cd-rom-k-sozhaleniyu-ne-govoritsya-o.html" rel="prev">Скорость чтения cd rom. Приводы CD-ROM. К сожалению не говориться о поддержке носителей Blu-ray</a></h4>
</div>
<!-- /next_post -->	
		<div class="next-post">
    <h4><a href="/obzor-vernee-thor-plus-ogromnaya-batareya-i-super-amoled-displei-smartfon-vernee-thor-plus-obzor.html" rel="next">Смартфон Vernee Thor Plus: обзор бюджетника с большой батареей Связь и дополнительный функционал</a></h4><i class="fa fa-angle-right"></i></div>
<!-- /next_post -->	</div>
<center>




</center>
<br>
			<div class="related-posts">
			
			<h3>Похожие записи</h3>			
			<div class="post-list">
																					
					    <div class="one-half">

        <article class="post-5040 post type-post status-publish format-standard has-post-thumbnail hentry category-dom">

            <div class="thumb excerpt-thumb overlay">
                <a href="/noutbuki-hp---oshibka-zhestkogo-diska-smart-chto-delat-s-oshibkoi-smart-status.html"><img width="340" height="227" src="/uploads/15141ca2c57c9fd410e744f52602018e.jpg" class="attachment-wt340_230 wp-post-image" alt="Что делать с ошибкой Smart status bad backup and replace?"  loading=lazy></a>
            </div>

            <div class="excerpt-wrap">

                <div class="entry-meta">
                    <span class="entry-cat-bg main-color-bg cat305-bg"><a href="/category/programs/">Программы</a></span> <span class="date">2024-05-03 15:42:52</span>
                </div>

                <h3><a href="/noutbuki-hp---oshibka-zhestkogo-diska-smart-chto-delat-s-oshibkoi-smart-status.html">Что делать с ошибкой Smart status bad backup and replace?</a></h3>
                <p>Вопрос: Ошибка жесткого диска короткого DST
 
 Доброго времени суток! У меня такая проблема случилась. При включении ноутбука и...</p>

            </div>

        </article>
        
    </div>
<!-- /next_post -->
										
																	
					    <div class="one-half col-last">

        <article class="post-5039 post type-post status-publish format-standard has-post-thumbnail hentry category-dom">

            <div class="thumb excerpt-thumb overlay">
                <a href="/karetka-dlya-zhestkogo-diska-v-noutbuk-ustanovka-ssd-vmesto-dvd.html"><img width="340" height="227" src="/uploads/009bf579cc5d5332732305224cf795c0.jpg" class="attachment-wt340_230 wp-post-image" alt="Установка SSD вместо DVD привода в ноутбук Asus X550L"  loading=lazy></a>
            </div>

            <div class="excerpt-wrap">

                <div class="entry-meta">
                    <span class="entry-cat-bg main-color-bg cat305-bg"><a href="/category/windows/">Windows</a></span> <span class="date">2024-05-03 15:42:52</span>
                </div>

                <h3><a href="/karetka-dlya-zhestkogo-diska-v-noutbuk-ustanovka-ssd-vmesto-dvd.html">Установка SSD вместо DVD привода в ноутбук Asus X550L</a></h3>
                <p>Приветствую! Давным давно у меня возникло желание сделать небольшой апгрейд своего старого ноутбука и вдохнуть в него новую жизнь. На...</p>

            </div>

        </article>
        
    </div>
<!-- /next_post -->
										
							</div>
			
		</div>		
		
	





				
			
</div>	

 


<div id="sidebar">
    <aside id="search-2" class="widget widget_search">
        <div class="widget-title">
            <div class="icon"></div>
            <h4>Поиск по сайту</h4>
        </div>
        <form method="get" id="searchform" action="/">
            <input type="text" class="searchfield" name="s" id="s" placeholder="Поиск" />
            <button class="search-submit button main-color-bg"><i class="fa fa-search"></i></button>
        </form>
    </aside>
    <aside id="text-38" class="widget widget_text">
        <div class="textwidget">
            

        </div>
    </aside>

    <aside id="wt_popular_tabs_widget-2" class="widget widget_tabs">
        <script>
            jQuery(document).ready(function($) {
                $(".widget-tab-titles li").click(function() {
                    $(".widget-tab-titles li").removeClass('active');
                    $(this).addClass("active");
                    $(".tab-content").hide();
                    var selected_tab = $(this).find("a").attr("href");
                    $(selected_tab).fadeIn();
                    return false;
                });
            });
        </script>

        <div class="widget-tabs-title-container">
            <ul class="widget-tab-titles list">
                <li class="active">
                    <h5><a href="#widget-tab1-content">Свежие</a></h5>
                </li>
                <li class="">
                    <h5><a href="#widget-tab2-content">Популярные</a></h5>
                </li>

            </ul>
        </div>
        <div class="tabs-content-container">

            <div id="widget-tab1-content" class="tab-content" style="display: block;">
                <ul class="list post-list">

                                             <li>
                            <div class="item-post">
                                <div class="thumb overlay">
                                    <a href="/za-chto-pereplachivaem-chem-na-dele-otlichayutsya-dorogie-noutbuki-ot-deshevyh.html"><img src="/uploads/9f4629f43fbeaa73454ddee00f39aaff.jpg" class="attachment-wt75_75 wp-post-image" alt="Чем на деле отличаются дорогие ноутбуки от дешевых"/ loading=lazy></a>
                                </div>
                                <div class="post-right">

                                    <div class="entry-meta">
                                        <span class="entry-cat-bg main-color-bg cat364-bg"><a href="/category/viruses/">Вирусы</a></span> <span class="date">2024-05-02 15:46:22</span>
                                    </div>
                                    <h3><a href="/za-chto-pereplachivaem-chem-na-dele-otlichayutsya-dorogie-noutbuki-ot-deshevyh.html">Чем на деле отличаются дорогие ноутбуки от дешевых</a></h3>

                                </div>
                            </div>
                        </li>
                                             <li>
                            <div class="item-post">
                                <div class="thumb overlay">
                                    <a href="/proga-dlya-usileniya-mikrofona-na-kompe-programma-dlya-nastroiki.html"><img src="/uploads/11cf6c713432ec4fdf698ae9e539ab68.jpg" class="attachment-wt75_75 wp-post-image" alt="Программа для настройки микрофона на ноутбуке и компьютере"/ loading=lazy></a>
                                </div>
                                <div class="post-right">

                                    <div class="entry-meta">
                                        <span class="entry-cat-bg main-color-bg cat364-bg"><a href="/category/programs/">Программы</a></span> <span class="date">2024-05-02 15:46:22</span>
                                    </div>
                                    <h3><a href="/proga-dlya-usileniya-mikrofona-na-kompe-programma-dlya-nastroiki.html">Программа для настройки микрофона на ноутбуке и компьютере</a></h3>

                                </div>
                            </div>
                        </li>
                                             <li>
                            <div class="item-post">
                                <div class="thumb overlay">
                                    <a href="/odnoklassniki-polnaya-kompyuternaya-versiya-vhod-na-stranicu-moya.html"><img src="/uploads/9b78c7311b7d1e08f0b1009c358f98a5.jpg" class="attachment-wt75_75 wp-post-image" alt="Моя страница в социальной сети одноклассники"/ loading=lazy></a>
                                </div>
                                <div class="post-right">

                                    <div class="entry-meta">
                                        <span class="entry-cat-bg main-color-bg cat364-bg"><a href="/category/repair/">Ремонт</a></span> <span class="date">2024-05-01 15:30:10</span>
                                    </div>
                                    <h3><a href="/odnoklassniki-polnaya-kompyuternaya-versiya-vhod-na-stranicu-moya.html">Моя страница в социальной сети одноклассники</a></h3>

                                </div>
                            </div>
                        </li>
                                             <li>
                            <div class="item-post">
                                <div class="thumb overlay">
                                    <a href="/ne-zagruzhaetsya-explorer-exe-ne-zapuskaetsya-explorer-internet-explorer-ne.html"><img src="/uploads/b0b058ae0268317ed816bc0a2691a12a.jpg" class="attachment-wt75_75 wp-post-image" alt="Не загружается explorer exe"/ loading=lazy></a>
                                </div>
                                <div class="post-right">

                                    <div class="entry-meta">
                                        <span class="entry-cat-bg main-color-bg cat364-bg"><a href="/category/viruses/">Вирусы</a></span> <span class="date">2024-05-01 15:30:10</span>
                                    </div>
                                    <h3><a href="/ne-zagruzhaetsya-explorer-exe-ne-zapuskaetsya-explorer-internet-explorer-ne.html">Не загружается explorer exe</a></h3>

                                </div>
                            </div>
                        </li>
                                             <li>
                            <div class="item-post">
                                <div class="thumb overlay">
                                    <a href="/vnimanie-dannaya-konfiguraciya-yavlyaetsya-specializirovannoi.html"><img src="/uploads/db9ba9d513169bd22f6ec411b39e132d.jpg" class="attachment-wt75_75 wp-post-image" alt="Выбранная конфигурация является специализированной"/ loading=lazy></a>
                                </div>
                                <div class="post-right">

                                    <div class="entry-meta">
                                        <span class="entry-cat-bg main-color-bg cat364-bg"><a href="/category/windows/">Windows</a></span> <span class="date">2024-04-30 15:40:07</span>
                                    </div>
                                    <h3><a href="/vnimanie-dannaya-konfiguraciya-yavlyaetsya-specializirovannoi.html">Выбранная конфигурация является специализированной</a></h3>

                                </div>
                            </div>
                        </li>
                                             <li>
                            <div class="item-post">
                                <div class="thumb overlay">
                                    <a href="/kakoi-telefon-kupit-na-aliexpress-luchshie-i-nedorogie-smartfony-na.html"><img src="/uploads/f58880639921ff687bd58618c0f9e337.jpg" class="attachment-wt75_75 wp-post-image" alt="— Лучшие и недорогие смартфоны на Aliexpress"/ loading=lazy></a>
                                </div>
                                <div class="post-right">

                                    <div class="entry-meta">
                                        <span class="entry-cat-bg main-color-bg cat364-bg"><a href="/category/programs/">Программы</a></span> <span class="date">2024-04-30 15:40:07</span>
                                    </div>
                                    <h3><a href="/kakoi-telefon-kupit-na-aliexpress-luchshie-i-nedorogie-smartfony-na.html">— Лучшие и недорогие смартфоны на Aliexpress</a></h3>

                                </div>
                            </div>
                        </li>
                                             <li>
                            <div class="item-post">
                                <div class="thumb overlay">
                                    <a href="/kak-sohranit-foto-iz-instagrama-na-kompyuter-kak-skachat-stories-ili-pryamoi.html"><img src="/uploads/3c50a4b02a7eb6b2cf7ce6458be5eb7b.jpg" class="attachment-wt75_75 wp-post-image" alt="Как скачать Stories или прямой эфир других пользователей из Instagram Дополнение инстаграм для яндекс"/ loading=lazy></a>
                                </div>
                                <div class="post-right">

                                    <div class="entry-meta">
                                        <span class="entry-cat-bg main-color-bg cat364-bg"><a href="/category/router/">Роутер</a></span> <span class="date">2024-04-30 15:40:07</span>
                                    </div>
                                    <h3><a href="/kak-sohranit-foto-iz-instagrama-na-kompyuter-kak-skachat-stories-ili-pryamoi.html">Как скачать Stories или прямой эфир других пользователей из Instagram Дополнение инстаграм для яндекс</a></h3>

                                </div>
                            </div>
                        </li>
                    












                </ul>

            </div>

            <div id="widget-tab2-content" class="tab-content">
                <ul class="list post-list">

                                             <li>
                            <div class="item-post">
                                <div class="thumb overlay">
                                    <a href="/ne-udalos-otkryt-istochnik-dannyh-pri-sliyanii-istochniki-dannyh-kotorye-mozhno.html"><img src="https://i2.wp.com/excelworld.ru/Author/Pelena/Merge/tekst.jpg" class="attachment-wt75_75 wp-post-image" alt="Источники данных, которые можно использовать для слияния почты"/ loading=lazy></a>
                                </div>
                                <div class="post-right">

                                    <div class="entry-meta">
                                        <span class="entry-cat-bg main-color-bg cat387-bg"><a href="/category/laptops/">Ноутбуки</a></span>
                                        <span class="comments">
														<i class="fa fa-comment"></i>
														<a href="/ne-udalos-otkryt-istochnik-dannyh-pri-sliyanii-istochniki-dannyh-kotorye-mozhno.html" title="Источники данных, которые можно использовать для слияния почты"></a>	
													</span>
                                        <span class="sep">-</span>
                                        <span class="date">2024-04-29 15:21:54</span>
                                    </div>
                                    <h3><a href="/ne-udalos-otkryt-istochnik-dannyh-pri-sliyanii-istochniki-dannyh-kotorye-mozhno.html">Источники данных, которые можно использовать для слияния почты</a></h3>

                                </div>
                            </div>
                        </li>
                                             <li>
                            <div class="item-post">
                                <div class="thumb overlay">
                                    <a href="/kak-skachat-vse-roliki-s-kanala-youtube-boty-facebook-messenger.html"><img src="https://i1.wp.com/4.bp.blogspot.com/-wjW9aM8ecdQ/XLAGZz6zsdI/AAAAAAAAZI8/ao_kpzTkXi8u6BGEdDo17kcIc7_Yt8QzACLcBGAs/s1600/%25D0%25B0%25D0%25B4%25D1%2580%25D0%25B5%25D1%2581%25D0%25BD%25D0%25B0%25D1%258F%2B%25D0%25BA%25D0%25BD%25D0%25B8%25D0%25B3%25D0%25B0.j" class="attachment-wt75_75 wp-post-image" alt="Как скачать все ролики с канала youtube"/ loading=lazy></a>
                                </div>
                                <div class="post-right">

                                    <div class="entry-meta">
                                        <span class="entry-cat-bg main-color-bg cat387-bg"><a href="/category/laptops/">Ноутбуки</a></span>
                                        <span class="comments">
														<i class="fa fa-comment"></i>
														<a href="/kak-skachat-vse-roliki-s-kanala-youtube-boty-facebook-messenger.html" title="Как скачать все ролики с канала youtube"></a>	
													</span>
                                        <span class="sep">-</span>
                                        <span class="date">2024-04-28 15:39:34</span>
                                    </div>
                                    <h3><a href="/kak-skachat-vse-roliki-s-kanala-youtube-boty-facebook-messenger.html">Как скачать все ролики с канала youtube</a></h3>

                                </div>
                            </div>
                        </li>
                                             <li>
                            <div class="item-post">
                                <div class="thumb overlay">
                                    <a href="/skachat-obnaruzhenie-i-analiz-wi-fi-setei-proga-dlya-skanirovaniya-besprovodnyh.html"><img src="https://i0.wp.com/computer76.ru/wp-content/uploads/2016/01/wirelessnetview.jpg" class="attachment-wt75_75 wp-post-image" alt="Прога для сканирования беспроводных сетей"/ loading=lazy></a>
                                </div>
                                <div class="post-right">

                                    <div class="entry-meta">
                                        <span class="entry-cat-bg main-color-bg cat387-bg"><a href="/category/router/">Роутер</a></span>
                                        <span class="comments">
														<i class="fa fa-comment"></i>
														<a href="/skachat-obnaruzhenie-i-analiz-wi-fi-setei-proga-dlya-skanirovaniya-besprovodnyh.html" title="Прога для сканирования беспроводных сетей"></a>	
													</span>
                                        <span class="sep">-</span>
                                        <span class="date">2024-04-28 15:39:34</span>
                                    </div>
                                    <h3><a href="/skachat-obnaruzhenie-i-analiz-wi-fi-setei-proga-dlya-skanirovaniya-besprovodnyh.html">Прога для сканирования беспроводных сетей</a></h3>

                                </div>
                            </div>
                        </li>
                                             <li>
                            <div class="item-post">
                                <div class="thumb overlay">
                                    <a href="/kak-uznat-vid-pid-fleshki-i-dlya-chego-sluzhat-eti-identifikacionnye-nomera.html"><img src="https://i1.wp.com/pcpro100.info/wp-content/uploads/2014/09/Tipovoy-vid-fleshki-plata-s-mikroshemoy.jpg" class="attachment-wt75_75 wp-post-image" alt="Инструкция по восстановлению флешек Как определить флешку название модели"/ loading=lazy></a>
                                </div>
                                <div class="post-right">

                                    <div class="entry-meta">
                                        <span class="entry-cat-bg main-color-bg cat387-bg"><a href="/category/windows/">Windows</a></span>
                                        <span class="comments">
														<i class="fa fa-comment"></i>
														<a href="/kak-uznat-vid-pid-fleshki-i-dlya-chego-sluzhat-eti-identifikacionnye-nomera.html" title="Инструкция по восстановлению флешек Как определить флешку название модели"></a>	
													</span>
                                        <span class="sep">-</span>
                                        <span class="date">2024-04-27 16:07:44</span>
                                    </div>
                                    <h3><a href="/kak-uznat-vid-pid-fleshki-i-dlya-chego-sluzhat-eti-identifikacionnye-nomera.html">Инструкция по восстановлению флешек Как определить флешку название модели</a></h3>

                                </div>
                            </div>
                        </li>
                                             <li>
                            <div class="item-post">
                                <div class="thumb overlay">
                                    <a href="/telefon-fly-s-krupnymi-knopkami-reiting-luchshih-telefonov-dlya.html"><img src="https://i1.wp.com/novate.ru/files/u34852/phones-for-old-people-2.jpg" class="attachment-wt75_75 wp-post-image" alt="Рейтинг лучших телефонов для пожилых людей"/ loading=lazy></a>
                                </div>
                                <div class="post-right">

                                    <div class="entry-meta">
                                        <span class="entry-cat-bg main-color-bg cat387-bg"><a href="/category/internet/">Интернет</a></span>
                                        <span class="comments">
														<i class="fa fa-comment"></i>
														<a href="/telefon-fly-s-krupnymi-knopkami-reiting-luchshih-telefonov-dlya.html" title="Рейтинг лучших телефонов для пожилых людей"></a>	
													</span>
                                        <span class="sep">-</span>
                                        <span class="date">2024-04-27 16:07:44</span>
                                    </div>
                                    <h3><a href="/telefon-fly-s-krupnymi-knopkami-reiting-luchshih-telefonov-dlya.html">Рейтинг лучших телефонов для пожилых людей</a></h3>

                                </div>
                            </div>
                        </li>
                                             <li>
                            <div class="item-post">
                                <div class="thumb overlay">
                                    <a href="/komandy-dlya-zapuska-bukkit-servera-ustanovka-servera-minecraft-windows.html"><img src="https://i2.wp.com/nevor.ru/nvfiles/editor/medium/8_cmd_start.png" class="attachment-wt75_75 wp-post-image" alt="Установка сервера Minecraft (Windows)"/ loading=lazy></a>
                                </div>
                                <div class="post-right">

                                    <div class="entry-meta">
                                        <span class="entry-cat-bg main-color-bg cat387-bg"><a href="/category/programs/">Программы</a></span>
                                        <span class="comments">
														<i class="fa fa-comment"></i>
														<a href="/komandy-dlya-zapuska-bukkit-servera-ustanovka-servera-minecraft-windows.html" title="Установка сервера Minecraft (Windows)"></a>	
													</span>
                                        <span class="sep">-</span>
                                        <span class="date">2024-05-08 16:08:07</span>
                                    </div>
                                    <h3><a href="/komandy-dlya-zapuska-bukkit-servera-ustanovka-servera-minecraft-windows.html">Установка сервера Minecraft (Windows)</a></h3>

                                </div>
                            </div>
                        </li>
                                             <li>
                            <div class="item-post">
                                <div class="thumb overlay">
                                    <a href="/odnoklassniki-poisk-druzei-bez-registracii-odnoklassniki-bez.html"><img src="https://i2.wp.com/odnoklassnikin.ru/wp-content/uploads/2018/02/moi-nastrojki.jpg" class="attachment-wt75_75 wp-post-image" alt="Одноклассники без регистрации"/ loading=lazy></a>
                                </div>
                                <div class="post-right">

                                    <div class="entry-meta">
                                        <span class="entry-cat-bg main-color-bg cat387-bg"><a href="/category/viruses/">Вирусы</a></span>
                                        <span class="comments">
														<i class="fa fa-comment"></i>
														<a href="/odnoklassniki-poisk-druzei-bez-registracii-odnoklassniki-bez.html" title="Одноклассники без регистрации"></a>	
													</span>
                                        <span class="sep">-</span>
                                        <span class="date">2024-05-08 16:08:07</span>
                                    </div>
                                    <h3><a href="/odnoklassniki-poisk-druzei-bez-registracii-odnoklassniki-bez.html">Одноклассники без регистрации</a></h3>

                                </div>
                            </div>
                        </li>
                    












                </ul>

            </div>

            <div id="widget-tab3-content" class="tab-content">
                
            </div>
        </div>

    </aside>

    <aside id="text-39" class="widget widget_text">
        <div class="textwidget">
            

        </div>
    </aside>
    
    <aside id="categories-5" class="widget widget_categories">
        <div class="widget-title">
            <div class="icon"></div>
            <h4>Рубрики</h4>
        </div>
        <ul>
                                        <li class="cat-item cat-item-"><a href="/category/windows/" title="Windows">Windows</a>
                </li>
                            <li class="cat-item cat-item-"><a href="/category/viruses/" title="Вирусы">Вирусы</a>
                </li>
                            <li class="cat-item cat-item-"><a href="/category/recovery/" title="Восстановление">Восстановление</a>
                </li>
                            <li class="cat-item cat-item-"><a href="/category/internet/" title="Интернет">Интернет</a>
                </li>
                            <li class="cat-item cat-item-"><a href="/category/laptops/" title="Ноутбуки">Ноутбуки</a>
                </li>
                            <li class="cat-item cat-item-"><a href="/category/programs/" title="Программы">Программы</a>
                </li>
                            <li class="cat-item cat-item-"><a href="/category/repair/" title="Ремонт">Ремонт</a>
                </li>
                            <li class="cat-item cat-item-"><a href="/category/router/" title="Роутер">Роутер</a>
                </li>
                            <li class="cat-item cat-item-"><a href="/category/devices/" title="Устройства">Устройства</a>
                </li>
            
        </ul>
    </aside>
    <aside id="pages-3" class="widget widget_pages">
        <div class="widget-title">
            <div class="icon"></div>
            <h4>Страницы</h4>
        </div>
        <ul>
            <li class="page_item page-item current_page_item"><a href="/">Главная</a></li>
            <li class="page_item page-item"><a href="/sitemap.xml">Карта сайта</a></li>
            <li class="page_item page-item"><a href="">Обратная связь</a></li>
        </ul>
    </aside>
</div>


				<script type="text/javascript">try{ var sbmt=document.getElementById('submit'),npt=document.createElement('input'),d=new Date(),__ksinit=function(){ sbmt.parentNode.insertBefore(npt,sbmt);} ;npt.value=d.getUTCDate()+''+(d.getUTCMonth()+1)+'uniq9065';npt.name='ksbn_code';npt.type='hidden';sbmt.onmousedown=__ksinit;sbmt.onkeypress=__ksinit;} catch(e){ }</script>
				</div>
	</section>

	

<footer id="footer">
		<div class="footer-info">
			<div class="inner-wrap">
				 
					<div class="footer-left">
    ©2024 seocxema.ru. Windows. Программы. Устройства. Ноутбуки. Вирусы. Восстановление.
</div>
								
			</div>		
		</div>		
	</footer>


	
</div>



<script src="/assets/f89d23060861.js"></script><script>eval(mod_pagespeed_EkfnzzgNGm);</script>
<script>eval(mod_pagespeed_shdP3JvG92);</script>

<script src="/assets/7b94457a3345.js"></script><script>eval(mod_pagespeed_Vge0eYZiX0);</script>
<script>eval(mod_pagespeed_rFiwlK0V2n);</script>
<script>eval(mod_pagespeed_NkJ$svdfCI);</script>
<script>eval(mod_pagespeed_7QExw1e8GG);</script>
<script>eval(mod_pagespeed_NPRmC_hb_5);</script>
<script>eval(mod_pagespeed_dhTtrfIRt5);</script>
<script>eval(mod_pagespeed_8GKEZu2sI0);</script>
<script>eval(mod_pagespeed_33o$kFwZth);</script>
<script>eval(mod_pagespeed_oQOVaecd7j);</script>
<script>eval(mod_pagespeed_2zXveon5ZR);</script>
<script>eval(mod_pagespeed_oLL3YdMpkr);</script>
<script>eval(mod_pagespeed_E3V$0UKdeS);</script>

<script type='text/javascript'>;(function($){ var globaldata=window.ec_ajax_data||null;$.fn.wpAjaxRating=function(){ return this.each(function(){ var el=this,post_id=parseInt(this.getAttribute('data-post-id'),10);$(this).on('click','a',function(e){ var rating=parseInt(this.getAttribute('data-value'),10),data={ "action":"ec_stars_rating","rating":rating,"post_id":post_id} ,update_value=function(result,count){ $(el).addClass("is-voted").find('.ec-stars-overlay').css({ "width":(100-result*100/5)+'%'} ).end().parent().find('.ec-stars-rating-count').html(count).end().parent().find('.ec-stars-rating-value').html(parseInt(result*100)/100);} ,show_message=function(message){ el.setAttribute('data-tooltip',message);} ;if(globaldata===null){ globaldata=window.ec_ajax_data||null;} e.preventDefault();if((/\bis-voted\b/).test(el.className)===null||rating>5||rating<1){ return;} $.post(globaldata.ajax_url,data,function(response){ switch(response.status){ case globaldata.codes.PREVIOUSLY_VOTED:show_message(globaldata.messages.previously_voted);break;case globaldata.codes.REQUEST_ERROR:show_message(globaldata.messages.request_error);break;case globaldata.codes.SUCCESS:update_value(response.result,response.votes);show_message(globaldata.messages.success);break;default:show_message(globaldata.messages.unknown);} },"json")} );} );} ;$(function(){ $('.ec-stars-wrapper').wpAjaxRating();} )} (window.jQuery))</script>




</body>
</html>