Домой Spring MVC и Spring Boot Tutorials Spring MVC 4.2.2 — лучший способ добавить / интегрировать JS, CSS и...

Spring MVC 4.2.2 — лучший способ добавить / интегрировать JS, CSS и изображения в файл JSP с помощью mvc: сопоставление ресурсов

388
0

Содержание

Некоторое время назад я написал учебник по Hello World Spring MVC . Spring MVC web — это модель управления представлением моделей, и вы можете найти больше информации здесь .

Как вы могли видеть Sayan а также Arturo задал несколько вопросов во время работы над учебником Spring MVC о том, как добавить JavaScript/.js а также CSS/.css файл в свой проект.

И .js, и .css являются статическими ресурсами. У вас также есть похожие вопросы, как:

  • Весной mvc куда положить файлы css / js / img?
  • Почему мой проект не может найти css, изображения и js статические файлы и т. Д.?

В этом уроке мы рассмотрим все подробные шаги по включению обоих в ваш Java- проект Spring MVC. simplest way ,

Давайте начнем:

Ниже updated project структура для вашей справки.

Шаг 1

Пожалуйста, продолжайте и реализуйте свои HelloWorld Spring MVC project следуя всем подробным шагам . Убедитесь, что у вас есть working correctly ,

Теперь, в следующих шагах мы собираемся — create 1 папка, add 2 файлы, modify 2 файлы.

Шаг 2

Создайте resources папка под WebContent папка.

Шаг 3

Создайте crunchify.js файл под resources папка.

crunchify.js

1
2
3
4
5
JQuery ( документ ) . готов ( функция ( $ ) {
$ ( '#crunchifyMessage' ) . html (

Это сообщение приходит из файла 'crunchify.js' … )

} ) ;

Шаг 4

Создайте crunchify.css файл под resources папка.

crunchify.css

1
2
3
4
5
6
h2 {
цвет : # dd7127;
}
h4 {
цвет : # DD2727;
}

Шаг 5

изменять welcome.jsp файл с содержанием ниже. Пожалуйста оформить заказ highlighted lines ,

welcome.jsp

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<% @ TagLib префикс = весна uri = http://www.springframework.org/tags %>
< ! DOCTYPE html >
< html >
< голова >
< ! давайте добавим тег srping: url ->
src = https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js >
src = $ {crunchifyJS} >
Учебное пособие по Spring MVC от Crunchify — Пример Hello World Spring MVC </ title></span> </div> <div> <span><span><style</span> <span>type</span> <span>= text / css></span></span> </div> <div> <span>тело</span> <span>{</span> </div> <div><span> </span> <span>фоновое изображение</span> <span>:</span> <span> </span> <span>url</span> <span>(</span> <span>'https://cdn.crunchify.com/bg.png'</span> <span>)</span> <span>;</span> </div> <div> <span>}</span> </div> <div> <span></ стиль></span> </div> <div> <span></ HEAD></span> </div> <div> <span><тело> $ {сообщение}</span> </div> <div> <span><br /></span> </div> <div> <span><DIV</span> </div> <div> <span>style = font-family: verdana; отступы: 10px; border-radius: 10px; размер шрифта: 12px; выравнивание текста: по центру;></span> </div> <div></div> <div> <span></p> <h2> Оформить заказ на этот цвет шрифта. Загружен из</span> <span>хруста</span> <span>.</span> <span>css</span> <span>'файл в папке'</span> / <span>WebContent</span> / <span>go</span> / <span>'</ h2></span> </div> <div></div> <div> <span></p> <div id = crunchifyMessage> </ div></span> </div> <div></div> <div> <span><br /> Spring MCV Tutorial от <a href=https://crunchify.com> Crunchify </a>.</span> </div> <div></div> <div> <span></p> <p> Нажмите <a</span> </div> <div> <span>HREF = https://crunchify.com/category/java-tutorials/</span> </div> <div> <span>target = _ blank> здесь </a> для всей Java и <a</span> </div> <div> <span>href = '</span> <span>https</span> <span>:</span> <span>//crunchify.com/category/spring-mvc/' target = '_ blank'> здесь </a></span> </div> <div><span> </span> <span>за</span> <span> </span> <span>вся</span> <span>весна</span> <span>MVC</span> <span>,</span> <span> </span> <span>Примеры</span> <span>веб-</span> <span>разработки</span> <span>.</span> <span><span><span><Бр></span></span></span> </div> <div><span> </span> <span><</span> / <span>div</span> <span>></span> </div> <div> <span><</span> / <span>body</span> <span>></span> </div> <div> <span><</span> / <span>html</span> <span>></span> </div> </div> </td> </tr> </table> </div> </div> <p> Вот <code>spring:url tag</code> на основе тега JSTL c: url. Этот вариант полностью обратно совместим со стандартным тегом. Улучшения включают поддержку параметров шаблона URL. </p> <h3><span id="_6"> Шаг 6 </span></h3> <p> изменять <code>crunchify-servlet.xml</code> файл. Добавьте ниже две строки внизу файла перед <code></beans></code> тег. </p> <div> <div><span></span></p> <div></div> </div> <div></div> <div></div> <div> <table> <tr> <td> <div> <div> 1 </div> <div> 2 </div> </div> </td> <td> <div> <div> <span><</span> <span>mvc</span> <span>:</span> <span>resources</span> <span>mapping</span> = <span>/ go / **</span> <span> </span> <span>location</span> = <span>/ go /</span> <span> </span> / <span>></span> </div> <div> <span><</span> <span>mvc</span> <span>:</span> <span>управляемый</span> <span>аннотацией</span> <span> </span> / <span>></span> </div> </div> </td> </tr> </table> </div> </div> <p> Вот полное содержимое файла: </p> <div> <div> <span>crunchify-servlet.xml</span> </p> <div></div> </div> <div></div> <div></div> <div> <table> <tr> <td> <div> <div> 1 </div> <div> 2 </div> <div> 3 </div> <div> 4 </div> <div> 5 </div> <div> 6 </div> <div> 7 </div> <div> 8 </div> <div> 9 </div> <div> 10 </div> <div> 11 </div> <div> 12 </div> <div> 13 </div> <div> 14 </div> <div> 15 </div> <div> 16 </div> <div> 17 </div> <div> 18 </div> <div> 19 </div> <div> 20 </div> <div> 21 </div> <div> 22 </div> <div> 23 </div> <div> 24 </div> </div> </td> <td> <div> <div> <span><</span> <span>beans</span> <span>xmlns</span> = <span>http://www.springframework.org/schema/beans</span> </div> <div><span> </span> <span>xmlns</span> <span>:</span> <span>mvc</span> = <span>http://www.springframework.org/schema/mvc</span> <span> </span> <span>xmlns</span> <span>:</span> <span>context</span> = <span>http://www.springframework.org/schema/context</span> </div> <div><span> </span> <span>xmlns</span> <span>:</span> <span>xsi</span> = <span>http://www.w3.org/2001/XMLSchema-instance</span> </div> <div><span> </span> <span>xsi</span> <span>:</span> <span>schemaLocation</span> = <span></span> </div> <div> <span>http://www.springframework.org/schema/beans</span> </div> <div> <span>http://www.springframework.org/schema/beans/spring-beans.xsd</span> </div> <div> <span>http://www.springframework.org/schema/mvc</span> </div> <div> <span>http://www.springframework.org/schema/mvc/spring-mvc.xsd</span> </div> <div> <span>http://www.springframework.org/schema/context</span> </div> <div> <span>http://www.springframework.org/schema/context/spring-context.xsd </span> <span>></span> </div> <div></div> <div><span> </span> <span><</span> <span>context</span> <span>:</span> <span>component</span> — <span>scan</span> <span>base</span> — <span>package</span> = <span>com.crunchify.controller</span> <span> </span> / <span>></span> </div> <div></div> <div><span> </span> <span><</span> <span>bean</span> <span>id</span> = <span>viewResolver</span> </div> <div><span> </span> <span>class</span> = <span>org.springframework.web.servlet.view.UrlBasedViewResolver</span> <span>></span> </div> <div><span> </span> <span><</span> <span>собственность</span> <span> </span> <span>name</span> = <span>viewClass</span> </div> <div><span> </span> <span>значение</span> = <span>org.springframework.web.servlet.view.JstlView</span> <span> </span> / <span>></span> </div> <div><span> </span> <span><</span> <span>собственность</span> <span> </span> <span>name</span> = <span>префикс</span> <span> </span> <span>значение</span> = <span>/ WEB-INF / jsp /</span> <span> </span> / <span>></span> </div> <div><span> </span> <span><</span> <span>собственность</span> <span> </span> <span>name</span> = <span>суффикс</span> <span> </span> <span>значение</span> = <span>.jsp</span> <span> </span> / <span>></span> </div> <div><span> </span> <span><</span> / <span>bean</span> <span>></span> </div> <div></div> <div><span> </span> <span><</span> <span>mvc</span> <span>:</span> <span>resources</span> <span>mapping</span> = <span>/ go / **</span> <span> </span> <span>location</span> = <span>/ go /</span> <span> </span> / <span>></span> </div> <div><span> </span> <span><</span> <span>mvc</span> <span>:</span> <span>управляемый</span> <span>аннотацией</span> <span> </span> / <span>></span> </div> <div> <span><</span> / <span>beans</span> <span>></span> </div> </div> </td> </tr> </table> </div> </div> <p><code>mvc:resources</code> настраивает обработчик для обслуживания <code>static resources</code> такие как изображения, файлы js и css с заголовками кэша, оптимизированными для эффективной загрузки в веб-браузере. Позволяет обслуживать ресурсы вне любого пути, который доступен через обработку ресурсов Spring. </p> <h3><span id="_7"> Шаг 7 </span></h3> <ol> <li> выполнять <code>Project -> Clean</code></li> <li> Повторно развернуть <code>CrunchifySpringMVCTutorial</code> приложение на веб-сервере <a>Tomcat</a> </li> <li> Посетите URL: <code>http://localhost:8080/CrunchifySpringMVCTutorial/welcome.jsp</li> <li> Проверьте результат </li> </ol> <h3><span id="i-2"> До </span></h3> <p> <a><img src=http://csharpcoderr.com/images/Spring-MVC-tutorial-by-Crunchify.png /></a> </p> <h3><span id="i-3"> После </span></h3> <p> <a><img src=http://csharpcoderr.com/images/Spring-MVC-tutorial-with-JS-and-CSS-loaded-dynamically.png /></a> </p> <div id="google-rating-element" data-id="1691" data-enabled="1" data-value="0"></div> <div id="google-rating-element-hint" itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating"> <div itemprop="name" class="google-rating-title">Spring MVC 4.2.2 — лучший способ добавить / интегрировать JS, CSS и изображения в файл JSP с помощью mvc: сопоставление ресурсов</div> <p><span itemprop="ratingValue">0.00</span> (0%) <span itemprop="ratingCount">0</span> votes<meta itemprop="bestRating" content="0"><meta itemprop="worstRating" content="0"></p> <div itemprop="itemReviewed" itemscope="" itemtype="http://schema.org/CreativeWork"></div> </div> <div style="clear:both; margin-top:0em; margin-bottom:1em;"><a href="https://csharpcoderr.com/1627/" target="_blank" rel="nofollow" class="ubc32c49ae2f1a0391fa6194fd18f1991"><!-- INLINE RELATED POSTS 1/1 //--><style> .ubc32c49ae2f1a0391fa6194fd18f1991 , .ubc32c49ae2f1a0391fa6194fd18f1991 .postImageUrl , .ubc32c49ae2f1a0391fa6194fd18f1991 .centered-text-area { min-height: 80px; position: relative; } .ubc32c49ae2f1a0391fa6194fd18f1991 , .ubc32c49ae2f1a0391fa6194fd18f1991:hover , .ubc32c49ae2f1a0391fa6194fd18f1991:visited , .ubc32c49ae2f1a0391fa6194fd18f1991:active { border:0!important; } .ubc32c49ae2f1a0391fa6194fd18f1991 .clearfix:after { content: ""; display: table; clear: both; } .ubc32c49ae2f1a0391fa6194fd18f1991 { display: block; transition: background-color 250ms; webkit-transition: background-color 250ms; width: 100%; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #95A5A6; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); } .ubc32c49ae2f1a0391fa6194fd18f1991:active , .ubc32c49ae2f1a0391fa6194fd18f1991:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #7F8C8D; } .ubc32c49ae2f1a0391fa6194fd18f1991 .centered-text-area { width: 100%; position: relative; } .ubc32c49ae2f1a0391fa6194fd18f1991 .ctaText { border-bottom: 0 solid #fff; color: #ECF0F1; font-size: 16px; font-weight: bold; margin: 0; padding: 0; text-decoration: underline; } .ubc32c49ae2f1a0391fa6194fd18f1991 .postTitle { color: #2C3E50; font-size: 16px; font-weight: 600; margin: 0; padding: 0; width: 100%; } .ubc32c49ae2f1a0391fa6194fd18f1991 .ctaButton { background-color: #7F8C8D!important; color: #ECF0F1; border: none; border-radius: 3px; box-shadow: none; font-size: 14px; font-weight: bold; line-height: 26px; moz-border-radius: 3px; text-align: center; text-decoration: none; text-shadow: none; width: 80px; min-height: 80px; background: url(https://csharpcoderr.com/wp-content/plugins/intelly-related-posts/assets/images/simple-arrow.png)no-repeat; position: absolute; right: 0; top: 0; } .ubc32c49ae2f1a0391fa6194fd18f1991:hover .ctaButton { background-color: #95A5A6!important; } .ubc32c49ae2f1a0391fa6194fd18f1991 .centered-text { display: table; height: 80px; padding-left: 18px; top: 0; } .ubc32c49ae2f1a0391fa6194fd18f1991 .ubc32c49ae2f1a0391fa6194fd18f1991-content { display: table-cell; margin: 0; padding: 0; padding-right: 108px; position: relative; vertical-align: middle; width: 100%; } .ubc32c49ae2f1a0391fa6194fd18f1991:after { content: ""; display: block; clear: both; } </style><div class="centered-text-area"><div class="centered-text" style="float: left;"><div class="ubc32c49ae2f1a0391fa6194fd18f1991-content"><span class="ctaText">ЧИТАТЬ ТАКЖЕ:</span>  <span class="postTitle">Учебник по Spring MVC Framework Простой пример Hello World со страницей пользовательского интерфейса (JSP)</span></div></div></div><div class="ctaButton"></div></a></div> </div> <footer> <!-- post pagination --> <!-- review --> <div class="td-post-source-tags td-pb-padding-side"> <!-- source via --> <!-- tags --> </div> <div class="td-post-sharing-bottom td-pb-padding-side"></div> <!-- next prev --><div class="td-block-row td-post-next-prev"><div class="td-block-span6 td-post-prev-post"><div class="td-post-next-prev-content"><span>Предыдущая статья</span><a href="https://csharpcoderr.com/1674/">Как установить Maven на Mac OS X вручную? Исправлена ошибка UnsupportedClassVersion: org / apache / maven / cli / MavenCli</a></div></div><div class="td-next-prev-separator"></div><div class="td-block-span6 td-post-next-post"><div class="td-post-next-prev-content"><span>Следующая статья</span><a href="https://csharpcoderr.com/1696/">Как исправить UnsupportedClassVersionError: Класс был скомпилирован более поздней версией Java Runtime</a></div></div></div> <!-- author box --><div class="td-author-name vcard author" style="display: none"><span class="fn"><a href="https://csharpcoderr.com/author/admin/">admin</a></span></div> <!-- meta --><span class="td-page-meta" itemprop="author" itemscope itemtype="https://schema.org/Person"><meta itemprop="name" content="admin"><meta itemprop="url" content="https://csharpcoderr.com/author/admin/"></span><meta itemprop="datePublished" content="2019-09-07T05:16:43+03:00"><meta itemprop="dateModified" content="2019-09-07T05:16:43+03:00"><meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://csharpcoderr.com/1691/"/><span class="td-page-meta" itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><span class="td-page-meta" itemprop="logo" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="https://csharpcoderr.com/wp-content/uploads/2021/01/banner-news-ged.jpg"></span><meta itemprop="name" content="Актуальный новостной блог"></span><meta itemprop="headline " content="Spring MVC 4.2.2 - лучший способ добавить / интегрировать JS, CSS и изображения в файл JSP с помощью mvc: сопоставление ресурсов"><span class="td-page-meta" itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="https://csharpcoderr.com/wp-content/themes/Newsmag/images/no-thumb/td_meta_replacement.png"><meta itemprop="width" content="1068"><meta itemprop="height" content="580"></span> </footer> </article> <!-- /.post --> <script>var block_tdi_3 = new tdBlock(); block_tdi_3.id = "tdi_3"; block_tdi_3.atts = '{"limit":3,"ajax_pagination":"next_prev","live_filter":"cur_post_same_categories","td_ajax_filter_type":"td_custom_related","class":"tdi_3","td_column_number":3,"block_type":"td_block_related_posts","live_filter_cur_post_id":1691,"live_filter_cur_post_author":"1","block_template_id":"","header_color":"","ajax_pagination_infinite_stop":"","offset":"","td_ajax_preloading":"","td_filter_default_txt":"","td_ajax_filter_ids":"","el_class":"","color_preset":"","ajax_pagination_next_prev_swipe":"","border_top":"","css":"","tdc_css":"","tdc_css_class":"tdi_3","tdc_css_class_style":"tdi_3_rand_style"}'; block_tdi_3.td_column_number = "3"; block_tdi_3.block_type = "td_block_related_posts"; block_tdi_3.post_count = "3"; block_tdi_3.found_posts = "13"; block_tdi_3.header_color = ""; block_tdi_3.ajax_pagination_infinite_stop = ""; block_tdi_3.max_num_pages = "5"; tdBlocksArray.push(block_tdi_3); </script><div class="td_block_wrap td_block_related_posts tdi_3 td_with_ajax_pagination td-pb-border-top td_block_template_1" data-td-block-uid="tdi_3" ><h4 class="td-related-title"><a id="tdi_4" class="td-related-left td-cur-simple-item" data-td_filter_value="" data-td_block_id="tdi_3" href="#">ЭТО МОЖЕТ БЫТЬ ИНТЕРЕСНО</a><a id="tdi_5" class="td-related-right" data-td_filter_value="td_related_more_from_author" data-td_block_id="tdi_3" href="#">ЕЩЕ ОТ АВТОРА</a></h4><div id=tdi_3 class="td_block_inner"> <div class="td-related-row"> <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td_mod_related_posts td-cpt-post"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://csharpcoderr.com/1972/" rel="bookmark" class="td-image-wrap " title="Как обновлять Sparkline Graph каждые 3 секунды в Spring MVC (обновление в реальном времени)" ><img class="entry-thumb" src=""alt="" data-type="image_tag" data-img-url="https://csharpcoderr.com/wp-content/plugins/td-composer/legacy/Newsmag/assets/images/no-thumb/td_238x178.png" width="238" height="178" /></a></div> <a href="https://csharpcoderr.com/category/spring-mvc-i-spring-boot-tutorials/" class="td-post-category">Spring MVC и Spring Boot Tutorials</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://csharpcoderr.com/1972/" rel="bookmark" title="Как обновлять Sparkline Graph каждые 3 секунды в Spring MVC (обновление в реальном времени)">Как обновлять Sparkline Graph каждые 3 секунды в Spring MVC (обновление в реальном времени)</a></h3> </div> </div> </div> <!-- ./td-related-span4 --> <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td_mod_related_posts td-cpt-post"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://csharpcoderr.com/1910/" rel="bookmark" class="td-image-wrap " title="Spring MVC: введение в Spring 5.X MVC Framework" ><img class="entry-thumb" src=""alt="" data-type="image_tag" data-img-url="https://csharpcoderr.com/wp-content/plugins/td-composer/legacy/Newsmag/assets/images/no-thumb/td_238x178.png" width="238" height="178" /></a></div> <a href="https://csharpcoderr.com/category/spring-mvc-i-spring-boot-tutorials/" class="td-post-category">Spring MVC и Spring Boot Tutorials</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://csharpcoderr.com/1910/" rel="bookmark" title="Spring MVC: введение в Spring 5.X MVC Framework">Spring MVC: введение в Spring 5.X MVC Framework</a></h3> </div> </div> </div> <!-- ./td-related-span4 --> <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td_mod_related_posts td-cpt-post"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://csharpcoderr.com/1911/" rel="bookmark" class="td-image-wrap " title="Spring MVC: как получить доступ к значениям ModelMap в JSP? Получить значения в JSP из класса контроллера во время выполнения" ><img class="entry-thumb" src=""alt="" data-type="image_tag" data-img-url="https://csharpcoderr.com/wp-content/plugins/td-composer/legacy/Newsmag/assets/images/no-thumb/td_238x178.png" width="238" height="178" /></a></div> <a href="https://csharpcoderr.com/category/spring-mvc-i-spring-boot-tutorials/" class="td-post-category">Spring MVC и Spring Boot Tutorials</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://csharpcoderr.com/1911/" rel="bookmark" title="Spring MVC: как получить доступ к значениям ModelMap в JSP? Получить значения в JSP из класса контроллера во время выполнения">Spring MVC: как получить доступ к значениям ModelMap в JSP? Получить значения в JSP из класса контроллера во время выполнения</a></h3> </div> </div> </div> <!-- ./td-related-span4 --></div><!--./row-fluid--></div><div class="td-next-prev-wrap"><a href="#" class="td-ajax-prev-page ajax-page-disabled" aria-label="prev-page" id="prev-page-tdi_3" data-td_block_id="tdi_3"><i class="td-next-prev-icon td-icon-font td-icon-menu-left"></i></a><a href="#" class="td-ajax-next-page" aria-label="next-page" id="next-page-tdi_3" data-td_block_id="tdi_3"><i class="td-next-prev-icon td-icon-font td-icon-menu-right"></i></a></div></div> <!-- ./block --> <div class="comments" id="comments"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">ОСТАВЬТЕ ОТВЕТ <small><a rel="nofollow" id="cancel-comment-reply-link" href="/1691/#respond" style="display:none;">Отменить ответ</a></small></h3><form action="https://csharpcoderr.com/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><div class="clearfix"></div> <div class="comment-form-input-wrap td-form-comment"> <textarea autocomplete="new-password" placeholder="Комментарий:" id="f76bb50600" name="f76bb50600" cols="45" rows="8" aria-required="true"></textarea><textarea id="comment" aria-label="hp-comment" aria-hidden="true" name="comment" autocomplete="new-password" style="padding:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;position:absolute !important;white-space:nowrap !important;height:1px !important;width:1px !important;overflow:hidden !important;" tabindex="-1"></textarea><script data-noptimize>document.getElementById("comment").setAttribute( "id", "a4fdfb63cd77610a28a3b9d4ed8655ea" );document.getElementById("f76bb50600").setAttribute( "id", "comment" );</script> <div class="td-warning-comment">Пожалуйста, введите ваш комментарий!</div> </div><div class="comment-form-input-wrap td-form-author"> <input class="" id="author" name="author" placeholder="Имя:*" type="text" value="" size="30" aria-required='true' /> <div class="td-warning-author">пожалуйста, введите ваше имя здесь</div> </div> <div class="comment-form-input-wrap td-form-email"> <input class="" id="email" name="email" placeholder="Электронная почта:*" type="text" value="" size="30" aria-required='true' /> <div class="td-warning-email-error">Вы ввели неверный адрес электронной почты!</div> <div class="td-warning-email">пожалуйста, введите свой адрес электронной почты здесь</div> </div> <div class="comment-form-input-wrap td-form-url"> <input class="" id="url" name="url" placeholder="Веб-Сайт:" type="text" value="" size="30" /> </div> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /><label for="wp-comment-cookies-consent">сохраните мое имя, адрес электронной почты и веб-сайт в этом браузере для следующего комментария.</label></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Опубликовать Комментарий" /> <input type='hidden' name='comment_post_ID' value='1691' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div><!-- #respond --> </div> <!-- /.content --> </div> </div> <div class="td-pb-span4 td-main-sidebar" role="complementary"> <div class="td-ss-main-sidebar"> <div class="td_block_wrap td_block_8 td_block_widget tdi_6 td_with_ajax_pagination td-pb-border-top td_block_template_1" data-td-block-uid="tdi_6" > <style> .tdi_6 .td_module_wrap:hover .entry-title a, .tdi_6 .td-load-more-wrap a:hover, .tdi_6 .td_quote_on_blocks, .tdi_6 .td-wrapper-pulldown-filter .td-pulldown-filter-display-option:hover, .tdi_6 .td-wrapper-pulldown-filter a.td-pulldown-filter-link:hover, .tdi_6 .td-instagram-user a { color: #6f8cb7; } .tdi_6 .td-next-prev-wrap a:hover i { background-color: #6f8cb7; border-color: #6f8cb7; } .tdi_6 .td_module_wrap .td-post-category:hover, .tdi_6 .td-trending-now-title, .tdi_6 .block-title span, .tdi_6 .td-weather-information:before, .tdi_6 .td-weather-week:before, .tdi_6 .td-exchange-header:before, .tdi_6 .block-title a { background-color: #6f8cb7; } </style><script>var block_tdi_6 = new tdBlock(); block_tdi_6.id = "tdi_6"; block_tdi_6.atts = '{"custom_title":"\u042d\u0422\u041e \u0418\u041d\u0422\u0415\u0420\u0415\u0421\u041d\u041e","custom_url":"","block_template_id":"","header_color":"#6f8cb7","header_text_color":"#","title_tag":"","border_top":"","color_preset":"","m7_tl":"","limit":"6","offset":"","video_rec":"","video_rec_title":"","el_class":"","post_ids":"-1691","category_id":"","category_ids":"","tag_slug":"","autors_id":"","installed_post_types":"","sort":"random_7_day","td_ajax_filter_type":"","td_ajax_filter_ids":"","td_filter_default_txt":"All","td_ajax_preloading":"","ajax_pagination":"next_prev","ajax_pagination_infinite_stop":"","class":"td_block_widget tdi_6","block_type":"td_block_8","separator":"","m7_title_tag":"","open_in_new_window":"","show_modified_date":"","video_popup":"","show_vid_t":"block","f_header_font_header":"","f_header_font_title":"Block header","f_header_font_settings":"","f_header_font_family":"","f_header_font_size":"","f_header_font_line_height":"","f_header_font_style":"","f_header_font_weight":"","f_header_font_transform":"","f_header_font_spacing":"","f_header_":"","f_ajax_font_title":"Ajax categories","f_ajax_font_settings":"","f_ajax_font_family":"","f_ajax_font_size":"","f_ajax_font_line_height":"","f_ajax_font_style":"","f_ajax_font_weight":"","f_ajax_font_transform":"","f_ajax_font_spacing":"","f_ajax_":"","f_more_font_title":"Load more button","f_more_font_settings":"","f_more_font_family":"","f_more_font_size":"","f_more_font_line_height":"","f_more_font_style":"","f_more_font_weight":"","f_more_font_transform":"","f_more_font_spacing":"","f_more_":"","m7f_title_font_header":"","m7f_title_font_title":"Article title","m7f_title_font_settings":"","m7f_title_font_family":"","m7f_title_font_size":"","m7f_title_font_line_height":"","m7f_title_font_style":"","m7f_title_font_weight":"","m7f_title_font_transform":"","m7f_title_font_spacing":"","m7f_title_":"","m7f_cat_font_title":"Article category tag","m7f_cat_font_settings":"","m7f_cat_font_family":"","m7f_cat_font_size":"","m7f_cat_font_line_height":"","m7f_cat_font_style":"","m7f_cat_font_weight":"","m7f_cat_font_transform":"","m7f_cat_font_spacing":"","m7f_cat_":"","m7f_meta_font_title":"Article meta info","m7f_meta_font_settings":"","m7f_meta_font_family":"","m7f_meta_font_size":"","m7f_meta_font_line_height":"","m7f_meta_font_style":"","m7f_meta_font_weight":"","m7f_meta_font_transform":"","m7f_meta_font_spacing":"","m7f_meta_":"","css":"","tdc_css":"","td_column_number":1,"ajax_pagination_next_prev_swipe":"","tdc_css_class":"tdi_6","tdc_css_class_style":"tdi_6_rand_style"}'; block_tdi_6.td_column_number = "1"; block_tdi_6.block_type = "td_block_8"; block_tdi_6.post_count = "6"; block_tdi_6.found_posts = "14"; block_tdi_6.header_color = "#6f8cb7"; block_tdi_6.ajax_pagination_infinite_stop = ""; block_tdi_6.max_num_pages = "3"; tdBlocksArray.push(block_tdi_6); </script><h4 class="block-title"><span class="td-pulldown-size">ЭТО ИНТЕРЕСНО</span></h4><div id=tdi_6 class="td_block_inner"> <div class="td-block-span12"> <div class="td_module_7 td_module_wrap td-animation-stack td-cpt-post"> <div class="td-module-thumb"><a href="https://csharpcoderr.com/38133/" rel="bookmark" class="td-image-wrap " title="5 советов по выбору идеального двуспального матраса" ><img class="entry-thumb" src="" alt="" title="5 советов по выбору идеального двуспального матраса" data-type="image_tag" data-img-url="https://csharpcoderr.com/wp-content/uploads/2024/03/full-shot-woman-and-girl-meditating-in-bed_23-2149101645-100x75.jpg" width="100" height="75" /></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://csharpcoderr.com/38133/" rel="bookmark" title="5 советов по выбору идеального двуспального матраса">5 советов по выбору идеального двуспального матраса</a></h3> <div class="meta-info"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2024-03-27T20:57:34+03:00" >27.03.2024</time></span> </div> </div> </div> </div> <!-- ./td-block-span12 --> <div class="td-block-span12"> <div class="td_module_7 td_module_wrap td-animation-stack td-cpt-post"> <div class="td-module-thumb"><a href="https://csharpcoderr.com/38127/" rel="bookmark" class="td-image-wrap " title="Модные серьги 2024: стильные аксессуары для завораживающего образа" ><img class="entry-thumb" src="" alt="" title="Модные серьги 2024: стильные аксессуары для завораживающего образа" data-type="image_tag" data-img-url="https://csharpcoderr.com/wp-content/uploads/2024/03/kandinsky-download-1711396216340-100x75.png" width="100" height="75" /></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://csharpcoderr.com/38127/" rel="bookmark" title="Модные серьги 2024: стильные аксессуары для завораживающего образа">Модные серьги 2024: стильные аксессуары для завораживающего образа</a></h3> <div class="meta-info"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2024-03-25T22:50:49+03:00" >25.03.2024</time></span> </div> </div> </div> </div> <!-- ./td-block-span12 --> <div class="td-block-span12"> <div class="td_module_7 td_module_wrap td-animation-stack td-cpt-post"> <div class="td-module-thumb"><a href="https://csharpcoderr.com/38114/" rel="bookmark" class="td-image-wrap " title="Итальянская виза — когда и кому стоит оформить документ для поездки в Италию" ><img class="entry-thumb" src="" alt="" title="Итальянская виза — когда и кому стоит оформить документ для поездки в Италию" data-type="image_tag" data-img-url="https://csharpcoderr.com/wp-content/uploads/2024/03/close-up-hands-holding-tickets_23-2149080810-100x75.jpg" width="100" height="75" /></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://csharpcoderr.com/38114/" rel="bookmark" title="Итальянская виза — когда и кому стоит оформить документ для поездки в Италию">Итальянская виза — когда и кому стоит оформить документ для поездки...</a></h3> <div class="meta-info"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2024-03-23T17:33:34+03:00" >23.03.2024</time></span> </div> </div> </div> </div> <!-- ./td-block-span12 --> <div class="td-block-span12"> <div class="td_module_7 td_module_wrap td-animation-stack td-cpt-post"> <div class="td-module-thumb"><a href="https://csharpcoderr.com/38096/" rel="bookmark" class="td-image-wrap " title="Ремонт квартир: виды и особенности ремонта" ><img class="entry-thumb" src="" alt="" title="Ремонт квартир: виды и особенности ремонта" data-type="image_tag" data-img-url="https://csharpcoderr.com/wp-content/uploads/2024/03/full-shot-young-man-painting-wall_23-2149344033-100x75.jpg" width="100" height="75" /></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://csharpcoderr.com/38096/" rel="bookmark" title="Ремонт квартир: виды и особенности ремонта">Ремонт квартир: виды и особенности ремонта</a></h3> <div class="meta-info"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2024-03-22T18:49:16+03:00" >22.03.2024</time></span> </div> </div> </div> </div> <!-- ./td-block-span12 --> <div class="td-block-span12"> <div class="td_module_7 td_module_wrap td-animation-stack td-cpt-post"> <div class="td-module-thumb"><a href="https://csharpcoderr.com/38120/" rel="bookmark" class="td-image-wrap " title="Низковольтное оборудование: правила выбора и назначения" ><img class="entry-thumb" src="" alt="" title="Низковольтное оборудование: правила выбора и назначения" data-type="image_tag" data-img-url="https://csharpcoderr.com/wp-content/uploads/2024/03/close-up-circuit-board-components_23-2148419191-100x75.jpg" width="100" height="75" /></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://csharpcoderr.com/38120/" rel="bookmark" title="Низковольтное оборудование: правила выбора и назначения">Низковольтное оборудование: правила выбора и назначения</a></h3> <div class="meta-info"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2024-03-24T16:34:40+03:00" >24.03.2024</time></span> </div> </div> </div> </div> <!-- ./td-block-span12 --> <div class="td-block-span12"> <div class="td_module_7 td_module_wrap td-animation-stack td-cpt-post"> <div class="td-module-thumb"><a href="https://csharpcoderr.com/38130/" rel="bookmark" class="td-image-wrap " title="Что учесть при выборе и установке светильника в комнату? Как выбрать качественный и стильный вариант?" ><img class="entry-thumb" src="" alt="" title="Что учесть при выборе и установке светильника в комнату? Как выбрать качественный и стильный вариант?" data-type="image_tag" data-img-url="https://csharpcoderr.com/wp-content/uploads/2024/03/empty-modern-room-with-furniture_23-2149178890-100x75.jpg" width="100" height="75" /></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://csharpcoderr.com/38130/" rel="bookmark" title="Что учесть при выборе и установке светильника в комнату? Как выбрать качественный и стильный вариант?">Что учесть при выборе и установке светильника в комнату? Как выбрать...</a></h3> <div class="meta-info"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2024-03-27T20:54:06+03:00" >27.03.2024</time></span> </div> </div> </div> </div> <!-- ./td-block-span12 --></div><div class="td-next-prev-wrap"><a href="#" class="td-ajax-prev-page ajax-page-disabled" aria-label="prev-page" id="prev-page-tdi_6" data-td_block_id="tdi_6"><i class="td-next-prev-icon td-icon-font td-icon-menu-left"></i></a><a href="#" class="td-ajax-next-page" aria-label="next-page" id="next-page-tdi_6" data-td_block_id="tdi_6"><i class="td-next-prev-icon td-icon-font td-icon-menu-right"></i></a></div></div> <!-- ./block --> </div> </div> </div> <!-- /.td-pb-row --> </div> </div> <!-- /.td-container --> <!-- Instagram --> <!-- Footer --> <div class="td-footer-container td-container"> <div class="td-pb-row"> <div class="td-pb-span12"> </div> </div> <div class="td-pb-row"> <div class="td-pb-span4"> <div class="td-footer-info td-pb-padding-side"><div class="footer-logo-wrap"><a href="https://csharpcoderr.com/"><img src="https://csharpcoderr.com/wp-content/uploads/2021/01/12111.png" alt="" title="" width="396" height="90"/></a></div><div class="footer-text-wrap">Актуальный новостной блог. Мы публикуем ежедневно обзор самых важных событий в мире и России, новости технологий и автомобилестроения, экономики и политики, шоу бизнеса и спорта</div><div class="footer-social-wrap td-social-style2"> <span class="td-social-icon-wrap"> <a target="_blank" href="#" title="Facebook"> <i class="td-icon-font td-icon-facebook"></i> </a> </span> <span class="td-social-icon-wrap"> <a target="_blank" href="#" title="Instagram"> <i class="td-icon-font td-icon-instagram"></i> </a> </span> <span class="td-social-icon-wrap"> <a target="_blank" href="#" title="Twitter"> <i class="td-icon-font td-icon-twitter"></i> </a> </span> <span class="td-social-icon-wrap"> <a target="_blank" href="#" title="Youtube"> <i class="td-icon-font td-icon-youtube"></i> </a> </span></div></div> </div> <div class="td-pb-span4"> <div class="td_block_wrap td_block_7 tdi_8 td_block_template_1" data-td-block-uid="tdi_8" ><script>var block_tdi_8 = new tdBlock(); block_tdi_8.id = "tdi_8"; block_tdi_8.atts = '{"custom_title":"\u0415\u0429\u0401 \u0411\u041e\u041b\u042c\u0428\u0415 \u041d\u041e\u0412\u041e\u0421\u0422\u0415\u0419","border_top":"no_border_top","limit":3,"block_type":"td_block_7","separator":"","custom_url":"","title_tag":"","block_template_id":"","color_preset":"","m6_tl":"","m6_title_tag":"","post_ids":"-1691","category_id":"","category_ids":"","tag_slug":"","autors_id":"","installed_post_types":"","sort":"","offset":"","open_in_new_window":"","show_modified_date":"","video_popup":"","video_rec":"","video_rec_title":"","show_vid_t":"block","el_class":"","td_ajax_filter_type":"","td_ajax_filter_ids":"","td_filter_default_txt":"All","td_ajax_preloading":"","f_header_font_header":"","f_header_font_title":"Block header","f_header_font_settings":"","f_header_font_family":"","f_header_font_size":"","f_header_font_line_height":"","f_header_font_style":"","f_header_font_weight":"","f_header_font_transform":"","f_header_font_spacing":"","f_header_":"","f_ajax_font_title":"Ajax categories","f_ajax_font_settings":"","f_ajax_font_family":"","f_ajax_font_size":"","f_ajax_font_line_height":"","f_ajax_font_style":"","f_ajax_font_weight":"","f_ajax_font_transform":"","f_ajax_font_spacing":"","f_ajax_":"","f_more_font_title":"Load more button","f_more_font_settings":"","f_more_font_family":"","f_more_font_size":"","f_more_font_line_height":"","f_more_font_style":"","f_more_font_weight":"","f_more_font_transform":"","f_more_font_spacing":"","f_more_":"","m6f_title_font_header":"","m6f_title_font_title":"Article title","m6f_title_font_settings":"","m6f_title_font_family":"","m6f_title_font_size":"","m6f_title_font_line_height":"","m6f_title_font_style":"","m6f_title_font_weight":"","m6f_title_font_transform":"","m6f_title_font_spacing":"","m6f_title_":"","m6f_cat_font_title":"Article category tag","m6f_cat_font_settings":"","m6f_cat_font_family":"","m6f_cat_font_size":"","m6f_cat_font_line_height":"","m6f_cat_font_style":"","m6f_cat_font_weight":"","m6f_cat_font_transform":"","m6f_cat_font_spacing":"","m6f_cat_":"","m6f_meta_font_title":"Article meta info","m6f_meta_font_settings":"","m6f_meta_font_family":"","m6f_meta_font_size":"","m6f_meta_font_line_height":"","m6f_meta_font_style":"","m6f_meta_font_weight":"","m6f_meta_font_transform":"","m6f_meta_font_spacing":"","m6f_meta_":"","ajax_pagination":"","ajax_pagination_infinite_stop":"","css":"","tdc_css":"","td_column_number":1,"header_color":"","ajax_pagination_next_prev_swipe":"","class":"tdi_8","tdc_css_class":"tdi_8","tdc_css_class_style":"tdi_8_rand_style"}'; block_tdi_8.td_column_number = "1"; block_tdi_8.block_type = "td_block_7"; block_tdi_8.post_count = "3"; block_tdi_8.found_posts = "15662"; block_tdi_8.header_color = ""; block_tdi_8.ajax_pagination_infinite_stop = ""; block_tdi_8.max_num_pages = "5221"; tdBlocksArray.push(block_tdi_8); </script><h4 class="block-title"><span class="td-pulldown-size">ЕЩЁ БОЛЬШЕ НОВОСТЕЙ</span></h4><div id=tdi_8 class="td_block_inner"> <div class="td-block-span12"> <div class="td_module_6 td_module_wrap td-animation-stack td-cpt-post"> <div class="td-module-thumb"><a href="https://csharpcoderr.com/38151/" rel="bookmark" class="td-image-wrap " title="Болт мебельный с квадратным подголовником DIN 603: полное руководство покупателя" ><img class="entry-thumb" src="" alt="" title="Болт мебельный с квадратным подголовником DIN 603: полное руководство покупателя" data-type="image_tag" data-img-url="https://csharpcoderr.com/wp-content/uploads/2024/03/1c42eafcbc350f2eb606d76cffc16d4f-100x75.jpg" width="100" height="75" /></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://csharpcoderr.com/38151/" rel="bookmark" title="Болт мебельный с квадратным подголовником DIN 603: полное руководство покупателя">Болт мебельный с квадратным подголовником DIN 603: полное руководство покупателя</a></h3> <div class="meta-info"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2024-03-27T23:21:28+03:00" >27.03.2024</time></span> </div> </div> </div> </div> <!-- ./td-block-span12 --> <div class="td-block-span12"> <div class="td_module_6 td_module_wrap td-animation-stack td-cpt-post"> <div class="td-module-thumb"><a href="https://csharpcoderr.com/38148/" rel="bookmark" class="td-image-wrap " title="Туристические ножи: виды и параметры выбора" ><img class="entry-thumb" src="" alt="" title="Туристические ножи: виды и параметры выбора" data-type="image_tag" data-img-url="https://csharpcoderr.com/wp-content/uploads/2024/03/travel-items-on-wooden-table_23-2148666253-100x75.jpg" width="100" height="75" /></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://csharpcoderr.com/38148/" rel="bookmark" title="Туристические ножи: виды и параметры выбора">Туристические ножи: виды и параметры выбора</a></h3> <div class="meta-info"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2024-03-27T23:19:22+03:00" >27.03.2024</time></span> </div> </div> </div> </div> <!-- ./td-block-span12 --> <div class="td-block-span12"> <div class="td_module_6 td_module_wrap td-animation-stack td-cpt-post"> <div class="td-module-thumb"><a href="https://csharpcoderr.com/38136/" rel="bookmark" class="td-image-wrap " title="Займы на карту: все оформление и условия" ><img class="entry-thumb" src="" alt="" title="Займы на карту: все оформление и условия" data-type="image_tag" data-img-url="https://csharpcoderr.com/wp-content/uploads/2024/03/1a79f496-f76c-4ee8-8502-fd6fec7169e4-100x75.jpg" width="100" height="75" /></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://csharpcoderr.com/38136/" rel="bookmark" title="Займы на карту: все оформление и условия">Займы на карту: все оформление и условия</a></h3> <div class="meta-info"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2024-03-27T21:00:34+03:00" >27.03.2024</time></span> </div> </div> </div> </div> <!-- ./td-block-span12 --></div></div> <!-- ./block --> </div> <div class="td-pb-span4"> <div class="td_block_wrap td_block_popular_categories tdi_9 widget widget_categories td-pb-border-top td_block_template_1" data-td-block-uid="tdi_9" ><h4 class="block-title"><span class="td-pulldown-size">ПОПУЛЯРНЫЕ КАТЕГОРИИ</span></h4><ul class="td-pb-padding-side"><li><a href="https://csharpcoderr.com/category/travel/">Туризм<span class="td-cat-no">3524</span></a></li><li><a href="https://csharpcoderr.com/category/technologies/">Технологии<span class="td-cat-no">3283</span></a></li><li><a href="https://csharpcoderr.com/category/avto/">Авто<span class="td-cat-no">3070</span></a></li><li><a href="https://csharpcoderr.com/category/show-business/">Шоу бизнес<span class="td-cat-no">1404</span></a></li><li><a href="https://csharpcoderr.com/category/java/">java<span class="td-cat-no">1183</span></a></li><li><a href="https://csharpcoderr.com/category/blogi-sovety/">Блоги Советы<span class="td-cat-no">1012</span></a></li><li><a href="https://csharpcoderr.com/category/world/">В мире<span class="td-cat-no">953</span></a></li></ul></div> <!-- ./block --> </div> </div> </div> <!-- Sub Footer --> <div class="td-sub-footer-container td-container td-container-border "> <div class="td-pb-row"> <div class="td-pb-span8 td-sub-footer-menu"> <div class="td-pb-padding-side"> <div class="menu-podval-container"><ul id="menu-podval" class="td-subfooter-menu"><li id="menu-item-25110" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-first td-menu-item td-normal-menu menu-item-25110"><a href="https://csharpcoderr.com/partnery/">.</a></li> </ul></div> </div> </div> <div class="td-pb-span4 td-sub-footer-copy"> <div class="td-pb-padding-side"> © Csharpcoderr.com </div> </div> </div> </div> </div><!--close td-outer-container--> </div><!--close td-outer-wrap--> <!-- Theme: Newsmag by tagDiv.com 2023 Version: 5.4.1 (rara) Deploy mode: deploy uid: 66053ef3def0b --> <link rel='stylesheet' id='toc-screen-css' href='https://csharpcoderr.com/wp-content/plugins/table-of-contents-plus/screen.min.css?ver=2309' type='text/css' media='all' /> <style id='toc-screen-inline-css' type='text/css'> div#toc_container {width: 100%;} </style> <script type="text/javascript" src="https://csharpcoderr.com/wp-content/plugins/td-composer/legacy/Newsmag/js/tagdiv_theme.min.js?ver=5.4.1" id="td-site-min-js"></script> <script type="text/javascript" src="https://csharpcoderr.com/wp-includes/js/comment-reply.min.js?ver=6.4.3" id="comment-reply-js" async="async" data-wp-strategy="async"></script> <script type="text/javascript" src="https://csharpcoderr.com/wp-content/plugins/table-of-contents-plus/front.min.js?ver=2309" id="toc-front-js"></script> <!-- JS generated by theme --> <script> // if the theme has tdBackstr support, it means this already uses it if ( 'undefined' !== typeof window.tdBackstr ) { (function(){ // the site background td-backstretch jquery object is dynamically added in DOM, and after any translation effects are applied over td-backstretch var wrapper_image_jquery_obj = jQuery( '<div class=\'backstretch\'></div>' ); var image_jquery_obj = jQuery( '<img class=\'td-backstretch not-parallax\' src=\'https://csharpcoderr.com/wp-content/uploads/2021/01/277726_hack-hacking-hacker-virus-anarchy-dark-computer-internet-anonymous_4000x3000_h.jpg\' alt="">' ); wrapper_image_jquery_obj.append( image_jquery_obj ); jQuery( 'body' ).prepend( wrapper_image_jquery_obj ); var td_backstr_item = new tdBackstr.item(); td_backstr_item.wrapper_image_jquery_obj = wrapper_image_jquery_obj; td_backstr_item.image_jquery_obj = image_jquery_obj; tdBackstr.add_item( td_backstr_item ); })(); } </script> </body> </html><!-- WP Fastest Cache file was created in 0.47333812713623 seconds, on 28-03-24 12:57:07 --><!-- need to refresh to see cached version -->