<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:media="http://search.yahoo.com/mrss/" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Разные навороты, сборник хаков - Все для DLE DataLife Engine</title>
<link>https://dle9.com/</link>
<atom:link href="http://www.dle9.com/haki/haki-other/rss.xml" rel="self" type="application/rss+xml" />
<language>ru</language>
<description>Разные навороты, сборник хаков - Все для DLE DataLife Engine</description>[shortrss]<item turbo="{allow-turbo}">
<title>Как создать страницу ошибки для DLE 404</title>
<guid isPermaLink="true">https://dle9.com/haki/3830-kak-sozdat-stranicu-oshibki-dlya-dle-404.html</guid>
<link>https://dle9.com/haki/3830-kak-sozdat-stranicu-oshibki-dlya-dle-404.html</link>
<description><a href="https://dle9.com/uploads/posts/2015-02/1424228986_404-not-found-svoya-stranica-oshibki.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2015-02/thumbs/1424228986_404-not-found-svoya-stranica-oshibki.jpg" style="float:left;max-width:100%;" alt=""></a><br>Как сделать собственную <a href="https://dle9.com/besplatnye/other/">страницу ошибки 404</a> или <b>404 Not Found для DLE 10.х</b>— это ответ веб-сервера который сообщает, что запрошенный урл страницы на сайте отсутствует. Посетителям интернет порталов иногда наблюдают такую ошибку, особенно если он сохранился в кеше поисковика в адресе страницы или ссылка изначально была битой.<br><br>По умолчанию в <a href="https://dle9.com/">Dle</a>, в случаи ошибки выводится шаблонная страница "info.tpl", т.е подгружается основной шаблон main.tpl и info.tpl.<br>Реализация выгодная в плане задержки пользователя, юзер попав на такую страницу скорее всего сразу не закроет страницу, а вернётся на главную или кликнет на навигацию. <br>Но наверняка найдутся люди которые захотят видеть на своём сайте старомодную статическую html страничку.<br>У нас на https://dle9.com/ все для сайта dle есть разные возможности реализации данного в разделе <a href="https://dle9.com/besplatnye/">Разные шаблоны dle</a>. <br>Много шаговых инструкций для старых версий или <a href="https://dle9.com/books/dle-news/">DataLife Engine 10.х</a> , <a href="https://dle9.com/haki/">разные хаки для дле</a>....<br><br>Важно, чтобы такая страница отдавала ответ серверу 404, а не 200 OK или 302 Found. В противном случае поисковые системы могут посчитать эти страницы за существующие и добавить в индекс много дублей одной странички.<br>Если вы хотите более подробно узнать <a href="https://dle9.com/page-not-found-404.html" title="Что такое ошибка 404">Что такое ошибка 404</a>, Как исправить ошибка 404 сайт недоступен, как найти и определить все страницы 404 ошибки сайта и увидеть другие красивые шаблоны HTML Page Not Found и многое другое, то переходите по ссылке выше. <br><br>Во общем вношу свой вклад в эту тему.<br><br>Итак, установка:<br>В файле "engine/modules/functions.php" ищем:<br><br><pre><code>function msgbox($title, $text) { global $tpl; </code></pre><br>Заменяем на:<br><br><pre><code>function msgbox($title, $text) { global $tpl, $lang; if( in_array('HTTP/1.0 404 Not Found', headers_list()) || $text == $lang['news_err_27'] ) { require_once ROOT_DIR.'/404.html'; die(); }else{ $tplName = 'info.tpl'; }</code></pre><br><br>Готово.<br>Не забудьте создать в корне (там где расположен файл robota.txt) страницу 404.html с любыми вам подходящими данными. <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3392">404-Not-Found-Svoya-stranica-oshibki.rar</a> [15,15 Kb] (cкачиваний: 404) </span></description>
[allow-turbo]<turbo:content><![CDATA[<a href="https://dle9.com/uploads/posts/2015-02/1424228986_404-not-found-svoya-stranica-oshibki.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2015-02/thumbs/1424228986_404-not-found-svoya-stranica-oshibki.jpg" style="float:left;max-width:100%;" alt=""></a><br>Как сделать собственную <a href="https://dle9.com/besplatnye/other/">страницу ошибки 404</a> или <b>404 Not Found для DLE 10.х</b>— это ответ веб-сервера который сообщает, что запрошенный урл страницы на сайте отсутствует. Посетителям интернет порталов иногда наблюдают такую ошибку, особенно если он сохранился в кеше поисковика в адресе страницы или ссылка изначально была битой.<br><br>По умолчанию в <a href="https://dle9.com/">Dle</a>, в случаи ошибки выводится шаблонная страница "info.tpl", т.е подгружается основной шаблон main.tpl и info.tpl.<br>Реализация выгодная в плане задержки пользователя, юзер попав на такую страницу скорее всего сразу не закроет страницу, а вернётся на главную или кликнет на навигацию. <br>Но наверняка найдутся люди которые захотят видеть на своём сайте старомодную статическую html страничку.<br>У нас на https://dle9.com/ все для сайта dle есть разные возможности реализации данного в разделе <a href="https://dle9.com/besplatnye/">Разные шаблоны dle</a>. <br>Много шаговых инструкций для старых версий или <a href="https://dle9.com/books/dle-news/">DataLife Engine 10.х</a> , <a href="https://dle9.com/haki/">разные хаки для дле</a>....<br><br>Важно, чтобы такая страница отдавала ответ серверу 404, а не 200 OK или 302 Found. В противном случае поисковые системы могут посчитать эти страницы за существующие и добавить в индекс много дублей одной странички.<br>Если вы хотите более подробно узнать <a href="https://dle9.com/page-not-found-404.html" title="Что такое ошибка 404">Что такое ошибка 404</a>, Как исправить ошибка 404 сайт недоступен, как найти и определить все страницы 404 ошибки сайта и увидеть другие красивые шаблоны HTML Page Not Found и многое другое, то переходите по ссылке выше. <br><br>Во общем вношу свой вклад в эту тему.<br><br>Итак, установка:<br>В файле "engine/modules/functions.php" ищем:<br><br><pre><code>function msgbox($title, $text) { global $tpl; </code></pre><br>Заменяем на:<br><br><pre><code>function msgbox($title, $text) { global $tpl, $lang; if( in_array('HTTP/1.0 404 Not Found', headers_list()) || $text == $lang['news_err_27'] ) { require_once ROOT_DIR.'/404.html'; die(); }else{ $tplName = 'info.tpl'; }</code></pre><br><br>Готово.<br>Не забудьте создать в корне (там где расположен файл robota.txt) страницу 404.html с любыми вам подходящими данными. <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3392">404-Not-Found-Svoya-stranica-oshibki.rar</a> [15,15 Kb] (cкачиваний: 404) </span>]]></turbo:content>[/allow-turbo]
<category>DLE хаки   Разные навороты, сборник хаков</category>
<dc:creator>dle9.com</dc:creator>
<pubDate>Thu, 18 Jun 2020 06:11:00 +0100</pubDate>
</item>[/shortrss]
[fullrss]<item turbo="{allow-turbo}">
<title>Как создать страницу ошибки для DLE 404</title>
<guid isPermaLink="true">https://dle9.com/haki/3830-kak-sozdat-stranicu-oshibki-dlya-dle-404.html</guid>
<link>https://dle9.com/haki/3830-kak-sozdat-stranicu-oshibki-dlya-dle-404.html</link>
<category><![CDATA[DLE хаки   Разные навороты, сборник хаков]]></category>
<dc:creator>dle9.com</dc:creator>
<pubDate>Thu, 18 Jun 2020 06:11:00 +0100</pubDate>
<description><![CDATA[<a href="https://dle9.com/uploads/posts/2015-02/1424228986_404-not-found-svoya-stranica-oshibki.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2015-02/thumbs/1424228986_404-not-found-svoya-stranica-oshibki.jpg" style="float:left;max-width:100%;" alt=""></a><br>Как сделать собственную <a href="https://dle9.com/besplatnye/other/">страницу ошибки 404</a> или <b>404 Not Found для DLE 10.х</b>— это ответ веб-сервера который сообщает, что запрошенный урл страницы на сайте отсутствует. Посетителям интернет порталов иногда наблюдают такую ошибку, особенно если он сохранился в кеше поисковика в адресе страницы или ссылка изначально была битой.<br><br>По умолчанию в <a href="https://dle9.com/">Dle</a>, в случаи ошибки выводится шаблонная страница "info.tpl", т.е подгружается основной шаблон main.tpl и info.tpl.<br>Реализация выгодная в плане задержки пользователя, юзер попав на такую страницу скорее всего сразу не закроет страницу, а вернётся на главную или кликнет на навигацию. <br>Но наверняка найдутся люди которые захотят видеть на своём сайте старомодную статическую html страничку.<br>У нас на https://dle9.com/ все для сайта dle есть разные возможности реализации данного в разделе <a href="https://dle9.com/besplatnye/">Разные шаблоны dle</a>. <br>Много шаговых инструкций для старых версий или <a href="https://dle9.com/books/dle-news/">DataLife Engine 10.х</a> , <a href="https://dle9.com/haki/">разные хаки для дле</a>....<br><br>Важно, чтобы такая страница отдавала ответ серверу 404, а не 200 OK или 302 Found. В противном случае поисковые системы могут посчитать эти страницы за существующие и добавить в индекс много дублей одной странички.<br>Если вы хотите более подробно узнать <a href="https://dle9.com/page-not-found-404.html" title="Что такое ошибка 404">Что такое ошибка 404</a>, Как исправить ошибка 404 сайт недоступен, как найти и определить все страницы 404 ошибки сайта и увидеть другие красивые шаблоны HTML Page Not Found и многое другое, то переходите по ссылке выше. <br><br>Во общем вношу свой вклад в эту тему.<br><br>Итак, установка:<br>В файле "engine/modules/functions.php" ищем:<br><br><pre><code>function msgbox($title, $text) { global $tpl; </code></pre><br>Заменяем на:<br><br><pre><code>function msgbox($title, $text) { global $tpl, $lang; if( in_array('HTTP/1.0 404 Not Found', headers_list()) || $text == $lang['news_err_27'] ) { require_once ROOT_DIR.'/404.html'; die(); }else{ $tplName = 'info.tpl'; }</code></pre><br><br>Готово.<br>Не забудьте создать в корне (там где расположен файл robota.txt) страницу 404.html с любыми вам подходящими данными. <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3392">404-Not-Found-Svoya-stranica-oshibki.rar</a> [15,15 Kb] (cкачиваний: 404) </span>]]></description>
[allow-turbo]<turbo:content><![CDATA[<a href="https://dle9.com/uploads/posts/2015-02/1424228986_404-not-found-svoya-stranica-oshibki.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2015-02/thumbs/1424228986_404-not-found-svoya-stranica-oshibki.jpg" style="float:left;max-width:100%;" alt=""></a><br>Как сделать собственную <a href="https://dle9.com/besplatnye/other/">страницу ошибки 404</a> или <b>404 Not Found для DLE 10.х</b>— это ответ веб-сервера который сообщает, что запрошенный урл страницы на сайте отсутствует. Посетителям интернет порталов иногда наблюдают такую ошибку, особенно если он сохранился в кеше поисковика в адресе страницы или ссылка изначально была битой.<br><br>По умолчанию в <a href="https://dle9.com/">Dle</a>, в случаи ошибки выводится шаблонная страница "info.tpl", т.е подгружается основной шаблон main.tpl и info.tpl.<br>Реализация выгодная в плане задержки пользователя, юзер попав на такую страницу скорее всего сразу не закроет страницу, а вернётся на главную или кликнет на навигацию. <br>Но наверняка найдутся люди которые захотят видеть на своём сайте старомодную статическую html страничку.<br>У нас на https://dle9.com/ все для сайта dle есть разные возможности реализации данного в разделе <a href="https://dle9.com/besplatnye/">Разные шаблоны dle</a>. <br>Много шаговых инструкций для старых версий или <a href="https://dle9.com/books/dle-news/">DataLife Engine 10.х</a> , <a href="https://dle9.com/haki/">разные хаки для дле</a>....<br><br>Важно, чтобы такая страница отдавала ответ серверу 404, а не 200 OK или 302 Found. В противном случае поисковые системы могут посчитать эти страницы за существующие и добавить в индекс много дублей одной странички.<br>Если вы хотите более подробно узнать <a href="https://dle9.com/page-not-found-404.html" title="Что такое ошибка 404">Что такое ошибка 404</a>, Как исправить ошибка 404 сайт недоступен, как найти и определить все страницы 404 ошибки сайта и увидеть другие красивые шаблоны HTML Page Not Found и многое другое, то переходите по ссылке выше. <br><br>Во общем вношу свой вклад в эту тему.<br><br>Итак, установка:<br>В файле "engine/modules/functions.php" ищем:<br><br><pre><code>function msgbox($title, $text) { global $tpl; </code></pre><br>Заменяем на:<br><br><pre><code>function msgbox($title, $text) { global $tpl, $lang; if( in_array('HTTP/1.0 404 Not Found', headers_list()) || $text == $lang['news_err_27'] ) { require_once ROOT_DIR.'/404.html'; die(); }else{ $tplName = 'info.tpl'; }</code></pre><br><br>Готово.<br>Не забудьте создать в корне (там где расположен файл robota.txt) страницу 404.html с любыми вам подходящими данными. <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3392">404-Not-Found-Svoya-stranica-oshibki.rar</a> [15,15 Kb] (cкачиваний: 404) </span>]]></turbo:content>[/allow-turbo]
[allow-dzen]<content:encoded><![CDATA[<a href="https://dle9.com/uploads/posts/2015-02/1424228986_404-not-found-svoya-stranica-oshibki.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2015-02/thumbs/1424228986_404-not-found-svoya-stranica-oshibki.jpg" style="float:left;max-width:100%;" alt=""></a><br>Как сделать собственную <a href="https://dle9.com/besplatnye/other/">страницу ошибки 404</a> или <b>404 Not Found для DLE 10.х</b>— это ответ веб-сервера который сообщает, что запрошенный урл страницы на сайте отсутствует. Посетителям интернет порталов иногда наблюдают такую ошибку, особенно если он сохранился в кеше поисковика в адресе страницы или ссылка изначально была битой.<br><br>По умолчанию в <a href="https://dle9.com/">Dle</a>, в случаи ошибки выводится шаблонная страница "info.tpl", т.е подгружается основной шаблон main.tpl и info.tpl.<br>Реализация выгодная в плане задержки пользователя, юзер попав на такую страницу скорее всего сразу не закроет страницу, а вернётся на главную или кликнет на навигацию. <br>Но наверняка найдутся люди которые захотят видеть на своём сайте старомодную статическую html страничку.<br>У нас на https://dle9.com/ все для сайта dle есть разные возможности реализации данного в разделе <a href="https://dle9.com/besplatnye/">Разные шаблоны dle</a>. <br>Много шаговых инструкций для старых версий или <a href="https://dle9.com/books/dle-news/">DataLife Engine 10.х</a> , <a href="https://dle9.com/haki/">разные хаки для дле</a>....<br><br>Важно, чтобы такая страница отдавала ответ серверу 404, а не 200 OK или 302 Found. В противном случае поисковые системы могут посчитать эти страницы за существующие и добавить в индекс много дублей одной странички.<br>Если вы хотите более подробно узнать <a href="https://dle9.com/page-not-found-404.html" title="Что такое ошибка 404">Что такое ошибка 404</a>, Как исправить ошибка 404 сайт недоступен, как найти и определить все страницы 404 ошибки сайта и увидеть другие красивые шаблоны HTML Page Not Found и многое другое, то переходите по ссылке выше. <br><br>Во общем вношу свой вклад в эту тему.<br><br>Итак, установка:<br>В файле "engine/modules/functions.php" ищем:<br><br><pre><code>function msgbox($title, $text) { global $tpl; </code></pre><br>Заменяем на:<br><br><pre><code>function msgbox($title, $text) { global $tpl, $lang; if( in_array('HTTP/1.0 404 Not Found', headers_list()) || $text == $lang['news_err_27'] ) { require_once ROOT_DIR.'/404.html'; die(); }else{ $tplName = 'info.tpl'; }</code></pre><br><br>Готово.<br>Не забудьте создать в корне (там где расположен файл robota.txt) страницу 404.html с любыми вам подходящими данными. <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3392">404-Not-Found-Svoya-stranica-oshibki.rar</a> [15,15 Kb] (cкачиваний: 404) </span>]]></content:encoded>[/allow-dzen]
</item>[/fullrss]
[yandexrss]<item turbo="{allow-turbo}">
<title>Как создать страницу ошибки для DLE 404</title>
<link>https://dle9.com/haki/3830-kak-sozdat-stranicu-oshibki-dlya-dle-404.html</link>
<description><a href="https://dle9.com/uploads/posts/2015-02/1424228986_404-not-found-svoya-stranica-oshibki.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2015-02/thumbs/1424228986_404-not-found-svoya-stranica-oshibki.jpg" style="float:left;max-width:100%;" alt=""></a><br>Как сделать собственную <a href="https://dle9.com/besplatnye/other/">страницу ошибки 404</a> или <b>404 Not Found для DLE 10.х</b>— это ответ веб-сервера который сообщает, что запрошенный урл страницы на сайте отсутствует. Посетителям интернет порталов иногда наблюдают такую ошибку, особенно если он сохранился в кеше поисковика в адресе страницы или ссылка изначально была битой.<br><br>По умолчанию в <a href="https://dle9.com/">Dle</a>, в случаи ошибки выводится шаблонная страница "info.tpl", т.е подгружается основной шаблон main.tpl и info.tpl.<br>Реализация выгодная в плане задержки пользователя, юзер попав на такую страницу скорее всего сразу не закроет страницу, а вернётся на главную или кликнет на навигацию. <br>Но наверняка найдутся люди которые захотят видеть на своём сайте старомодную статическую html страничку.<br>У нас на https://dle9.com/ все для сайта dle есть разные возможности реализации данного в разделе <a href="https://dle9.com/besplatnye/">Разные шаблоны dle</a>. <br>Много шаговых инструкций для старых версий или <a href="https://dle9.com/books/dle-news/">DataLife Engine 10.х</a> , <a href="https://dle9.com/haki/">разные хаки для дле</a>....<br><br>Важно, чтобы такая страница отдавала ответ серверу 404, а не 200 OK или 302 Found. В противном случае поисковые системы могут посчитать эти страницы за существующие и добавить в индекс много дублей одной странички.<br>Если вы хотите более подробно узнать <a href="https://dle9.com/page-not-found-404.html" title="Что такое ошибка 404">Что такое ошибка 404</a>, Как исправить ошибка 404 сайт недоступен, как найти и определить все страницы 404 ошибки сайта и увидеть другие красивые шаблоны HTML Page Not Found и многое другое, то переходите по ссылке выше. <br><br>Во общем вношу свой вклад в эту тему.<br><br>Итак, установка:<br>В файле "engine/modules/functions.php" ищем:<br><br><pre><code>function msgbox($title, $text) { global $tpl; </code></pre><br>Заменяем на:<br><br><pre><code>function msgbox($title, $text) { global $tpl, $lang; if( in_array('HTTP/1.0 404 Not Found', headers_list()) || $text == $lang['news_err_27'] ) { require_once ROOT_DIR.'/404.html'; die(); }else{ $tplName = 'info.tpl'; }</code></pre><br><br>Готово.<br>Не забудьте создать в корне (там где расположен файл robota.txt) страницу 404.html с любыми вам подходящими данными. <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3392">404-Not-Found-Svoya-stranica-oshibki.rar</a> [15,15 Kb] (cкачиваний: 404) </span></description>
<category>DLE хаки   Разные навороты, сборник хаков</category>
<enclosure url="https://dle9.com/uploads/posts/2015-02/thumbs/1424228986_404-not-found-svoya-stranica-oshibki.jpg" type="image/jpeg" />
<pubDate>Thu, 18 Jun 2020 06:11:00 +0100</pubDate>
<yandex:full-text><a href="https://dle9.com/uploads/posts/2015-02/1424228986_404-not-found-svoya-stranica-oshibki.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2015-02/thumbs/1424228986_404-not-found-svoya-stranica-oshibki.jpg" style="float:left;max-width:100%;" alt=""></a><br>Как сделать собственную <a href="https://dle9.com/besplatnye/other/">страницу ошибки 404</a> или <b>404 Not Found для DLE 10.х</b>— это ответ веб-сервера который сообщает, что запрошенный урл страницы на сайте отсутствует. Посетителям интернет порталов иногда наблюдают такую ошибку, особенно если он сохранился в кеше поисковика в адресе страницы или ссылка изначально была битой.<br><br>По умолчанию в <a href="https://dle9.com/">Dle</a>, в случаи ошибки выводится шаблонная страница "info.tpl", т.е подгружается основной шаблон main.tpl и info.tpl.<br>Реализация выгодная в плане задержки пользователя, юзер попав на такую страницу скорее всего сразу не закроет страницу, а вернётся на главную или кликнет на навигацию. <br>Но наверняка найдутся люди которые захотят видеть на своём сайте старомодную статическую html страничку.<br>У нас на https://dle9.com/ все для сайта dle есть разные возможности реализации данного в разделе <a href="https://dle9.com/besplatnye/">Разные шаблоны dle</a>. <br>Много шаговых инструкций для старых версий или <a href="https://dle9.com/books/dle-news/">DataLife Engine 10.х</a> , <a href="https://dle9.com/haki/">разные хаки для дле</a>....<br><br>Важно, чтобы такая страница отдавала ответ серверу 404, а не 200 OK или 302 Found. В противном случае поисковые системы могут посчитать эти страницы за существующие и добавить в индекс много дублей одной странички.<br>Если вы хотите более подробно узнать <a href="https://dle9.com/page-not-found-404.html" title="Что такое ошибка 404">Что такое ошибка 404</a>, Как исправить ошибка 404 сайт недоступен, как найти и определить все страницы 404 ошибки сайта и увидеть другие красивые шаблоны HTML Page Not Found и многое другое, то переходите по ссылке выше. <br><br>Во общем вношу свой вклад в эту тему.<br><br>Итак, установка:<br>В файле "engine/modules/functions.php" ищем:<br><br><pre><code>function msgbox($title, $text) { global $tpl; </code></pre><br>Заменяем на:<br><br><pre><code>function msgbox($title, $text) { global $tpl, $lang; if( in_array('HTTP/1.0 404 Not Found', headers_list()) || $text == $lang['news_err_27'] ) { require_once ROOT_DIR.'/404.html'; die(); }else{ $tplName = 'info.tpl'; }</code></pre><br><br>Готово.<br>Не забудьте создать в корне (там где расположен файл robota.txt) страницу 404.html с любыми вам подходящими данными. <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3392">404-Not-Found-Svoya-stranica-oshibki.rar</a> [15,15 Kb] (cкачиваний: 404) </span></yandex:full-text>
[allow-turbo]<turbo:content><![CDATA[<a href="https://dle9.com/uploads/posts/2015-02/1424228986_404-not-found-svoya-stranica-oshibki.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2015-02/thumbs/1424228986_404-not-found-svoya-stranica-oshibki.jpg" style="float:left;max-width:100%;" alt=""></a><br>Как сделать собственную <a href="https://dle9.com/besplatnye/other/">страницу ошибки 404</a> или <b>404 Not Found для DLE 10.х</b>— это ответ веб-сервера который сообщает, что запрошенный урл страницы на сайте отсутствует. Посетителям интернет порталов иногда наблюдают такую ошибку, особенно если он сохранился в кеше поисковика в адресе страницы или ссылка изначально была битой.<br><br>По умолчанию в <a href="https://dle9.com/">Dle</a>, в случаи ошибки выводится шаблонная страница "info.tpl", т.е подгружается основной шаблон main.tpl и info.tpl.<br>Реализация выгодная в плане задержки пользователя, юзер попав на такую страницу скорее всего сразу не закроет страницу, а вернётся на главную или кликнет на навигацию. <br>Но наверняка найдутся люди которые захотят видеть на своём сайте старомодную статическую html страничку.<br>У нас на https://dle9.com/ все для сайта dle есть разные возможности реализации данного в разделе <a href="https://dle9.com/besplatnye/">Разные шаблоны dle</a>. <br>Много шаговых инструкций для старых версий или <a href="https://dle9.com/books/dle-news/">DataLife Engine 10.х</a> , <a href="https://dle9.com/haki/">разные хаки для дле</a>....<br><br>Важно, чтобы такая страница отдавала ответ серверу 404, а не 200 OK или 302 Found. В противном случае поисковые системы могут посчитать эти страницы за существующие и добавить в индекс много дублей одной странички.<br>Если вы хотите более подробно узнать <a href="https://dle9.com/page-not-found-404.html" title="Что такое ошибка 404">Что такое ошибка 404</a>, Как исправить ошибка 404 сайт недоступен, как найти и определить все страницы 404 ошибки сайта и увидеть другие красивые шаблоны HTML Page Not Found и многое другое, то переходите по ссылке выше. <br><br>Во общем вношу свой вклад в эту тему.<br><br>Итак, установка:<br>В файле "engine/modules/functions.php" ищем:<br><br><pre><code>function msgbox($title, $text) { global $tpl; </code></pre><br>Заменяем на:<br><br><pre><code>function msgbox($title, $text) { global $tpl, $lang; if( in_array('HTTP/1.0 404 Not Found', headers_list()) || $text == $lang['news_err_27'] ) { require_once ROOT_DIR.'/404.html'; die(); }else{ $tplName = 'info.tpl'; }</code></pre><br><br>Готово.<br>Не забудьте создать в корне (там где расположен файл robota.txt) страницу 404.html с любыми вам подходящими данными. <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3392">404-Not-Found-Svoya-stranica-oshibki.rar</a> [15,15 Kb] (cкачиваний: 404) </span>]]></turbo:content>[/allow-turbo]
[allow-dzen]<content:encoded><![CDATA[<a href="https://dle9.com/uploads/posts/2015-02/1424228986_404-not-found-svoya-stranica-oshibki.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2015-02/thumbs/1424228986_404-not-found-svoya-stranica-oshibki.jpg" style="float:left;max-width:100%;" alt=""></a><br>Как сделать собственную <a href="https://dle9.com/besplatnye/other/">страницу ошибки 404</a> или <b>404 Not Found для DLE 10.х</b>— это ответ веб-сервера который сообщает, что запрошенный урл страницы на сайте отсутствует. Посетителям интернет порталов иногда наблюдают такую ошибку, особенно если он сохранился в кеше поисковика в адресе страницы или ссылка изначально была битой.<br><br>По умолчанию в <a href="https://dle9.com/">Dle</a>, в случаи ошибки выводится шаблонная страница "info.tpl", т.е подгружается основной шаблон main.tpl и info.tpl.<br>Реализация выгодная в плане задержки пользователя, юзер попав на такую страницу скорее всего сразу не закроет страницу, а вернётся на главную или кликнет на навигацию. <br>Но наверняка найдутся люди которые захотят видеть на своём сайте старомодную статическую html страничку.<br>У нас на https://dle9.com/ все для сайта dle есть разные возможности реализации данного в разделе <a href="https://dle9.com/besplatnye/">Разные шаблоны dle</a>. <br>Много шаговых инструкций для старых версий или <a href="https://dle9.com/books/dle-news/">DataLife Engine 10.х</a> , <a href="https://dle9.com/haki/">разные хаки для дле</a>....<br><br>Важно, чтобы такая страница отдавала ответ серверу 404, а не 200 OK или 302 Found. В противном случае поисковые системы могут посчитать эти страницы за существующие и добавить в индекс много дублей одной странички.<br>Если вы хотите более подробно узнать <a href="https://dle9.com/page-not-found-404.html" title="Что такое ошибка 404">Что такое ошибка 404</a>, Как исправить ошибка 404 сайт недоступен, как найти и определить все страницы 404 ошибки сайта и увидеть другие красивые шаблоны HTML Page Not Found и многое другое, то переходите по ссылке выше. <br><br>Во общем вношу свой вклад в эту тему.<br><br>Итак, установка:<br>В файле "engine/modules/functions.php" ищем:<br><br><pre><code>function msgbox($title, $text) { global $tpl; </code></pre><br>Заменяем на:<br><br><pre><code>function msgbox($title, $text) { global $tpl, $lang; if( in_array('HTTP/1.0 404 Not Found', headers_list()) || $text == $lang['news_err_27'] ) { require_once ROOT_DIR.'/404.html'; die(); }else{ $tplName = 'info.tpl'; }</code></pre><br><br>Готово.<br>Не забудьте создать в корне (там где расположен файл robota.txt) страницу 404.html с любыми вам подходящими данными. <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3392">404-Not-Found-Svoya-stranica-oshibki.rar</a> [15,15 Kb] (cкачиваний: 404) </span>]]></content:encoded>[/allow-dzen]
</item>[/yandexrss][shortrss]<item turbo="{allow-turbo}">
<title>Скачать коллекцию бесплатных кнопок CSS3 &amp; HTML5</title>
<guid isPermaLink="true">https://dle9.com/haki/5259-skachat-kollekciju-besplatnyh-knopok-css3-amp-html5.html</guid>
<link>https://dle9.com/haki/5259-skachat-kollekciju-besplatnyh-knopok-css3-amp-html5.html</link>
<description><a href="https://dle9.com/uploads/posts/2020-02/1582089475_button-css3.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2020-02/thumbs/1582089475_button-css3.jpg" style="float:left;max-width:100%;" alt="кнопки CSS3 &amp; HTML5"></a><br>Предлагаем вашему вниманию на dle9.com примеры кнопок HTML, большую коллекцию классных кнопок CSS, кнопки для сайта трехмерные, анимационные, универсальные и эффектные на CSS, вход на страницу, профиль, оформление ссылок меню и перехода (подробно, прочитать, открыть, нажать, скачать, купить, цена, табы и переключали), и другие варианты. Это целая коллекция интересных и готовых веб-разработок для оформления сайта. Ниже вы можете скачать <b>коллекцию бесплатных кнопок</b> с интересными эффектами на HTML и CSS (CSS3 &amp; HTML5), разработки сложных вариантов в основном в архиве с примерами jаvascript (jQuery) ховер-эффекты, блики, интересная анимация, трехмерные и так далее.<br><br>Готовые веб-кнопки собранные в количестве более 21 видов в одном месте тут, вы сможете добавить их на собственный сайт. Всё что вам понадобиться, это просто скопировать код в файл <a href="https://dle9.com/besplatnye/" title="HTML/CSS шаблон">HTML/CSS шаблон</a>, для некоторых подключить скрипт, тем самым превратить любую ссылку в кнопку с красивым видом. <br> <br>Быстрая возможность изменить цвета, шрифты, размер, тени, градиенты и другие параметры стиля кнопки CSS, не ломая целостности кода, рекомендуем применить шикарный инструмент встроенный в ваш браузер. Он есть в Мозиле, Опере, Гугл Хроме, Яндексе и других программах в разделе "Веб-разработка". Преимущества такого решения на лицо, скопировать готовый код в файл с расширением *.css вашей площадке, добавить код ссылки HTML в нужном месте, сохранить и новая кнопка интегрирована.<br><br>Самостоятельно отредактировать, добавить, или красиво оформить вид кнопки на сайте (ссылок перехода или переключателей), вставить кнопку CSS в шаблон DLE или на страницу HTML, помогут готовые примеры <br>оригинальных кнопок CSS, которых у нас собрано более 50 вариантов с примерами и инструкцией по установке. <br><br>В архиве вы найдете кучу современных решений на CSS и HTML коллекция готовых образцов, некоторые в комплекте включены с JS-скриптами, все они абсолютно непохожи по функционалу. <br><br> Качественная коллекция простых кнопок HTML с более чем 20 видов, CSS кнопки можно опробовать, нажать на них и посмотреть результат, <a href="https://dle9.com/button_css.html" title="коллекция простых кнопок CSS с 20 вариантами">смотрите эффекты на этой статье</a>.<br> <br> Ещё одна <a href="https://dle9.com/buttons_css.html" title="Коллекция классных кнопок HTML, CSS">эффекты сможете увидеть на этой странице</a> опробовать их с более чем 20 примеров, по-нажимать и посмотреть наглядный результат можно в <b>примерах кнопки CSS3</b>.<br><br><h3>Комплект архива содержит замечательную подборку кнопок CSS3. </h3><br> • Очередная порция стильных CSS эффектов при наведении на кнопки<br> • CSS-only border animation — красивая анимация границ (border) ссылки при наведении<br> • Распадающиеся на мелкие частицы при клике<br> • Hexagon Button: при наведении кнопка превращается в шестиугольник, а при клике обратно становится прямоугольной формы<br> • 5 стильных эффектов для сайта<br> • Эффект при наведении на кнопку с SVG иконкой<br> • Анимированная ссылка с индикатором процесса<br> • Прямоугольная кнопка плавно переходящая в круглую с иконкой при нажатие<br> • Кнопка «Download» со всплывающей подсказкой о размере файла<br> • Animated Ghost Button — блик при наведении <br> • Button Hover Effects<br> • Button Hover (by Katherine Kato)<br> • Анимированная SVG галочка превращается при нажатии на кнопку<br><br><br><div style="text-align:center;"><a href="https://dle9.com/uploads/posts/2020-02/1582089534_button-css-html.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2020-02/thumbs/1582089534_button-css-html.jpg" style="max-width:100%;" alt="Комплект кнопок CSS3"></a></div><br><br>Преставлением большую коллекцию современных кнопок CSS3/HTML/JS, все они добавлены в архив, файлы достаточно пример распаковать в папку, найти файл с форта HTML, кликнуть по нему и в браузере у вас откроется пример готовой кнопки, которую вы может установить на свою площадку. <br><br>Скачать шикарную коллекцию кнопок HTML/CSS для сайта можно по следующей ссылке <br>вариант архива 2 <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=4530">button-css-html-2.zip</a> [215,01 Kb] (cкачиваний: 113) </span> <br><br>вариант архива 3 <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=4531">button-css-html-3.zip</a> [141,06 Kb] (cкачиваний: 70) </span> <br><br><br><br><h2>Инструменты веб-разработки Firefox Mozilla</h2><br> <b>Отличный способ изменения цвета, шрифта, размера, тени, градиента</b> и другие стили кнопки HTML не нарушая целостность кода, воспользуйтесь супер инструментом вашего браузера. Для этих целей можно применить Мозила, Опера, Гугл Хром, Яндекс.Браузер и другие приложения у которой встроен инструмент "Веб-разработка". <br><br>Покажу на примере браузера Firefox Mozilla, этот инструмент имеет удобную панель.<br><br>В актуальной версии у Firefox, попасть в список меню можно в самом дальнем углу сверху и справа в браузере.<br><br> — Легкий способ, нажмите кнопки Ctrl+Shift+I (или F12), внизу откроется панель с настройками. <br> — Открыть меню можно с помощью мышки, в браузере сверху ищем меню, откроется список "Веб-разработка", далее в списке выбираем "Инспектор". <br><br><div style="text-align:center;"><a href="https://dle9.com/uploads/posts/2020-02/1582089805_veb-razrabotka-firefox.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2020-02/thumbs/1582089805_veb-razrabotka-firefox.jpg" style="max-width:100%;" alt="инструмент веб-разработки Firefox Mozilla"></a></div><br><br><b>Далее, выберите объект для исследования. </b><br><br>1) Объект исследования (на картинке), наведите мышку, кликните точно на синюю рамку (если кликнуть на ссылку, то окажитесь на другой странице и она обновиться) <br><br>2) Чтобы выбрать другой объект исследования, нажмите на стрелку в левом углу (на картинке показано, красная стрелка "Сброс")<br><br>3) Блок изменения CSS стилей, замечательно показывает все классы стилей, копировать код можно прямо из данного блока в текстовый редактор. <br>Редактировать стили проще простого, достаточно изучить несколько тегов. <br><pre><code>Изменить шрифт (font-size:12px ; размер цифры PX в пикселях), цвет шрифта (color: #fff; белый), цвет фона (background: #fff;) и т.д. </code></pre><br>Вы можете прямо на этой странице сделать с ней всё, что вам захочется, поменять каждый элемент прямо из вашего браузера, попробуйте, это захватывает. Вот <a href="https://dle9.com/program/grafic/5241-tablica-cveta-html.html" title="тут таблица цвета">тут таблица цвета</a>. <br><br>4 Блок HTML кода указана стрелкой, наводите мышкой и выбирайте строку (объекта для исследования), обратите внимание рамка на странице, будет менять позицию и показывать, на что указывает стрелка вашей мышки в блоке HTML. <br><br>5) Блоки дополнительные для инспекции JS-скрипта, Консоли, Отладчик и других работ. Далее, если кому интересно можете сами разобраться, т.к. это уже из другой области. Вам понадобятся только эти простые инструменты. <br><br><br><b>Обратите внимание на следующую картинку! </b><br>Шикарный инструмент для поиска нужного цвета. Чтобы её открыть, нужно кликнуть на кружок определенного цвета, который всегда появляется в том месте, где есть в стилях параметр цвета. <br>Инструмент палитра цвета снабжен пипеткой (выбираете его, наводите на любой объект и можно получить точный и нужный цвет по образцу), есть палитра всех расцветок, прозрачность и т.д. Очень удобный инструмент для окрашивания кнопок или блоков. <br><br><div style="text-align:center;"><a href="https://dle9.com/uploads/posts/2020-02/1582089817_veb-razrabotka-firefox-mozilla.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2020-02/thumbs/1582089817_veb-razrabotka-firefox-mozilla.jpg" style="max-width:100%;" alt="палитра инструмент веб-разработки Firefox Mozilla"></a></div><br><br><b>Как видите всё просто, и кто сказал, что HTML это сложно?</b><br> <br>Внимание! Все изменения происходят только в вашем браузере, поэтому если вы уйдете или обновите странице, всё сбросится. <br>Можно копировать, как отдельные строки кода, так и весь CSS и HTML прямо из инструмента веб-разработки Firefox Mozilla.</description>
[allow-turbo]<turbo:content><![CDATA[<a href="https://dle9.com/uploads/posts/2020-02/1582089475_button-css3.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2020-02/thumbs/1582089475_button-css3.jpg" style="float:left;max-width:100%;" alt="кнопки CSS3 &amp; HTML5"></a><br>Предлагаем вашему вниманию на dle9.com примеры кнопок HTML, большую коллекцию классных кнопок CSS, кнопки для сайта трехмерные, анимационные, универсальные и эффектные на CSS, вход на страницу, профиль, оформление ссылок меню и перехода (подробно, прочитать, открыть, нажать, скачать, купить, цена, табы и переключали), и другие варианты. Это целая коллекция интересных и готовых веб-разработок для оформления сайта. Ниже вы можете скачать <b>коллекцию бесплатных кнопок</b> с интересными эффектами на HTML и CSS (CSS3 &amp; HTML5), разработки сложных вариантов в основном в архиве с примерами jаvascript (jQuery) ховер-эффекты, блики, интересная анимация, трехмерные и так далее.<br><br>Готовые веб-кнопки собранные в количестве более 21 видов в одном месте тут, вы сможете добавить их на собственный сайт. Всё что вам понадобиться, это просто скопировать код в файл <a href="https://dle9.com/besplatnye/" title="HTML/CSS шаблон">HTML/CSS шаблон</a>, для некоторых подключить скрипт, тем самым превратить любую ссылку в кнопку с красивым видом. <br> <br>Быстрая возможность изменить цвета, шрифты, размер, тени, градиенты и другие параметры стиля кнопки CSS, не ломая целостности кода, рекомендуем применить шикарный инструмент встроенный в ваш браузер. Он есть в Мозиле, Опере, Гугл Хроме, Яндексе и других программах в разделе "Веб-разработка". Преимущества такого решения на лицо, скопировать готовый код в файл с расширением *.css вашей площадке, добавить код ссылки HTML в нужном месте, сохранить и новая кнопка интегрирована.<br><br>Самостоятельно отредактировать, добавить, или красиво оформить вид кнопки на сайте (ссылок перехода или переключателей), вставить кнопку CSS в шаблон DLE или на страницу HTML, помогут готовые примеры <br>оригинальных кнопок CSS, которых у нас собрано более 50 вариантов с примерами и инструкцией по установке. <br><br>В архиве вы найдете кучу современных решений на CSS и HTML коллекция готовых образцов, некоторые в комплекте включены с JS-скриптами, все они абсолютно непохожи по функционалу. <br><br> Качественная коллекция простых кнопок HTML с более чем 20 видов, CSS кнопки можно опробовать, нажать на них и посмотреть результат, <a href="https://dle9.com/button_css.html" title="коллекция простых кнопок CSS с 20 вариантами">смотрите эффекты на этой статье</a>.<br> <br> Ещё одна <a href="https://dle9.com/buttons_css.html" title="Коллекция классных кнопок HTML, CSS">эффекты сможете увидеть на этой странице</a> опробовать их с более чем 20 примеров, по-нажимать и посмотреть наглядный результат можно в <b>примерах кнопки CSS3</b>.<br><br><h3>Комплект архива содержит замечательную подборку кнопок CSS3. </h3><br> • Очередная порция стильных CSS эффектов при наведении на кнопки<br> • CSS-only border animation — красивая анимация границ (border) ссылки при наведении<br> • Распадающиеся на мелкие частицы при клике<br> • Hexagon Button: при наведении кнопка превращается в шестиугольник, а при клике обратно становится прямоугольной формы<br> • 5 стильных эффектов для сайта<br> • Эффект при наведении на кнопку с SVG иконкой<br> • Анимированная ссылка с индикатором процесса<br> • Прямоугольная кнопка плавно переходящая в круглую с иконкой при нажатие<br> • Кнопка «Download» со всплывающей подсказкой о размере файла<br> • Animated Ghost Button — блик при наведении <br> • Button Hover Effects<br> • Button Hover (by Katherine Kato)<br> • Анимированная SVG галочка превращается при нажатии на кнопку<br><br><br><div style="text-align:center;"><a href="https://dle9.com/uploads/posts/2020-02/1582089534_button-css-html.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2020-02/thumbs/1582089534_button-css-html.jpg" style="max-width:100%;" alt="Комплект кнопок CSS3"></a></div><br><br>Преставлением большую коллекцию современных кнопок CSS3/HTML/JS, все они добавлены в архив, файлы достаточно пример распаковать в папку, найти файл с форта HTML, кликнуть по нему и в браузере у вас откроется пример готовой кнопки, которую вы может установить на свою площадку. <br><br>Скачать шикарную коллекцию кнопок HTML/CSS для сайта можно по следующей ссылке <br>вариант архива 2 <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=4530">button-css-html-2.zip</a> [215,01 Kb] (cкачиваний: 113) </span> <br><br>вариант архива 3 <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=4531">button-css-html-3.zip</a> [141,06 Kb] (cкачиваний: 70) </span> <br><br><br><br><h2>Инструменты веб-разработки Firefox Mozilla</h2><br> <b>Отличный способ изменения цвета, шрифта, размера, тени, градиента</b> и другие стили кнопки HTML не нарушая целостность кода, воспользуйтесь супер инструментом вашего браузера. Для этих целей можно применить Мозила, Опера, Гугл Хром, Яндекс.Браузер и другие приложения у которой встроен инструмент "Веб-разработка". <br><br>Покажу на примере браузера Firefox Mozilla, этот инструмент имеет удобную панель.<br><br>В актуальной версии у Firefox, попасть в список меню можно в самом дальнем углу сверху и справа в браузере.<br><br> — Легкий способ, нажмите кнопки Ctrl+Shift+I (или F12), внизу откроется панель с настройками. <br> — Открыть меню можно с помощью мышки, в браузере сверху ищем меню, откроется список "Веб-разработка", далее в списке выбираем "Инспектор". <br><br><div style="text-align:center;"><a href="https://dle9.com/uploads/posts/2020-02/1582089805_veb-razrabotka-firefox.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2020-02/thumbs/1582089805_veb-razrabotka-firefox.jpg" style="max-width:100%;" alt="инструмент веб-разработки Firefox Mozilla"></a></div><br><br><b>Далее, выберите объект для исследования. </b><br><br>1) Объект исследования (на картинке), наведите мышку, кликните точно на синюю рамку (если кликнуть на ссылку, то окажитесь на другой странице и она обновиться) <br><br>2) Чтобы выбрать другой объект исследования, нажмите на стрелку в левом углу (на картинке показано, красная стрелка "Сброс")<br><br>3) Блок изменения CSS стилей, замечательно показывает все классы стилей, копировать код можно прямо из данного блока в текстовый редактор. <br>Редактировать стили проще простого, достаточно изучить несколько тегов. <br><pre><code>Изменить шрифт (font-size:12px ; размер цифры PX в пикселях), цвет шрифта (color: #fff; белый), цвет фона (background: #fff;) и т.д. </code></pre><br>Вы можете прямо на этой странице сделать с ней всё, что вам захочется, поменять каждый элемент прямо из вашего браузера, попробуйте, это захватывает. Вот <a href="https://dle9.com/program/grafic/5241-tablica-cveta-html.html" title="тут таблица цвета">тут таблица цвета</a>. <br><br>4 Блок HTML кода указана стрелкой, наводите мышкой и выбирайте строку (объекта для исследования), обратите внимание рамка на странице, будет менять позицию и показывать, на что указывает стрелка вашей мышки в блоке HTML. <br><br>5) Блоки дополнительные для инспекции JS-скрипта, Консоли, Отладчик и других работ. Далее, если кому интересно можете сами разобраться, т.к. это уже из другой области. Вам понадобятся только эти простые инструменты. <br><br><br><b>Обратите внимание на следующую картинку! </b><br>Шикарный инструмент для поиска нужного цвета. Чтобы её открыть, нужно кликнуть на кружок определенного цвета, который всегда появляется в том месте, где есть в стилях параметр цвета. <br>Инструмент палитра цвета снабжен пипеткой (выбираете его, наводите на любой объект и можно получить точный и нужный цвет по образцу), есть палитра всех расцветок, прозрачность и т.д. Очень удобный инструмент для окрашивания кнопок или блоков. <br><br><div style="text-align:center;"><a href="https://dle9.com/uploads/posts/2020-02/1582089817_veb-razrabotka-firefox-mozilla.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2020-02/thumbs/1582089817_veb-razrabotka-firefox-mozilla.jpg" style="max-width:100%;" alt="палитра инструмент веб-разработки Firefox Mozilla"></a></div><br><br><b>Как видите всё просто, и кто сказал, что HTML это сложно?</b><br> <br>Внимание! Все изменения происходят только в вашем браузере, поэтому если вы уйдете или обновите странице, всё сбросится. <br>Можно копировать, как отдельные строки кода, так и весь CSS и HTML прямо из инструмента веб-разработки Firefox Mozilla.]]></turbo:content>[/allow-turbo]
<category>DLE хаки   Разные навороты, сборник хаков</category>
<dc:creator>dle9.com</dc:creator>
<pubDate>Mon, 08 Jun 2020 08:25:00 +0100</pubDate>
</item>[/shortrss]
[fullrss]<item turbo="{allow-turbo}">
<title>Скачать коллекцию бесплатных кнопок CSS3 &amp; HTML5</title>
<guid isPermaLink="true">https://dle9.com/haki/5259-skachat-kollekciju-besplatnyh-knopok-css3-amp-html5.html</guid>
<link>https://dle9.com/haki/5259-skachat-kollekciju-besplatnyh-knopok-css3-amp-html5.html</link>
<category><![CDATA[DLE хаки   Разные навороты, сборник хаков]]></category>
<dc:creator>dle9.com</dc:creator>
<pubDate>Mon, 08 Jun 2020 08:25:00 +0100</pubDate>
<description><![CDATA[<a href="https://dle9.com/uploads/posts/2020-02/1582089475_button-css3.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2020-02/thumbs/1582089475_button-css3.jpg" style="float:left;max-width:100%;" alt="кнопки CSS3 &amp; HTML5"></a><br>Предлагаем вашему вниманию на dle9.com примеры кнопок HTML, большую коллекцию классных кнопок CSS, кнопки для сайта трехмерные, анимационные, универсальные и эффектные на CSS, вход на страницу, профиль, оформление ссылок меню и перехода (подробно, прочитать, открыть, нажать, скачать, купить, цена, табы и переключали), и другие варианты. Это целая коллекция интересных и готовых веб-разработок для оформления сайта. Ниже вы можете скачать <b>коллекцию бесплатных кнопок</b> с интересными эффектами на HTML и CSS (CSS3 &amp; HTML5), разработки сложных вариантов в основном в архиве с примерами jаvascript (jQuery) ховер-эффекты, блики, интересная анимация, трехмерные и так далее.<br><br>Готовые веб-кнопки собранные в количестве более 21 видов в одном месте тут, вы сможете добавить их на собственный сайт. Всё что вам понадобиться, это просто скопировать код в файл <a href="https://dle9.com/besplatnye/" title="HTML/CSS шаблон">HTML/CSS шаблон</a>, для некоторых подключить скрипт, тем самым превратить любую ссылку в кнопку с красивым видом. <br> <br>Быстрая возможность изменить цвета, шрифты, размер, тени, градиенты и другие параметры стиля кнопки CSS, не ломая целостности кода, рекомендуем применить шикарный инструмент встроенный в ваш браузер. Он есть в Мозиле, Опере, Гугл Хроме, Яндексе и других программах в разделе "Веб-разработка". Преимущества такого решения на лицо, скопировать готовый код в файл с расширением *.css вашей площадке, добавить код ссылки HTML в нужном месте, сохранить и новая кнопка интегрирована.<br><br>Самостоятельно отредактировать, добавить, или красиво оформить вид кнопки на сайте (ссылок перехода или переключателей), вставить кнопку CSS в шаблон DLE или на страницу HTML, помогут готовые примеры <br>оригинальных кнопок CSS, которых у нас собрано более 50 вариантов с примерами и инструкцией по установке. <br><br>В архиве вы найдете кучу современных решений на CSS и HTML коллекция готовых образцов, некоторые в комплекте включены с JS-скриптами, все они абсолютно непохожи по функционалу. <br><br> Качественная коллекция простых кнопок HTML с более чем 20 видов, CSS кнопки можно опробовать, нажать на них и посмотреть результат, <a href="https://dle9.com/button_css.html" title="коллекция простых кнопок CSS с 20 вариантами">смотрите эффекты на этой статье</a>.<br> <br> Ещё одна <a href="https://dle9.com/buttons_css.html" title="Коллекция классных кнопок HTML, CSS">эффекты сможете увидеть на этой странице</a> опробовать их с более чем 20 примеров, по-нажимать и посмотреть наглядный результат можно в <b>примерах кнопки CSS3</b>.<br><br><h3>Комплект архива содержит замечательную подборку кнопок CSS3. </h3><br> • Очередная порция стильных CSS эффектов при наведении на кнопки<br> • CSS-only border animation — красивая анимация границ (border) ссылки при наведении<br> • Распадающиеся на мелкие частицы при клике<br> • Hexagon Button: при наведении кнопка превращается в шестиугольник, а при клике обратно становится прямоугольной формы<br> • 5 стильных эффектов для сайта<br> • Эффект при наведении на кнопку с SVG иконкой<br> • Анимированная ссылка с индикатором процесса<br> • Прямоугольная кнопка плавно переходящая в круглую с иконкой при нажатие<br> • Кнопка «Download» со всплывающей подсказкой о размере файла<br> • Animated Ghost Button — блик при наведении <br> • Button Hover Effects<br> • Button Hover (by Katherine Kato)<br> • Анимированная SVG галочка превращается при нажатии на кнопку<br><br><br><div style="text-align:center;"><a href="https://dle9.com/uploads/posts/2020-02/1582089534_button-css-html.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2020-02/thumbs/1582089534_button-css-html.jpg" style="max-width:100%;" alt="Комплект кнопок CSS3"></a></div><br><br>Преставлением большую коллекцию современных кнопок CSS3/HTML/JS, все они добавлены в архив, файлы достаточно пример распаковать в папку, найти файл с форта HTML, кликнуть по нему и в браузере у вас откроется пример готовой кнопки, которую вы может установить на свою площадку. <br><br>Скачать шикарную коллекцию кнопок HTML/CSS для сайта можно по следующей ссылке <br>вариант архива 2 <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=4530">button-css-html-2.zip</a> [215,01 Kb] (cкачиваний: 113) </span> <br><br>вариант архива 3 <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=4531">button-css-html-3.zip</a> [141,06 Kb] (cкачиваний: 70) </span> <br><br><br><br><h2>Инструменты веб-разработки Firefox Mozilla</h2><br> <b>Отличный способ изменения цвета, шрифта, размера, тени, градиента</b> и другие стили кнопки HTML не нарушая целостность кода, воспользуйтесь супер инструментом вашего браузера. Для этих целей можно применить Мозила, Опера, Гугл Хром, Яндекс.Браузер и другие приложения у которой встроен инструмент "Веб-разработка". <br><br>Покажу на примере браузера Firefox Mozilla, этот инструмент имеет удобную панель.<br><br>В актуальной версии у Firefox, попасть в список меню можно в самом дальнем углу сверху и справа в браузере.<br><br> — Легкий способ, нажмите кнопки Ctrl+Shift+I (или F12), внизу откроется панель с настройками. <br> — Открыть меню можно с помощью мышки, в браузере сверху ищем меню, откроется список "Веб-разработка", далее в списке выбираем "Инспектор". <br><br><div style="text-align:center;"><a href="https://dle9.com/uploads/posts/2020-02/1582089805_veb-razrabotka-firefox.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2020-02/thumbs/1582089805_veb-razrabotka-firefox.jpg" style="max-width:100%;" alt="инструмент веб-разработки Firefox Mozilla"></a></div><br><br><b>Далее, выберите объект для исследования. </b><br><br>1) Объект исследования (на картинке), наведите мышку, кликните точно на синюю рамку (если кликнуть на ссылку, то окажитесь на другой странице и она обновиться) <br><br>2) Чтобы выбрать другой объект исследования, нажмите на стрелку в левом углу (на картинке показано, красная стрелка "Сброс")<br><br>3) Блок изменения CSS стилей, замечательно показывает все классы стилей, копировать код можно прямо из данного блока в текстовый редактор. <br>Редактировать стили проще простого, достаточно изучить несколько тегов. <br><pre><code>Изменить шрифт (font-size:12px ; размер цифры PX в пикселях), цвет шрифта (color: #fff; белый), цвет фона (background: #fff;) и т.д. </code></pre><br>Вы можете прямо на этой странице сделать с ней всё, что вам захочется, поменять каждый элемент прямо из вашего браузера, попробуйте, это захватывает. Вот <a href="https://dle9.com/program/grafic/5241-tablica-cveta-html.html" title="тут таблица цвета">тут таблица цвета</a>. <br><br>4 Блок HTML кода указана стрелкой, наводите мышкой и выбирайте строку (объекта для исследования), обратите внимание рамка на странице, будет менять позицию и показывать, на что указывает стрелка вашей мышки в блоке HTML. <br><br>5) Блоки дополнительные для инспекции JS-скрипта, Консоли, Отладчик и других работ. Далее, если кому интересно можете сами разобраться, т.к. это уже из другой области. Вам понадобятся только эти простые инструменты. <br><br><br><b>Обратите внимание на следующую картинку! </b><br>Шикарный инструмент для поиска нужного цвета. Чтобы её открыть, нужно кликнуть на кружок определенного цвета, который всегда появляется в том месте, где есть в стилях параметр цвета. <br>Инструмент палитра цвета снабжен пипеткой (выбираете его, наводите на любой объект и можно получить точный и нужный цвет по образцу), есть палитра всех расцветок, прозрачность и т.д. Очень удобный инструмент для окрашивания кнопок или блоков. <br><br><div style="text-align:center;"><a href="https://dle9.com/uploads/posts/2020-02/1582089817_veb-razrabotka-firefox-mozilla.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2020-02/thumbs/1582089817_veb-razrabotka-firefox-mozilla.jpg" style="max-width:100%;" alt="палитра инструмент веб-разработки Firefox Mozilla"></a></div><br><br><b>Как видите всё просто, и кто сказал, что HTML это сложно?</b><br> <br>Внимание! Все изменения происходят только в вашем браузере, поэтому если вы уйдете или обновите странице, всё сбросится. <br>Можно копировать, как отдельные строки кода, так и весь CSS и HTML прямо из инструмента веб-разработки Firefox Mozilla.]]></description>
[allow-turbo]<turbo:content><![CDATA[<a href="https://dle9.com/uploads/posts/2020-02/1582089475_button-css3.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2020-02/thumbs/1582089475_button-css3.jpg" style="float:left;max-width:100%;" alt="кнопки CSS3 &amp; HTML5"></a><br>Предлагаем вашему вниманию на dle9.com примеры кнопок HTML, большую коллекцию классных кнопок CSS, кнопки для сайта трехмерные, анимационные, универсальные и эффектные на CSS, вход на страницу, профиль, оформление ссылок меню и перехода (подробно, прочитать, открыть, нажать, скачать, купить, цена, табы и переключали), и другие варианты. Это целая коллекция интересных и готовых веб-разработок для оформления сайта. Ниже вы можете скачать <b>коллекцию бесплатных кнопок</b> с интересными эффектами на HTML и CSS (CSS3 &amp; HTML5), разработки сложных вариантов в основном в архиве с примерами jаvascript (jQuery) ховер-эффекты, блики, интересная анимация, трехмерные и так далее.<br><br>Готовые веб-кнопки собранные в количестве более 21 видов в одном месте тут, вы сможете добавить их на собственный сайт. Всё что вам понадобиться, это просто скопировать код в файл <a href="https://dle9.com/besplatnye/" title="HTML/CSS шаблон">HTML/CSS шаблон</a>, для некоторых подключить скрипт, тем самым превратить любую ссылку в кнопку с красивым видом. <br> <br>Быстрая возможность изменить цвета, шрифты, размер, тени, градиенты и другие параметры стиля кнопки CSS, не ломая целостности кода, рекомендуем применить шикарный инструмент встроенный в ваш браузер. Он есть в Мозиле, Опере, Гугл Хроме, Яндексе и других программах в разделе "Веб-разработка". Преимущества такого решения на лицо, скопировать готовый код в файл с расширением *.css вашей площадке, добавить код ссылки HTML в нужном месте, сохранить и новая кнопка интегрирована.<br><br>Самостоятельно отредактировать, добавить, или красиво оформить вид кнопки на сайте (ссылок перехода или переключателей), вставить кнопку CSS в шаблон DLE или на страницу HTML, помогут готовые примеры <br>оригинальных кнопок CSS, которых у нас собрано более 50 вариантов с примерами и инструкцией по установке. <br><br>В архиве вы найдете кучу современных решений на CSS и HTML коллекция готовых образцов, некоторые в комплекте включены с JS-скриптами, все они абсолютно непохожи по функционалу. <br><br> Качественная коллекция простых кнопок HTML с более чем 20 видов, CSS кнопки можно опробовать, нажать на них и посмотреть результат, <a href="https://dle9.com/button_css.html" title="коллекция простых кнопок CSS с 20 вариантами">смотрите эффекты на этой статье</a>.<br> <br> Ещё одна <a href="https://dle9.com/buttons_css.html" title="Коллекция классных кнопок HTML, CSS">эффекты сможете увидеть на этой странице</a> опробовать их с более чем 20 примеров, по-нажимать и посмотреть наглядный результат можно в <b>примерах кнопки CSS3</b>.<br><br><h3>Комплект архива содержит замечательную подборку кнопок CSS3. </h3><br> • Очередная порция стильных CSS эффектов при наведении на кнопки<br> • CSS-only border animation — красивая анимация границ (border) ссылки при наведении<br> • Распадающиеся на мелкие частицы при клике<br> • Hexagon Button: при наведении кнопка превращается в шестиугольник, а при клике обратно становится прямоугольной формы<br> • 5 стильных эффектов для сайта<br> • Эффект при наведении на кнопку с SVG иконкой<br> • Анимированная ссылка с индикатором процесса<br> • Прямоугольная кнопка плавно переходящая в круглую с иконкой при нажатие<br> • Кнопка «Download» со всплывающей подсказкой о размере файла<br> • Animated Ghost Button — блик при наведении <br> • Button Hover Effects<br> • Button Hover (by Katherine Kato)<br> • Анимированная SVG галочка превращается при нажатии на кнопку<br><br><br><div style="text-align:center;"><a href="https://dle9.com/uploads/posts/2020-02/1582089534_button-css-html.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2020-02/thumbs/1582089534_button-css-html.jpg" style="max-width:100%;" alt="Комплект кнопок CSS3"></a></div><br><br>Преставлением большую коллекцию современных кнопок CSS3/HTML/JS, все они добавлены в архив, файлы достаточно пример распаковать в папку, найти файл с форта HTML, кликнуть по нему и в браузере у вас откроется пример готовой кнопки, которую вы может установить на свою площадку. <br><br>Скачать шикарную коллекцию кнопок HTML/CSS для сайта можно по следующей ссылке <br>вариант архива 2 <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=4530">button-css-html-2.zip</a> [215,01 Kb] (cкачиваний: 113) </span> <br><br>вариант архива 3 <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=4531">button-css-html-3.zip</a> [141,06 Kb] (cкачиваний: 70) </span> <br><br><br><br><h2>Инструменты веб-разработки Firefox Mozilla</h2><br> <b>Отличный способ изменения цвета, шрифта, размера, тени, градиента</b> и другие стили кнопки HTML не нарушая целостность кода, воспользуйтесь супер инструментом вашего браузера. Для этих целей можно применить Мозила, Опера, Гугл Хром, Яндекс.Браузер и другие приложения у которой встроен инструмент "Веб-разработка". <br><br>Покажу на примере браузера Firefox Mozilla, этот инструмент имеет удобную панель.<br><br>В актуальной версии у Firefox, попасть в список меню можно в самом дальнем углу сверху и справа в браузере.<br><br> — Легкий способ, нажмите кнопки Ctrl+Shift+I (или F12), внизу откроется панель с настройками. <br> — Открыть меню можно с помощью мышки, в браузере сверху ищем меню, откроется список "Веб-разработка", далее в списке выбираем "Инспектор". <br><br><div style="text-align:center;"><a href="https://dle9.com/uploads/posts/2020-02/1582089805_veb-razrabotka-firefox.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2020-02/thumbs/1582089805_veb-razrabotka-firefox.jpg" style="max-width:100%;" alt="инструмент веб-разработки Firefox Mozilla"></a></div><br><br><b>Далее, выберите объект для исследования. </b><br><br>1) Объект исследования (на картинке), наведите мышку, кликните точно на синюю рамку (если кликнуть на ссылку, то окажитесь на другой странице и она обновиться) <br><br>2) Чтобы выбрать другой объект исследования, нажмите на стрелку в левом углу (на картинке показано, красная стрелка "Сброс")<br><br>3) Блок изменения CSS стилей, замечательно показывает все классы стилей, копировать код можно прямо из данного блока в текстовый редактор. <br>Редактировать стили проще простого, достаточно изучить несколько тегов. <br><pre><code>Изменить шрифт (font-size:12px ; размер цифры PX в пикселях), цвет шрифта (color: #fff; белый), цвет фона (background: #fff;) и т.д. </code></pre><br>Вы можете прямо на этой странице сделать с ней всё, что вам захочется, поменять каждый элемент прямо из вашего браузера, попробуйте, это захватывает. Вот <a href="https://dle9.com/program/grafic/5241-tablica-cveta-html.html" title="тут таблица цвета">тут таблица цвета</a>. <br><br>4 Блок HTML кода указана стрелкой, наводите мышкой и выбирайте строку (объекта для исследования), обратите внимание рамка на странице, будет менять позицию и показывать, на что указывает стрелка вашей мышки в блоке HTML. <br><br>5) Блоки дополнительные для инспекции JS-скрипта, Консоли, Отладчик и других работ. Далее, если кому интересно можете сами разобраться, т.к. это уже из другой области. Вам понадобятся только эти простые инструменты. <br><br><br><b>Обратите внимание на следующую картинку! </b><br>Шикарный инструмент для поиска нужного цвета. Чтобы её открыть, нужно кликнуть на кружок определенного цвета, который всегда появляется в том месте, где есть в стилях параметр цвета. <br>Инструмент палитра цвета снабжен пипеткой (выбираете его, наводите на любой объект и можно получить точный и нужный цвет по образцу), есть палитра всех расцветок, прозрачность и т.д. Очень удобный инструмент для окрашивания кнопок или блоков. <br><br><div style="text-align:center;"><a href="https://dle9.com/uploads/posts/2020-02/1582089817_veb-razrabotka-firefox-mozilla.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2020-02/thumbs/1582089817_veb-razrabotka-firefox-mozilla.jpg" style="max-width:100%;" alt="палитра инструмент веб-разработки Firefox Mozilla"></a></div><br><br><b>Как видите всё просто, и кто сказал, что HTML это сложно?</b><br> <br>Внимание! Все изменения происходят только в вашем браузере, поэтому если вы уйдете или обновите странице, всё сбросится. <br>Можно копировать, как отдельные строки кода, так и весь CSS и HTML прямо из инструмента веб-разработки Firefox Mozilla.]]></turbo:content>[/allow-turbo]
[allow-dzen]<content:encoded><![CDATA[<a href="https://dle9.com/uploads/posts/2020-02/1582089475_button-css3.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2020-02/thumbs/1582089475_button-css3.jpg" style="float:left;max-width:100%;" alt="кнопки CSS3 &amp; HTML5"></a><br>Предлагаем вашему вниманию на dle9.com примеры кнопок HTML, большую коллекцию классных кнопок CSS, кнопки для сайта трехмерные, анимационные, универсальные и эффектные на CSS, вход на страницу, профиль, оформление ссылок меню и перехода (подробно, прочитать, открыть, нажать, скачать, купить, цена, табы и переключали), и другие варианты. Это целая коллекция интересных и готовых веб-разработок для оформления сайта. Ниже вы можете скачать <b>коллекцию бесплатных кнопок</b> с интересными эффектами на HTML и CSS (CSS3 &amp; HTML5), разработки сложных вариантов в основном в архиве с примерами jаvascript (jQuery) ховер-эффекты, блики, интересная анимация, трехмерные и так далее.<br><br>Готовые веб-кнопки собранные в количестве более 21 видов в одном месте тут, вы сможете добавить их на собственный сайт. Всё что вам понадобиться, это просто скопировать код в файл <a href="https://dle9.com/besplatnye/" title="HTML/CSS шаблон">HTML/CSS шаблон</a>, для некоторых подключить скрипт, тем самым превратить любую ссылку в кнопку с красивым видом. <br> <br>Быстрая возможность изменить цвета, шрифты, размер, тени, градиенты и другие параметры стиля кнопки CSS, не ломая целостности кода, рекомендуем применить шикарный инструмент встроенный в ваш браузер. Он есть в Мозиле, Опере, Гугл Хроме, Яндексе и других программах в разделе "Веб-разработка". Преимущества такого решения на лицо, скопировать готовый код в файл с расширением *.css вашей площадке, добавить код ссылки HTML в нужном месте, сохранить и новая кнопка интегрирована.<br><br>Самостоятельно отредактировать, добавить, или красиво оформить вид кнопки на сайте (ссылок перехода или переключателей), вставить кнопку CSS в шаблон DLE или на страницу HTML, помогут готовые примеры <br>оригинальных кнопок CSS, которых у нас собрано более 50 вариантов с примерами и инструкцией по установке. <br><br>В архиве вы найдете кучу современных решений на CSS и HTML коллекция готовых образцов, некоторые в комплекте включены с JS-скриптами, все они абсолютно непохожи по функционалу. <br><br> Качественная коллекция простых кнопок HTML с более чем 20 видов, CSS кнопки можно опробовать, нажать на них и посмотреть результат, <a href="https://dle9.com/button_css.html" title="коллекция простых кнопок CSS с 20 вариантами">смотрите эффекты на этой статье</a>.<br> <br> Ещё одна <a href="https://dle9.com/buttons_css.html" title="Коллекция классных кнопок HTML, CSS">эффекты сможете увидеть на этой странице</a> опробовать их с более чем 20 примеров, по-нажимать и посмотреть наглядный результат можно в <b>примерах кнопки CSS3</b>.<br><br><h3>Комплект архива содержит замечательную подборку кнопок CSS3. </h3><br> • Очередная порция стильных CSS эффектов при наведении на кнопки<br> • CSS-only border animation — красивая анимация границ (border) ссылки при наведении<br> • Распадающиеся на мелкие частицы при клике<br> • Hexagon Button: при наведении кнопка превращается в шестиугольник, а при клике обратно становится прямоугольной формы<br> • 5 стильных эффектов для сайта<br> • Эффект при наведении на кнопку с SVG иконкой<br> • Анимированная ссылка с индикатором процесса<br> • Прямоугольная кнопка плавно переходящая в круглую с иконкой при нажатие<br> • Кнопка «Download» со всплывающей подсказкой о размере файла<br> • Animated Ghost Button — блик при наведении <br> • Button Hover Effects<br> • Button Hover (by Katherine Kato)<br> • Анимированная SVG галочка превращается при нажатии на кнопку<br><br><br><div style="text-align:center;"><a href="https://dle9.com/uploads/posts/2020-02/1582089534_button-css-html.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2020-02/thumbs/1582089534_button-css-html.jpg" style="max-width:100%;" alt="Комплект кнопок CSS3"></a></div><br><br>Преставлением большую коллекцию современных кнопок CSS3/HTML/JS, все они добавлены в архив, файлы достаточно пример распаковать в папку, найти файл с форта HTML, кликнуть по нему и в браузере у вас откроется пример готовой кнопки, которую вы может установить на свою площадку. <br><br>Скачать шикарную коллекцию кнопок HTML/CSS для сайта можно по следующей ссылке <br>вариант архива 2 <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=4530">button-css-html-2.zip</a> [215,01 Kb] (cкачиваний: 113) </span> <br><br>вариант архива 3 <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=4531">button-css-html-3.zip</a> [141,06 Kb] (cкачиваний: 70) </span> <br><br><br><br><h2>Инструменты веб-разработки Firefox Mozilla</h2><br> <b>Отличный способ изменения цвета, шрифта, размера, тени, градиента</b> и другие стили кнопки HTML не нарушая целостность кода, воспользуйтесь супер инструментом вашего браузера. Для этих целей можно применить Мозила, Опера, Гугл Хром, Яндекс.Браузер и другие приложения у которой встроен инструмент "Веб-разработка". <br><br>Покажу на примере браузера Firefox Mozilla, этот инструмент имеет удобную панель.<br><br>В актуальной версии у Firefox, попасть в список меню можно в самом дальнем углу сверху и справа в браузере.<br><br> — Легкий способ, нажмите кнопки Ctrl+Shift+I (или F12), внизу откроется панель с настройками. <br> — Открыть меню можно с помощью мышки, в браузере сверху ищем меню, откроется список "Веб-разработка", далее в списке выбираем "Инспектор". <br><br><div style="text-align:center;"><a href="https://dle9.com/uploads/posts/2020-02/1582089805_veb-razrabotka-firefox.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2020-02/thumbs/1582089805_veb-razrabotka-firefox.jpg" style="max-width:100%;" alt="инструмент веб-разработки Firefox Mozilla"></a></div><br><br><b>Далее, выберите объект для исследования. </b><br><br>1) Объект исследования (на картинке), наведите мышку, кликните точно на синюю рамку (если кликнуть на ссылку, то окажитесь на другой странице и она обновиться) <br><br>2) Чтобы выбрать другой объект исследования, нажмите на стрелку в левом углу (на картинке показано, красная стрелка "Сброс")<br><br>3) Блок изменения CSS стилей, замечательно показывает все классы стилей, копировать код можно прямо из данного блока в текстовый редактор. <br>Редактировать стили проще простого, достаточно изучить несколько тегов. <br><pre><code>Изменить шрифт (font-size:12px ; размер цифры PX в пикселях), цвет шрифта (color: #fff; белый), цвет фона (background: #fff;) и т.д. </code></pre><br>Вы можете прямо на этой странице сделать с ней всё, что вам захочется, поменять каждый элемент прямо из вашего браузера, попробуйте, это захватывает. Вот <a href="https://dle9.com/program/grafic/5241-tablica-cveta-html.html" title="тут таблица цвета">тут таблица цвета</a>. <br><br>4 Блок HTML кода указана стрелкой, наводите мышкой и выбирайте строку (объекта для исследования), обратите внимание рамка на странице, будет менять позицию и показывать, на что указывает стрелка вашей мышки в блоке HTML. <br><br>5) Блоки дополнительные для инспекции JS-скрипта, Консоли, Отладчик и других работ. Далее, если кому интересно можете сами разобраться, т.к. это уже из другой области. Вам понадобятся только эти простые инструменты. <br><br><br><b>Обратите внимание на следующую картинку! </b><br>Шикарный инструмент для поиска нужного цвета. Чтобы её открыть, нужно кликнуть на кружок определенного цвета, который всегда появляется в том месте, где есть в стилях параметр цвета. <br>Инструмент палитра цвета снабжен пипеткой (выбираете его, наводите на любой объект и можно получить точный и нужный цвет по образцу), есть палитра всех расцветок, прозрачность и т.д. Очень удобный инструмент для окрашивания кнопок или блоков. <br><br><div style="text-align:center;"><a href="https://dle9.com/uploads/posts/2020-02/1582089817_veb-razrabotka-firefox-mozilla.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2020-02/thumbs/1582089817_veb-razrabotka-firefox-mozilla.jpg" style="max-width:100%;" alt="палитра инструмент веб-разработки Firefox Mozilla"></a></div><br><br><b>Как видите всё просто, и кто сказал, что HTML это сложно?</b><br> <br>Внимание! Все изменения происходят только в вашем браузере, поэтому если вы уйдете или обновите странице, всё сбросится. <br>Можно копировать, как отдельные строки кода, так и весь CSS и HTML прямо из инструмента веб-разработки Firefox Mozilla.]]></content:encoded>[/allow-dzen]
</item>[/fullrss]
[yandexrss]<item turbo="{allow-turbo}">
<title>Скачать коллекцию бесплатных кнопок CSS3 &amp; HTML5</title>
<link>https://dle9.com/haki/5259-skachat-kollekciju-besplatnyh-knopok-css3-amp-html5.html</link>
<description><a href="https://dle9.com/uploads/posts/2020-02/1582089475_button-css3.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2020-02/thumbs/1582089475_button-css3.jpg" style="float:left;max-width:100%;" alt="кнопки CSS3 &amp; HTML5"></a><br>Предлагаем вашему вниманию на dle9.com примеры кнопок HTML, большую коллекцию классных кнопок CSS, кнопки для сайта трехмерные, анимационные, универсальные и эффектные на CSS, вход на страницу, профиль, оформление ссылок меню и перехода (подробно, прочитать, открыть, нажать, скачать, купить, цена, табы и переключали), и другие варианты. Это целая коллекция интересных и готовых веб-разработок для оформления сайта. Ниже вы можете скачать <b>коллекцию бесплатных кнопок</b> с интересными эффектами на HTML и CSS (CSS3 &amp; HTML5), разработки сложных вариантов в основном в архиве с примерами jаvascript (jQuery) ховер-эффекты, блики, интересная анимация, трехмерные и так далее.<br><br>Готовые веб-кнопки собранные в количестве более 21 видов в одном месте тут, вы сможете добавить их на собственный сайт. Всё что вам понадобиться, это просто скопировать код в файл <a href="https://dle9.com/besplatnye/" title="HTML/CSS шаблон">HTML/CSS шаблон</a>, для некоторых подключить скрипт, тем самым превратить любую ссылку в кнопку с красивым видом. <br> <br>Быстрая возможность изменить цвета, шрифты, размер, тени, градиенты и другие параметры стиля кнопки CSS, не ломая целостности кода, рекомендуем применить шикарный инструмент встроенный в ваш браузер. Он есть в Мозиле, Опере, Гугл Хроме, Яндексе и других программах в разделе "Веб-разработка". Преимущества такого решения на лицо, скопировать готовый код в файл с расширением *.css вашей площадке, добавить код ссылки HTML в нужном месте, сохранить и новая кнопка интегрирована.<br><br>Самостоятельно отредактировать, добавить, или красиво оформить вид кнопки на сайте (ссылок перехода или переключателей), вставить кнопку CSS в шаблон DLE или на страницу HTML, помогут готовые примеры <br>оригинальных кнопок CSS, которых у нас собрано более 50 вариантов с примерами и инструкцией по установке. <br><br>В архиве вы найдете кучу современных решений на CSS и HTML коллекция готовых образцов, некоторые в комплекте включены с JS-скриптами, все они абсолютно непохожи по функционалу. <br><br> Качественная коллекция простых кнопок HTML с более чем 20 видов, CSS кнопки можно опробовать, нажать на них и посмотреть результат, <a href="https://dle9.com/button_css.html" title="коллекция простых кнопок CSS с 20 вариантами">смотрите эффекты на этой статье</a>.<br> <br> Ещё одна <a href="https://dle9.com/buttons_css.html" title="Коллекция классных кнопок HTML, CSS">эффекты сможете увидеть на этой странице</a> опробовать их с более чем 20 примеров, по-нажимать и посмотреть наглядный результат можно в <b>примерах кнопки CSS3</b>.<br><br><h3>Комплект архива содержит замечательную подборку кнопок CSS3. </h3><br> • Очередная порция стильных CSS эффектов при наведении на кнопки<br> • CSS-only border animation — красивая анимация границ (border) ссылки при наведении<br> • Распадающиеся на мелкие частицы при клике<br> • Hexagon Button: при наведении кнопка превращается в шестиугольник, а при клике обратно становится прямоугольной формы<br> • 5 стильных эффектов для сайта<br> • Эффект при наведении на кнопку с SVG иконкой<br> • Анимированная ссылка с индикатором процесса<br> • Прямоугольная кнопка плавно переходящая в круглую с иконкой при нажатие<br> • Кнопка «Download» со всплывающей подсказкой о размере файла<br> • Animated Ghost Button — блик при наведении <br> • Button Hover Effects<br> • Button Hover (by Katherine Kato)<br> • Анимированная SVG галочка превращается при нажатии на кнопку<br><br><br><div style="text-align:center;"><a href="https://dle9.com/uploads/posts/2020-02/1582089534_button-css-html.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2020-02/thumbs/1582089534_button-css-html.jpg" style="max-width:100%;" alt="Комплект кнопок CSS3"></a></div><br><br>Преставлением большую коллекцию современных кнопок CSS3/HTML/JS, все они добавлены в архив, файлы достаточно пример распаковать в папку, найти файл с форта HTML, кликнуть по нему и в браузере у вас откроется пример готовой кнопки, которую вы может установить на свою площадку. <br><br>Скачать шикарную коллекцию кнопок HTML/CSS для сайта можно по следующей ссылке <br>вариант архива 2 <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=4530">button-css-html-2.zip</a> [215,01 Kb] (cкачиваний: 113) </span> <br><br>вариант архива 3 <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=4531">button-css-html-3.zip</a> [141,06 Kb] (cкачиваний: 70) </span> <br><br><br><br><h2>Инструменты веб-разработки Firefox Mozilla</h2><br> <b>Отличный способ изменения цвета, шрифта, размера, тени, градиента</b> и другие стили кнопки HTML не нарушая целостность кода, воспользуйтесь супер инструментом вашего браузера. Для этих целей можно применить Мозила, Опера, Гугл Хром, Яндекс.Браузер и другие приложения у которой встроен инструмент "Веб-разработка". <br><br>Покажу на примере браузера Firefox Mozilla, этот инструмент имеет удобную панель.<br><br>В актуальной версии у Firefox, попасть в список меню можно в самом дальнем углу сверху и справа в браузере.<br><br> — Легкий способ, нажмите кнопки Ctrl+Shift+I (или F12), внизу откроется панель с настройками. <br> — Открыть меню можно с помощью мышки, в браузере сверху ищем меню, откроется список "Веб-разработка", далее в списке выбираем "Инспектор". <br><br><div style="text-align:center;"><a href="https://dle9.com/uploads/posts/2020-02/1582089805_veb-razrabotka-firefox.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2020-02/thumbs/1582089805_veb-razrabotka-firefox.jpg" style="max-width:100%;" alt="инструмент веб-разработки Firefox Mozilla"></a></div><br><br><b>Далее, выберите объект для исследования. </b><br><br>1) Объект исследования (на картинке), наведите мышку, кликните точно на синюю рамку (если кликнуть на ссылку, то окажитесь на другой странице и она обновиться) <br><br>2) Чтобы выбрать другой объект исследования, нажмите на стрелку в левом углу (на картинке показано, красная стрелка "Сброс")<br><br>3) Блок изменения CSS стилей, замечательно показывает все классы стилей, копировать код можно прямо из данного блока в текстовый редактор. <br>Редактировать стили проще простого, достаточно изучить несколько тегов. <br><pre><code>Изменить шрифт (font-size:12px ; размер цифры PX в пикселях), цвет шрифта (color: #fff; белый), цвет фона (background: #fff;) и т.д. </code></pre><br>Вы можете прямо на этой странице сделать с ней всё, что вам захочется, поменять каждый элемент прямо из вашего браузера, попробуйте, это захватывает. Вот <a href="https://dle9.com/program/grafic/5241-tablica-cveta-html.html" title="тут таблица цвета">тут таблица цвета</a>. <br><br>4 Блок HTML кода указана стрелкой, наводите мышкой и выбирайте строку (объекта для исследования), обратите внимание рамка на странице, будет менять позицию и показывать, на что указывает стрелка вашей мышки в блоке HTML. <br><br>5) Блоки дополнительные для инспекции JS-скрипта, Консоли, Отладчик и других работ. Далее, если кому интересно можете сами разобраться, т.к. это уже из другой области. Вам понадобятся только эти простые инструменты. <br><br><br><b>Обратите внимание на следующую картинку! </b><br>Шикарный инструмент для поиска нужного цвета. Чтобы её открыть, нужно кликнуть на кружок определенного цвета, который всегда появляется в том месте, где есть в стилях параметр цвета. <br>Инструмент палитра цвета снабжен пипеткой (выбираете его, наводите на любой объект и можно получить точный и нужный цвет по образцу), есть палитра всех расцветок, прозрачность и т.д. Очень удобный инструмент для окрашивания кнопок или блоков. <br><br><div style="text-align:center;"><a href="https://dle9.com/uploads/posts/2020-02/1582089817_veb-razrabotka-firefox-mozilla.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2020-02/thumbs/1582089817_veb-razrabotka-firefox-mozilla.jpg" style="max-width:100%;" alt="палитра инструмент веб-разработки Firefox Mozilla"></a></div><br><br><b>Как видите всё просто, и кто сказал, что HTML это сложно?</b><br> <br>Внимание! Все изменения происходят только в вашем браузере, поэтому если вы уйдете или обновите странице, всё сбросится. <br>Можно копировать, как отдельные строки кода, так и весь CSS и HTML прямо из инструмента веб-разработки Firefox Mozilla.</description>
<category>DLE хаки   Разные навороты, сборник хаков</category>
<enclosure url="https://dle9.com/uploads/posts/2020-02/thumbs/1582089475_button-css3.jpg" type="image/jpeg" />
<enclosure url="https://dle9.com/uploads/posts/2020-02/thumbs/1582089534_button-css-html.jpg" type="image/jpeg" />
<enclosure url="https://dle9.com/uploads/posts/2020-02/thumbs/1582089805_veb-razrabotka-firefox.jpg" type="image/jpeg" />
<enclosure url="https://dle9.com/uploads/posts/2020-02/thumbs/1582089817_veb-razrabotka-firefox-mozilla.jpg" type="image/jpeg" />
<pubDate>Mon, 08 Jun 2020 08:25:00 +0100</pubDate>
<yandex:full-text><a href="https://dle9.com/uploads/posts/2020-02/1582089475_button-css3.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2020-02/thumbs/1582089475_button-css3.jpg" style="float:left;max-width:100%;" alt="кнопки CSS3 &amp; HTML5"></a><br>Предлагаем вашему вниманию на dle9.com примеры кнопок HTML, большую коллекцию классных кнопок CSS, кнопки для сайта трехмерные, анимационные, универсальные и эффектные на CSS, вход на страницу, профиль, оформление ссылок меню и перехода (подробно, прочитать, открыть, нажать, скачать, купить, цена, табы и переключали), и другие варианты. Это целая коллекция интересных и готовых веб-разработок для оформления сайта. Ниже вы можете скачать <b>коллекцию бесплатных кнопок</b> с интересными эффектами на HTML и CSS (CSS3 &amp; HTML5), разработки сложных вариантов в основном в архиве с примерами jаvascript (jQuery) ховер-эффекты, блики, интересная анимация, трехмерные и так далее.<br><br>Готовые веб-кнопки собранные в количестве более 21 видов в одном месте тут, вы сможете добавить их на собственный сайт. Всё что вам понадобиться, это просто скопировать код в файл <a href="https://dle9.com/besplatnye/" title="HTML/CSS шаблон">HTML/CSS шаблон</a>, для некоторых подключить скрипт, тем самым превратить любую ссылку в кнопку с красивым видом. <br> <br>Быстрая возможность изменить цвета, шрифты, размер, тени, градиенты и другие параметры стиля кнопки CSS, не ломая целостности кода, рекомендуем применить шикарный инструмент встроенный в ваш браузер. Он есть в Мозиле, Опере, Гугл Хроме, Яндексе и других программах в разделе "Веб-разработка". Преимущества такого решения на лицо, скопировать готовый код в файл с расширением *.css вашей площадке, добавить код ссылки HTML в нужном месте, сохранить и новая кнопка интегрирована.<br><br>Самостоятельно отредактировать, добавить, или красиво оформить вид кнопки на сайте (ссылок перехода или переключателей), вставить кнопку CSS в шаблон DLE или на страницу HTML, помогут готовые примеры <br>оригинальных кнопок CSS, которых у нас собрано более 50 вариантов с примерами и инструкцией по установке. <br><br>В архиве вы найдете кучу современных решений на CSS и HTML коллекция готовых образцов, некоторые в комплекте включены с JS-скриптами, все они абсолютно непохожи по функционалу. <br><br> Качественная коллекция простых кнопок HTML с более чем 20 видов, CSS кнопки можно опробовать, нажать на них и посмотреть результат, <a href="https://dle9.com/button_css.html" title="коллекция простых кнопок CSS с 20 вариантами">смотрите эффекты на этой статье</a>.<br> <br> Ещё одна <a href="https://dle9.com/buttons_css.html" title="Коллекция классных кнопок HTML, CSS">эффекты сможете увидеть на этой странице</a> опробовать их с более чем 20 примеров, по-нажимать и посмотреть наглядный результат можно в <b>примерах кнопки CSS3</b>.<br><br><h3>Комплект архива содержит замечательную подборку кнопок CSS3. </h3><br> • Очередная порция стильных CSS эффектов при наведении на кнопки<br> • CSS-only border animation — красивая анимация границ (border) ссылки при наведении<br> • Распадающиеся на мелкие частицы при клике<br> • Hexagon Button: при наведении кнопка превращается в шестиугольник, а при клике обратно становится прямоугольной формы<br> • 5 стильных эффектов для сайта<br> • Эффект при наведении на кнопку с SVG иконкой<br> • Анимированная ссылка с индикатором процесса<br> • Прямоугольная кнопка плавно переходящая в круглую с иконкой при нажатие<br> • Кнопка «Download» со всплывающей подсказкой о размере файла<br> • Animated Ghost Button — блик при наведении <br> • Button Hover Effects<br> • Button Hover (by Katherine Kato)<br> • Анимированная SVG галочка превращается при нажатии на кнопку<br><br><br><div style="text-align:center;"><a href="https://dle9.com/uploads/posts/2020-02/1582089534_button-css-html.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2020-02/thumbs/1582089534_button-css-html.jpg" style="max-width:100%;" alt="Комплект кнопок CSS3"></a></div><br><br>Преставлением большую коллекцию современных кнопок CSS3/HTML/JS, все они добавлены в архив, файлы достаточно пример распаковать в папку, найти файл с форта HTML, кликнуть по нему и в браузере у вас откроется пример готовой кнопки, которую вы может установить на свою площадку. <br><br>Скачать шикарную коллекцию кнопок HTML/CSS для сайта можно по следующей ссылке <br>вариант архива 2 <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=4530">button-css-html-2.zip</a> [215,01 Kb] (cкачиваний: 113) </span> <br><br>вариант архива 3 <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=4531">button-css-html-3.zip</a> [141,06 Kb] (cкачиваний: 70) </span> <br><br><br><br><h2>Инструменты веб-разработки Firefox Mozilla</h2><br> <b>Отличный способ изменения цвета, шрифта, размера, тени, градиента</b> и другие стили кнопки HTML не нарушая целостность кода, воспользуйтесь супер инструментом вашего браузера. Для этих целей можно применить Мозила, Опера, Гугл Хром, Яндекс.Браузер и другие приложения у которой встроен инструмент "Веб-разработка". <br><br>Покажу на примере браузера Firefox Mozilla, этот инструмент имеет удобную панель.<br><br>В актуальной версии у Firefox, попасть в список меню можно в самом дальнем углу сверху и справа в браузере.<br><br> — Легкий способ, нажмите кнопки Ctrl+Shift+I (или F12), внизу откроется панель с настройками. <br> — Открыть меню можно с помощью мышки, в браузере сверху ищем меню, откроется список "Веб-разработка", далее в списке выбираем "Инспектор". <br><br><div style="text-align:center;"><a href="https://dle9.com/uploads/posts/2020-02/1582089805_veb-razrabotka-firefox.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2020-02/thumbs/1582089805_veb-razrabotka-firefox.jpg" style="max-width:100%;" alt="инструмент веб-разработки Firefox Mozilla"></a></div><br><br><b>Далее, выберите объект для исследования. </b><br><br>1) Объект исследования (на картинке), наведите мышку, кликните точно на синюю рамку (если кликнуть на ссылку, то окажитесь на другой странице и она обновиться) <br><br>2) Чтобы выбрать другой объект исследования, нажмите на стрелку в левом углу (на картинке показано, красная стрелка "Сброс")<br><br>3) Блок изменения CSS стилей, замечательно показывает все классы стилей, копировать код можно прямо из данного блока в текстовый редактор. <br>Редактировать стили проще простого, достаточно изучить несколько тегов. <br><pre><code>Изменить шрифт (font-size:12px ; размер цифры PX в пикселях), цвет шрифта (color: #fff; белый), цвет фона (background: #fff;) и т.д. </code></pre><br>Вы можете прямо на этой странице сделать с ней всё, что вам захочется, поменять каждый элемент прямо из вашего браузера, попробуйте, это захватывает. Вот <a href="https://dle9.com/program/grafic/5241-tablica-cveta-html.html" title="тут таблица цвета">тут таблица цвета</a>. <br><br>4 Блок HTML кода указана стрелкой, наводите мышкой и выбирайте строку (объекта для исследования), обратите внимание рамка на странице, будет менять позицию и показывать, на что указывает стрелка вашей мышки в блоке HTML. <br><br>5) Блоки дополнительные для инспекции JS-скрипта, Консоли, Отладчик и других работ. Далее, если кому интересно можете сами разобраться, т.к. это уже из другой области. Вам понадобятся только эти простые инструменты. <br><br><br><b>Обратите внимание на следующую картинку! </b><br>Шикарный инструмент для поиска нужного цвета. Чтобы её открыть, нужно кликнуть на кружок определенного цвета, который всегда появляется в том месте, где есть в стилях параметр цвета. <br>Инструмент палитра цвета снабжен пипеткой (выбираете его, наводите на любой объект и можно получить точный и нужный цвет по образцу), есть палитра всех расцветок, прозрачность и т.д. Очень удобный инструмент для окрашивания кнопок или блоков. <br><br><div style="text-align:center;"><a href="https://dle9.com/uploads/posts/2020-02/1582089817_veb-razrabotka-firefox-mozilla.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2020-02/thumbs/1582089817_veb-razrabotka-firefox-mozilla.jpg" style="max-width:100%;" alt="палитра инструмент веб-разработки Firefox Mozilla"></a></div><br><br><b>Как видите всё просто, и кто сказал, что HTML это сложно?</b><br> <br>Внимание! Все изменения происходят только в вашем браузере, поэтому если вы уйдете или обновите странице, всё сбросится. <br>Можно копировать, как отдельные строки кода, так и весь CSS и HTML прямо из инструмента веб-разработки Firefox Mozilla.</yandex:full-text>
[allow-turbo]<turbo:content><![CDATA[<a href="https://dle9.com/uploads/posts/2020-02/1582089475_button-css3.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2020-02/thumbs/1582089475_button-css3.jpg" style="float:left;max-width:100%;" alt="кнопки CSS3 &amp; HTML5"></a><br>Предлагаем вашему вниманию на dle9.com примеры кнопок HTML, большую коллекцию классных кнопок CSS, кнопки для сайта трехмерные, анимационные, универсальные и эффектные на CSS, вход на страницу, профиль, оформление ссылок меню и перехода (подробно, прочитать, открыть, нажать, скачать, купить, цена, табы и переключали), и другие варианты. Это целая коллекция интересных и готовых веб-разработок для оформления сайта. Ниже вы можете скачать <b>коллекцию бесплатных кнопок</b> с интересными эффектами на HTML и CSS (CSS3 &amp; HTML5), разработки сложных вариантов в основном в архиве с примерами jаvascript (jQuery) ховер-эффекты, блики, интересная анимация, трехмерные и так далее.<br><br>Готовые веб-кнопки собранные в количестве более 21 видов в одном месте тут, вы сможете добавить их на собственный сайт. Всё что вам понадобиться, это просто скопировать код в файл <a href="https://dle9.com/besplatnye/" title="HTML/CSS шаблон">HTML/CSS шаблон</a>, для некоторых подключить скрипт, тем самым превратить любую ссылку в кнопку с красивым видом. <br> <br>Быстрая возможность изменить цвета, шрифты, размер, тени, градиенты и другие параметры стиля кнопки CSS, не ломая целостности кода, рекомендуем применить шикарный инструмент встроенный в ваш браузер. Он есть в Мозиле, Опере, Гугл Хроме, Яндексе и других программах в разделе "Веб-разработка". Преимущества такого решения на лицо, скопировать готовый код в файл с расширением *.css вашей площадке, добавить код ссылки HTML в нужном месте, сохранить и новая кнопка интегрирована.<br><br>Самостоятельно отредактировать, добавить, или красиво оформить вид кнопки на сайте (ссылок перехода или переключателей), вставить кнопку CSS в шаблон DLE или на страницу HTML, помогут готовые примеры <br>оригинальных кнопок CSS, которых у нас собрано более 50 вариантов с примерами и инструкцией по установке. <br><br>В архиве вы найдете кучу современных решений на CSS и HTML коллекция готовых образцов, некоторые в комплекте включены с JS-скриптами, все они абсолютно непохожи по функционалу. <br><br> Качественная коллекция простых кнопок HTML с более чем 20 видов, CSS кнопки можно опробовать, нажать на них и посмотреть результат, <a href="https://dle9.com/button_css.html" title="коллекция простых кнопок CSS с 20 вариантами">смотрите эффекты на этой статье</a>.<br> <br> Ещё одна <a href="https://dle9.com/buttons_css.html" title="Коллекция классных кнопок HTML, CSS">эффекты сможете увидеть на этой странице</a> опробовать их с более чем 20 примеров, по-нажимать и посмотреть наглядный результат можно в <b>примерах кнопки CSS3</b>.<br><br><h3>Комплект архива содержит замечательную подборку кнопок CSS3. </h3><br> • Очередная порция стильных CSS эффектов при наведении на кнопки<br> • CSS-only border animation — красивая анимация границ (border) ссылки при наведении<br> • Распадающиеся на мелкие частицы при клике<br> • Hexagon Button: при наведении кнопка превращается в шестиугольник, а при клике обратно становится прямоугольной формы<br> • 5 стильных эффектов для сайта<br> • Эффект при наведении на кнопку с SVG иконкой<br> • Анимированная ссылка с индикатором процесса<br> • Прямоугольная кнопка плавно переходящая в круглую с иконкой при нажатие<br> • Кнопка «Download» со всплывающей подсказкой о размере файла<br> • Animated Ghost Button — блик при наведении <br> • Button Hover Effects<br> • Button Hover (by Katherine Kato)<br> • Анимированная SVG галочка превращается при нажатии на кнопку<br><br><br><div style="text-align:center;"><a href="https://dle9.com/uploads/posts/2020-02/1582089534_button-css-html.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2020-02/thumbs/1582089534_button-css-html.jpg" style="max-width:100%;" alt="Комплект кнопок CSS3"></a></div><br><br>Преставлением большую коллекцию современных кнопок CSS3/HTML/JS, все они добавлены в архив, файлы достаточно пример распаковать в папку, найти файл с форта HTML, кликнуть по нему и в браузере у вас откроется пример готовой кнопки, которую вы может установить на свою площадку. <br><br>Скачать шикарную коллекцию кнопок HTML/CSS для сайта можно по следующей ссылке <br>вариант архива 2 <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=4530">button-css-html-2.zip</a> [215,01 Kb] (cкачиваний: 113) </span> <br><br>вариант архива 3 <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=4531">button-css-html-3.zip</a> [141,06 Kb] (cкачиваний: 70) </span> <br><br><br><br><h2>Инструменты веб-разработки Firefox Mozilla</h2><br> <b>Отличный способ изменения цвета, шрифта, размера, тени, градиента</b> и другие стили кнопки HTML не нарушая целостность кода, воспользуйтесь супер инструментом вашего браузера. Для этих целей можно применить Мозила, Опера, Гугл Хром, Яндекс.Браузер и другие приложения у которой встроен инструмент "Веб-разработка". <br><br>Покажу на примере браузера Firefox Mozilla, этот инструмент имеет удобную панель.<br><br>В актуальной версии у Firefox, попасть в список меню можно в самом дальнем углу сверху и справа в браузере.<br><br> — Легкий способ, нажмите кнопки Ctrl+Shift+I (или F12), внизу откроется панель с настройками. <br> — Открыть меню можно с помощью мышки, в браузере сверху ищем меню, откроется список "Веб-разработка", далее в списке выбираем "Инспектор". <br><br><div style="text-align:center;"><a href="https://dle9.com/uploads/posts/2020-02/1582089805_veb-razrabotka-firefox.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2020-02/thumbs/1582089805_veb-razrabotka-firefox.jpg" style="max-width:100%;" alt="инструмент веб-разработки Firefox Mozilla"></a></div><br><br><b>Далее, выберите объект для исследования. </b><br><br>1) Объект исследования (на картинке), наведите мышку, кликните точно на синюю рамку (если кликнуть на ссылку, то окажитесь на другой странице и она обновиться) <br><br>2) Чтобы выбрать другой объект исследования, нажмите на стрелку в левом углу (на картинке показано, красная стрелка "Сброс")<br><br>3) Блок изменения CSS стилей, замечательно показывает все классы стилей, копировать код можно прямо из данного блока в текстовый редактор. <br>Редактировать стили проще простого, достаточно изучить несколько тегов. <br><pre><code>Изменить шрифт (font-size:12px ; размер цифры PX в пикселях), цвет шрифта (color: #fff; белый), цвет фона (background: #fff;) и т.д. </code></pre><br>Вы можете прямо на этой странице сделать с ней всё, что вам захочется, поменять каждый элемент прямо из вашего браузера, попробуйте, это захватывает. Вот <a href="https://dle9.com/program/grafic/5241-tablica-cveta-html.html" title="тут таблица цвета">тут таблица цвета</a>. <br><br>4 Блок HTML кода указана стрелкой, наводите мышкой и выбирайте строку (объекта для исследования), обратите внимание рамка на странице, будет менять позицию и показывать, на что указывает стрелка вашей мышки в блоке HTML. <br><br>5) Блоки дополнительные для инспекции JS-скрипта, Консоли, Отладчик и других работ. Далее, если кому интересно можете сами разобраться, т.к. это уже из другой области. Вам понадобятся только эти простые инструменты. <br><br><br><b>Обратите внимание на следующую картинку! </b><br>Шикарный инструмент для поиска нужного цвета. Чтобы её открыть, нужно кликнуть на кружок определенного цвета, который всегда появляется в том месте, где есть в стилях параметр цвета. <br>Инструмент палитра цвета снабжен пипеткой (выбираете его, наводите на любой объект и можно получить точный и нужный цвет по образцу), есть палитра всех расцветок, прозрачность и т.д. Очень удобный инструмент для окрашивания кнопок или блоков. <br><br><div style="text-align:center;"><a href="https://dle9.com/uploads/posts/2020-02/1582089817_veb-razrabotka-firefox-mozilla.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2020-02/thumbs/1582089817_veb-razrabotka-firefox-mozilla.jpg" style="max-width:100%;" alt="палитра инструмент веб-разработки Firefox Mozilla"></a></div><br><br><b>Как видите всё просто, и кто сказал, что HTML это сложно?</b><br> <br>Внимание! Все изменения происходят только в вашем браузере, поэтому если вы уйдете или обновите странице, всё сбросится. <br>Можно копировать, как отдельные строки кода, так и весь CSS и HTML прямо из инструмента веб-разработки Firefox Mozilla.]]></turbo:content>[/allow-turbo]
[allow-dzen]<content:encoded><![CDATA[<a href="https://dle9.com/uploads/posts/2020-02/1582089475_button-css3.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2020-02/thumbs/1582089475_button-css3.jpg" style="float:left;max-width:100%;" alt="кнопки CSS3 &amp; HTML5"></a><br>Предлагаем вашему вниманию на dle9.com примеры кнопок HTML, большую коллекцию классных кнопок CSS, кнопки для сайта трехмерные, анимационные, универсальные и эффектные на CSS, вход на страницу, профиль, оформление ссылок меню и перехода (подробно, прочитать, открыть, нажать, скачать, купить, цена, табы и переключали), и другие варианты. Это целая коллекция интересных и готовых веб-разработок для оформления сайта. Ниже вы можете скачать <b>коллекцию бесплатных кнопок</b> с интересными эффектами на HTML и CSS (CSS3 &amp; HTML5), разработки сложных вариантов в основном в архиве с примерами jаvascript (jQuery) ховер-эффекты, блики, интересная анимация, трехмерные и так далее.<br><br>Готовые веб-кнопки собранные в количестве более 21 видов в одном месте тут, вы сможете добавить их на собственный сайт. Всё что вам понадобиться, это просто скопировать код в файл <a href="https://dle9.com/besplatnye/" title="HTML/CSS шаблон">HTML/CSS шаблон</a>, для некоторых подключить скрипт, тем самым превратить любую ссылку в кнопку с красивым видом. <br> <br>Быстрая возможность изменить цвета, шрифты, размер, тени, градиенты и другие параметры стиля кнопки CSS, не ломая целостности кода, рекомендуем применить шикарный инструмент встроенный в ваш браузер. Он есть в Мозиле, Опере, Гугл Хроме, Яндексе и других программах в разделе "Веб-разработка". Преимущества такого решения на лицо, скопировать готовый код в файл с расширением *.css вашей площадке, добавить код ссылки HTML в нужном месте, сохранить и новая кнопка интегрирована.<br><br>Самостоятельно отредактировать, добавить, или красиво оформить вид кнопки на сайте (ссылок перехода или переключателей), вставить кнопку CSS в шаблон DLE или на страницу HTML, помогут готовые примеры <br>оригинальных кнопок CSS, которых у нас собрано более 50 вариантов с примерами и инструкцией по установке. <br><br>В архиве вы найдете кучу современных решений на CSS и HTML коллекция готовых образцов, некоторые в комплекте включены с JS-скриптами, все они абсолютно непохожи по функционалу. <br><br> Качественная коллекция простых кнопок HTML с более чем 20 видов, CSS кнопки можно опробовать, нажать на них и посмотреть результат, <a href="https://dle9.com/button_css.html" title="коллекция простых кнопок CSS с 20 вариантами">смотрите эффекты на этой статье</a>.<br> <br> Ещё одна <a href="https://dle9.com/buttons_css.html" title="Коллекция классных кнопок HTML, CSS">эффекты сможете увидеть на этой странице</a> опробовать их с более чем 20 примеров, по-нажимать и посмотреть наглядный результат можно в <b>примерах кнопки CSS3</b>.<br><br><h3>Комплект архива содержит замечательную подборку кнопок CSS3. </h3><br> • Очередная порция стильных CSS эффектов при наведении на кнопки<br> • CSS-only border animation — красивая анимация границ (border) ссылки при наведении<br> • Распадающиеся на мелкие частицы при клике<br> • Hexagon Button: при наведении кнопка превращается в шестиугольник, а при клике обратно становится прямоугольной формы<br> • 5 стильных эффектов для сайта<br> • Эффект при наведении на кнопку с SVG иконкой<br> • Анимированная ссылка с индикатором процесса<br> • Прямоугольная кнопка плавно переходящая в круглую с иконкой при нажатие<br> • Кнопка «Download» со всплывающей подсказкой о размере файла<br> • Animated Ghost Button — блик при наведении <br> • Button Hover Effects<br> • Button Hover (by Katherine Kato)<br> • Анимированная SVG галочка превращается при нажатии на кнопку<br><br><br><div style="text-align:center;"><a href="https://dle9.com/uploads/posts/2020-02/1582089534_button-css-html.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2020-02/thumbs/1582089534_button-css-html.jpg" style="max-width:100%;" alt="Комплект кнопок CSS3"></a></div><br><br>Преставлением большую коллекцию современных кнопок CSS3/HTML/JS, все они добавлены в архив, файлы достаточно пример распаковать в папку, найти файл с форта HTML, кликнуть по нему и в браузере у вас откроется пример готовой кнопки, которую вы может установить на свою площадку. <br><br>Скачать шикарную коллекцию кнопок HTML/CSS для сайта можно по следующей ссылке <br>вариант архива 2 <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=4530">button-css-html-2.zip</a> [215,01 Kb] (cкачиваний: 113) </span> <br><br>вариант архива 3 <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=4531">button-css-html-3.zip</a> [141,06 Kb] (cкачиваний: 70) </span> <br><br><br><br><h2>Инструменты веб-разработки Firefox Mozilla</h2><br> <b>Отличный способ изменения цвета, шрифта, размера, тени, градиента</b> и другие стили кнопки HTML не нарушая целостность кода, воспользуйтесь супер инструментом вашего браузера. Для этих целей можно применить Мозила, Опера, Гугл Хром, Яндекс.Браузер и другие приложения у которой встроен инструмент "Веб-разработка". <br><br>Покажу на примере браузера Firefox Mozilla, этот инструмент имеет удобную панель.<br><br>В актуальной версии у Firefox, попасть в список меню можно в самом дальнем углу сверху и справа в браузере.<br><br> — Легкий способ, нажмите кнопки Ctrl+Shift+I (или F12), внизу откроется панель с настройками. <br> — Открыть меню можно с помощью мышки, в браузере сверху ищем меню, откроется список "Веб-разработка", далее в списке выбираем "Инспектор". <br><br><div style="text-align:center;"><a href="https://dle9.com/uploads/posts/2020-02/1582089805_veb-razrabotka-firefox.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2020-02/thumbs/1582089805_veb-razrabotka-firefox.jpg" style="max-width:100%;" alt="инструмент веб-разработки Firefox Mozilla"></a></div><br><br><b>Далее, выберите объект для исследования. </b><br><br>1) Объект исследования (на картинке), наведите мышку, кликните точно на синюю рамку (если кликнуть на ссылку, то окажитесь на другой странице и она обновиться) <br><br>2) Чтобы выбрать другой объект исследования, нажмите на стрелку в левом углу (на картинке показано, красная стрелка "Сброс")<br><br>3) Блок изменения CSS стилей, замечательно показывает все классы стилей, копировать код можно прямо из данного блока в текстовый редактор. <br>Редактировать стили проще простого, достаточно изучить несколько тегов. <br><pre><code>Изменить шрифт (font-size:12px ; размер цифры PX в пикселях), цвет шрифта (color: #fff; белый), цвет фона (background: #fff;) и т.д. </code></pre><br>Вы можете прямо на этой странице сделать с ней всё, что вам захочется, поменять каждый элемент прямо из вашего браузера, попробуйте, это захватывает. Вот <a href="https://dle9.com/program/grafic/5241-tablica-cveta-html.html" title="тут таблица цвета">тут таблица цвета</a>. <br><br>4 Блок HTML кода указана стрелкой, наводите мышкой и выбирайте строку (объекта для исследования), обратите внимание рамка на странице, будет менять позицию и показывать, на что указывает стрелка вашей мышки в блоке HTML. <br><br>5) Блоки дополнительные для инспекции JS-скрипта, Консоли, Отладчик и других работ. Далее, если кому интересно можете сами разобраться, т.к. это уже из другой области. Вам понадобятся только эти простые инструменты. <br><br><br><b>Обратите внимание на следующую картинку! </b><br>Шикарный инструмент для поиска нужного цвета. Чтобы её открыть, нужно кликнуть на кружок определенного цвета, который всегда появляется в том месте, где есть в стилях параметр цвета. <br>Инструмент палитра цвета снабжен пипеткой (выбираете его, наводите на любой объект и можно получить точный и нужный цвет по образцу), есть палитра всех расцветок, прозрачность и т.д. Очень удобный инструмент для окрашивания кнопок или блоков. <br><br><div style="text-align:center;"><a href="https://dle9.com/uploads/posts/2020-02/1582089817_veb-razrabotka-firefox-mozilla.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2020-02/thumbs/1582089817_veb-razrabotka-firefox-mozilla.jpg" style="max-width:100%;" alt="палитра инструмент веб-разработки Firefox Mozilla"></a></div><br><br><b>Как видите всё просто, и кто сказал, что HTML это сложно?</b><br> <br>Внимание! Все изменения происходят только в вашем браузере, поэтому если вы уйдете или обновите странице, всё сбросится. <br>Можно копировать, как отдельные строки кода, так и весь CSS и HTML прямо из инструмента веб-разработки Firefox Mozilla.]]></content:encoded>[/allow-dzen]
</item>[/yandexrss][shortrss]<item turbo="{allow-turbo}">
<title>Кнопка наверх в виде ракеты</title>
<guid isPermaLink="true">https://dle9.com/haki/3485-knopka-naverh-v-vide-rakety.html</guid>
<link>https://dle9.com/haki/3485-knopka-naverh-v-vide-rakety.html</link>
<description><a href="https://dle9.com/uploads/posts/2014-03/1394956548_knopka-vverh-v-vide-rakety-dlya-sayta-ili-bloga.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2014-03/thumbs/1394956548_knopka-vverh-v-vide-rakety-dlya-sayta-ili-bloga.jpg" style="float:left;max-width:100%;" alt=""></a><br>Представляем красивый анимационный скрипт <b>Кнопка наверх</b> в виде ракеты для сайта <a href="https://dle9.com/">DLe</a> и других порталов, нужен для быстрого перемещения к началу страницы сайта. <a href="https://dle9.com/haki/haki-other/">Хак скрипт</a> при поднятии наверх показывает как ракета вздымает вверх и вырывается сопло огня.<br>Такая оригинальная кнопка будет очень многим web-мастерам для своих сайтов, блогов или форумов с длинными страницами. <br><br>Скрипт кнопка вверх для сайта смотрится красиво и интересно. <br><br>Установка для <a href="https://dle9.com/books/dle-news/">DataLife Engine</a>: <br>Распаковать Архив<br><br>Скопируем из папки templates/&#123;THEME} в ваш <a href="https://dle9.com/besplatnye/shabloni/">шаблон dle</a> <br>Заходим в вашу тему, и в ( main.tpl <br>Перед закрывающимся тегом <pre><code>&lt;/head&gt;</code></pre> вставьте скрипт: <br><br><pre><code> &lt;script type="text/javascript" src="&#123;THEME}/js/jquery.min_raketa.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="&#123;THEME}/js/MrScrollUp_raketa.js"&gt;&lt;/script&gt; &lt;link rel="stylesheet" type="text/css" href="&#123;THEME}/css/MrScrollUp_raketa.css" /&gt; &lt;div id="MrScrollUp" style="display:none;"&gt;&lt;div class="MrScrollUp1"&gt;&lt;/div&gt;&lt;div class="MrScrollUp2"&gt;&lt;/div&gt;&lt;/div&gt;</code></pre><br> <br> Готово!<br>Скачать <a href="https://dle9.com/haki/">хаки для dle</a>, как скрипт <a href="https://dle9.com/haki/haki-other/">хак кнопки наверх</a> в виде ракеты <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3081">KnopkaNAVERH-V-VIDE-RAKETY.zip</a> [99,08 Kb] (cкачиваний: 525) </span></description>
[allow-turbo]<turbo:content><![CDATA[<a href="https://dle9.com/uploads/posts/2014-03/1394956548_knopka-vverh-v-vide-rakety-dlya-sayta-ili-bloga.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2014-03/thumbs/1394956548_knopka-vverh-v-vide-rakety-dlya-sayta-ili-bloga.jpg" style="float:left;max-width:100%;" alt=""></a><br>Представляем красивый анимационный скрипт <b>Кнопка наверх</b> в виде ракеты для сайта <a href="https://dle9.com/">DLe</a> и других порталов, нужен для быстрого перемещения к началу страницы сайта. <a href="https://dle9.com/haki/haki-other/">Хак скрипт</a> при поднятии наверх показывает как ракета вздымает вверх и вырывается сопло огня.<br>Такая оригинальная кнопка будет очень многим web-мастерам для своих сайтов, блогов или форумов с длинными страницами. <br><br>Скрипт кнопка вверх для сайта смотрится красиво и интересно. <br><br>Установка для <a href="https://dle9.com/books/dle-news/">DataLife Engine</a>: <br>Распаковать Архив<br><br>Скопируем из папки templates/&#123;THEME} в ваш <a href="https://dle9.com/besplatnye/shabloni/">шаблон dle</a> <br>Заходим в вашу тему, и в ( main.tpl <br>Перед закрывающимся тегом <pre><code>&lt;/head&gt;</code></pre> вставьте скрипт: <br><br><pre><code> &lt;script type="text/javascript" src="&#123;THEME}/js/jquery.min_raketa.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="&#123;THEME}/js/MrScrollUp_raketa.js"&gt;&lt;/script&gt; &lt;link rel="stylesheet" type="text/css" href="&#123;THEME}/css/MrScrollUp_raketa.css" /&gt; &lt;div id="MrScrollUp" style="display:none;"&gt;&lt;div class="MrScrollUp1"&gt;&lt;/div&gt;&lt;div class="MrScrollUp2"&gt;&lt;/div&gt;&lt;/div&gt;</code></pre><br> <br> Готово!<br>Скачать <a href="https://dle9.com/haki/">хаки для dle</a>, как скрипт <a href="https://dle9.com/haki/haki-other/">хак кнопки наверх</a> в виде ракеты <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3081">KnopkaNAVERH-V-VIDE-RAKETY.zip</a> [99,08 Kb] (cкачиваний: 525) </span>]]></turbo:content>[/allow-turbo]
<category>DLE хаки   Разные навороты, сборник хаков</category>
<dc:creator>dle9.com</dc:creator>
<pubDate>Mon, 16 Mar 2020 11:58:00 +0000</pubDate>
</item>[/shortrss]
[fullrss]<item turbo="{allow-turbo}">
<title>Кнопка наверх в виде ракеты</title>
<guid isPermaLink="true">https://dle9.com/haki/3485-knopka-naverh-v-vide-rakety.html</guid>
<link>https://dle9.com/haki/3485-knopka-naverh-v-vide-rakety.html</link>
<category><![CDATA[DLE хаки   Разные навороты, сборник хаков]]></category>
<dc:creator>dle9.com</dc:creator>
<pubDate>Mon, 16 Mar 2020 11:58:00 +0000</pubDate>
<description><![CDATA[<a href="https://dle9.com/uploads/posts/2014-03/1394956548_knopka-vverh-v-vide-rakety-dlya-sayta-ili-bloga.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2014-03/thumbs/1394956548_knopka-vverh-v-vide-rakety-dlya-sayta-ili-bloga.jpg" style="float:left;max-width:100%;" alt=""></a><br>Представляем красивый анимационный скрипт <b>Кнопка наверх</b> в виде ракеты для сайта <a href="https://dle9.com/">DLe</a> и других порталов, нужен для быстрого перемещения к началу страницы сайта. <a href="https://dle9.com/haki/haki-other/">Хак скрипт</a> при поднятии наверх показывает как ракета вздымает вверх и вырывается сопло огня.<br>Такая оригинальная кнопка будет очень многим web-мастерам для своих сайтов, блогов или форумов с длинными страницами. <br><br>Скрипт кнопка вверх для сайта смотрится красиво и интересно. <br><br>Установка для <a href="https://dle9.com/books/dle-news/">DataLife Engine</a>: <br>Распаковать Архив<br><br>Скопируем из папки templates/&#123;THEME} в ваш <a href="https://dle9.com/besplatnye/shabloni/">шаблон dle</a> <br>Заходим в вашу тему, и в ( main.tpl <br>Перед закрывающимся тегом <pre><code>&lt;/head&gt;</code></pre> вставьте скрипт: <br><br><pre><code> &lt;script type="text/javascript" src="&#123;THEME}/js/jquery.min_raketa.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="&#123;THEME}/js/MrScrollUp_raketa.js"&gt;&lt;/script&gt; &lt;link rel="stylesheet" type="text/css" href="&#123;THEME}/css/MrScrollUp_raketa.css" /&gt; &lt;div id="MrScrollUp" style="display:none;"&gt;&lt;div class="MrScrollUp1"&gt;&lt;/div&gt;&lt;div class="MrScrollUp2"&gt;&lt;/div&gt;&lt;/div&gt;</code></pre><br> <br> Готово!<br>Скачать <a href="https://dle9.com/haki/">хаки для dle</a>, как скрипт <a href="https://dle9.com/haki/haki-other/">хак кнопки наверх</a> в виде ракеты <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3081">KnopkaNAVERH-V-VIDE-RAKETY.zip</a> [99,08 Kb] (cкачиваний: 525) </span>]]></description>
[allow-turbo]<turbo:content><![CDATA[<a href="https://dle9.com/uploads/posts/2014-03/1394956548_knopka-vverh-v-vide-rakety-dlya-sayta-ili-bloga.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2014-03/thumbs/1394956548_knopka-vverh-v-vide-rakety-dlya-sayta-ili-bloga.jpg" style="float:left;max-width:100%;" alt=""></a><br>Представляем красивый анимационный скрипт <b>Кнопка наверх</b> в виде ракеты для сайта <a href="https://dle9.com/">DLe</a> и других порталов, нужен для быстрого перемещения к началу страницы сайта. <a href="https://dle9.com/haki/haki-other/">Хак скрипт</a> при поднятии наверх показывает как ракета вздымает вверх и вырывается сопло огня.<br>Такая оригинальная кнопка будет очень многим web-мастерам для своих сайтов, блогов или форумов с длинными страницами. <br><br>Скрипт кнопка вверх для сайта смотрится красиво и интересно. <br><br>Установка для <a href="https://dle9.com/books/dle-news/">DataLife Engine</a>: <br>Распаковать Архив<br><br>Скопируем из папки templates/&#123;THEME} в ваш <a href="https://dle9.com/besplatnye/shabloni/">шаблон dle</a> <br>Заходим в вашу тему, и в ( main.tpl <br>Перед закрывающимся тегом <pre><code>&lt;/head&gt;</code></pre> вставьте скрипт: <br><br><pre><code> &lt;script type="text/javascript" src="&#123;THEME}/js/jquery.min_raketa.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="&#123;THEME}/js/MrScrollUp_raketa.js"&gt;&lt;/script&gt; &lt;link rel="stylesheet" type="text/css" href="&#123;THEME}/css/MrScrollUp_raketa.css" /&gt; &lt;div id="MrScrollUp" style="display:none;"&gt;&lt;div class="MrScrollUp1"&gt;&lt;/div&gt;&lt;div class="MrScrollUp2"&gt;&lt;/div&gt;&lt;/div&gt;</code></pre><br> <br> Готово!<br>Скачать <a href="https://dle9.com/haki/">хаки для dle</a>, как скрипт <a href="https://dle9.com/haki/haki-other/">хак кнопки наверх</a> в виде ракеты <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3081">KnopkaNAVERH-V-VIDE-RAKETY.zip</a> [99,08 Kb] (cкачиваний: 525) </span>]]></turbo:content>[/allow-turbo]
[allow-dzen]<content:encoded><![CDATA[<a href="https://dle9.com/uploads/posts/2014-03/1394956548_knopka-vverh-v-vide-rakety-dlya-sayta-ili-bloga.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2014-03/thumbs/1394956548_knopka-vverh-v-vide-rakety-dlya-sayta-ili-bloga.jpg" style="float:left;max-width:100%;" alt=""></a><br>Представляем красивый анимационный скрипт <b>Кнопка наверх</b> в виде ракеты для сайта <a href="https://dle9.com/">DLe</a> и других порталов, нужен для быстрого перемещения к началу страницы сайта. <a href="https://dle9.com/haki/haki-other/">Хак скрипт</a> при поднятии наверх показывает как ракета вздымает вверх и вырывается сопло огня.<br>Такая оригинальная кнопка будет очень многим web-мастерам для своих сайтов, блогов или форумов с длинными страницами. <br><br>Скрипт кнопка вверх для сайта смотрится красиво и интересно. <br><br>Установка для <a href="https://dle9.com/books/dle-news/">DataLife Engine</a>: <br>Распаковать Архив<br><br>Скопируем из папки templates/&#123;THEME} в ваш <a href="https://dle9.com/besplatnye/shabloni/">шаблон dle</a> <br>Заходим в вашу тему, и в ( main.tpl <br>Перед закрывающимся тегом <pre><code>&lt;/head&gt;</code></pre> вставьте скрипт: <br><br><pre><code> &lt;script type="text/javascript" src="&#123;THEME}/js/jquery.min_raketa.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="&#123;THEME}/js/MrScrollUp_raketa.js"&gt;&lt;/script&gt; &lt;link rel="stylesheet" type="text/css" href="&#123;THEME}/css/MrScrollUp_raketa.css" /&gt; &lt;div id="MrScrollUp" style="display:none;"&gt;&lt;div class="MrScrollUp1"&gt;&lt;/div&gt;&lt;div class="MrScrollUp2"&gt;&lt;/div&gt;&lt;/div&gt;</code></pre><br> <br> Готово!<br>Скачать <a href="https://dle9.com/haki/">хаки для dle</a>, как скрипт <a href="https://dle9.com/haki/haki-other/">хак кнопки наверх</a> в виде ракеты <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3081">KnopkaNAVERH-V-VIDE-RAKETY.zip</a> [99,08 Kb] (cкачиваний: 525) </span>]]></content:encoded>[/allow-dzen]
</item>[/fullrss]
[yandexrss]<item turbo="{allow-turbo}">
<title>Кнопка наверх в виде ракеты</title>
<link>https://dle9.com/haki/3485-knopka-naverh-v-vide-rakety.html</link>
<description><a href="https://dle9.com/uploads/posts/2014-03/1394956548_knopka-vverh-v-vide-rakety-dlya-sayta-ili-bloga.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2014-03/thumbs/1394956548_knopka-vverh-v-vide-rakety-dlya-sayta-ili-bloga.jpg" style="float:left;max-width:100%;" alt=""></a><br>Представляем красивый анимационный скрипт <b>Кнопка наверх</b> в виде ракеты для сайта <a href="https://dle9.com/">DLe</a> и других порталов, нужен для быстрого перемещения к началу страницы сайта. <a href="https://dle9.com/haki/haki-other/">Хак скрипт</a> при поднятии наверх показывает как ракета вздымает вверх и вырывается сопло огня.<br>Такая оригинальная кнопка будет очень многим web-мастерам для своих сайтов, блогов или форумов с длинными страницами. <br><br>Скрипт кнопка вверх для сайта смотрится красиво и интересно. <br><br>Установка для <a href="https://dle9.com/books/dle-news/">DataLife Engine</a>: <br>Распаковать Архив<br><br>Скопируем из папки templates/&#123;THEME} в ваш <a href="https://dle9.com/besplatnye/shabloni/">шаблон dle</a> <br>Заходим в вашу тему, и в ( main.tpl <br>Перед закрывающимся тегом <pre><code>&lt;/head&gt;</code></pre> вставьте скрипт: <br><br><pre><code> &lt;script type="text/javascript" src="&#123;THEME}/js/jquery.min_raketa.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="&#123;THEME}/js/MrScrollUp_raketa.js"&gt;&lt;/script&gt; &lt;link rel="stylesheet" type="text/css" href="&#123;THEME}/css/MrScrollUp_raketa.css" /&gt; &lt;div id="MrScrollUp" style="display:none;"&gt;&lt;div class="MrScrollUp1"&gt;&lt;/div&gt;&lt;div class="MrScrollUp2"&gt;&lt;/div&gt;&lt;/div&gt;</code></pre><br> <br> Готово!<br>Скачать <a href="https://dle9.com/haki/">хаки для dle</a>, как скрипт <a href="https://dle9.com/haki/haki-other/">хак кнопки наверх</a> в виде ракеты <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3081">KnopkaNAVERH-V-VIDE-RAKETY.zip</a> [99,08 Kb] (cкачиваний: 525) </span></description>
<category>DLE хаки   Разные навороты, сборник хаков</category>
<enclosure url="https://dle9.com/uploads/posts/2014-03/thumbs/1394956548_knopka-vverh-v-vide-rakety-dlya-sayta-ili-bloga.jpg" type="image/jpeg" />
<pubDate>Mon, 16 Mar 2020 11:58:00 +0000</pubDate>
<yandex:full-text><a href="https://dle9.com/uploads/posts/2014-03/1394956548_knopka-vverh-v-vide-rakety-dlya-sayta-ili-bloga.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2014-03/thumbs/1394956548_knopka-vverh-v-vide-rakety-dlya-sayta-ili-bloga.jpg" style="float:left;max-width:100%;" alt=""></a><br>Представляем красивый анимационный скрипт <b>Кнопка наверх</b> в виде ракеты для сайта <a href="https://dle9.com/">DLe</a> и других порталов, нужен для быстрого перемещения к началу страницы сайта. <a href="https://dle9.com/haki/haki-other/">Хак скрипт</a> при поднятии наверх показывает как ракета вздымает вверх и вырывается сопло огня.<br>Такая оригинальная кнопка будет очень многим web-мастерам для своих сайтов, блогов или форумов с длинными страницами. <br><br>Скрипт кнопка вверх для сайта смотрится красиво и интересно. <br><br>Установка для <a href="https://dle9.com/books/dle-news/">DataLife Engine</a>: <br>Распаковать Архив<br><br>Скопируем из папки templates/&#123;THEME} в ваш <a href="https://dle9.com/besplatnye/shabloni/">шаблон dle</a> <br>Заходим в вашу тему, и в ( main.tpl <br>Перед закрывающимся тегом <pre><code>&lt;/head&gt;</code></pre> вставьте скрипт: <br><br><pre><code> &lt;script type="text/javascript" src="&#123;THEME}/js/jquery.min_raketa.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="&#123;THEME}/js/MrScrollUp_raketa.js"&gt;&lt;/script&gt; &lt;link rel="stylesheet" type="text/css" href="&#123;THEME}/css/MrScrollUp_raketa.css" /&gt; &lt;div id="MrScrollUp" style="display:none;"&gt;&lt;div class="MrScrollUp1"&gt;&lt;/div&gt;&lt;div class="MrScrollUp2"&gt;&lt;/div&gt;&lt;/div&gt;</code></pre><br> <br> Готово!<br>Скачать <a href="https://dle9.com/haki/">хаки для dle</a>, как скрипт <a href="https://dle9.com/haki/haki-other/">хак кнопки наверх</a> в виде ракеты <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3081">KnopkaNAVERH-V-VIDE-RAKETY.zip</a> [99,08 Kb] (cкачиваний: 525) </span></yandex:full-text>
[allow-turbo]<turbo:content><![CDATA[<a href="https://dle9.com/uploads/posts/2014-03/1394956548_knopka-vverh-v-vide-rakety-dlya-sayta-ili-bloga.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2014-03/thumbs/1394956548_knopka-vverh-v-vide-rakety-dlya-sayta-ili-bloga.jpg" style="float:left;max-width:100%;" alt=""></a><br>Представляем красивый анимационный скрипт <b>Кнопка наверх</b> в виде ракеты для сайта <a href="https://dle9.com/">DLe</a> и других порталов, нужен для быстрого перемещения к началу страницы сайта. <a href="https://dle9.com/haki/haki-other/">Хак скрипт</a> при поднятии наверх показывает как ракета вздымает вверх и вырывается сопло огня.<br>Такая оригинальная кнопка будет очень многим web-мастерам для своих сайтов, блогов или форумов с длинными страницами. <br><br>Скрипт кнопка вверх для сайта смотрится красиво и интересно. <br><br>Установка для <a href="https://dle9.com/books/dle-news/">DataLife Engine</a>: <br>Распаковать Архив<br><br>Скопируем из папки templates/&#123;THEME} в ваш <a href="https://dle9.com/besplatnye/shabloni/">шаблон dle</a> <br>Заходим в вашу тему, и в ( main.tpl <br>Перед закрывающимся тегом <pre><code>&lt;/head&gt;</code></pre> вставьте скрипт: <br><br><pre><code> &lt;script type="text/javascript" src="&#123;THEME}/js/jquery.min_raketa.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="&#123;THEME}/js/MrScrollUp_raketa.js"&gt;&lt;/script&gt; &lt;link rel="stylesheet" type="text/css" href="&#123;THEME}/css/MrScrollUp_raketa.css" /&gt; &lt;div id="MrScrollUp" style="display:none;"&gt;&lt;div class="MrScrollUp1"&gt;&lt;/div&gt;&lt;div class="MrScrollUp2"&gt;&lt;/div&gt;&lt;/div&gt;</code></pre><br> <br> Готово!<br>Скачать <a href="https://dle9.com/haki/">хаки для dle</a>, как скрипт <a href="https://dle9.com/haki/haki-other/">хак кнопки наверх</a> в виде ракеты <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3081">KnopkaNAVERH-V-VIDE-RAKETY.zip</a> [99,08 Kb] (cкачиваний: 525) </span>]]></turbo:content>[/allow-turbo]
[allow-dzen]<content:encoded><![CDATA[<a href="https://dle9.com/uploads/posts/2014-03/1394956548_knopka-vverh-v-vide-rakety-dlya-sayta-ili-bloga.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2014-03/thumbs/1394956548_knopka-vverh-v-vide-rakety-dlya-sayta-ili-bloga.jpg" style="float:left;max-width:100%;" alt=""></a><br>Представляем красивый анимационный скрипт <b>Кнопка наверх</b> в виде ракеты для сайта <a href="https://dle9.com/">DLe</a> и других порталов, нужен для быстрого перемещения к началу страницы сайта. <a href="https://dle9.com/haki/haki-other/">Хак скрипт</a> при поднятии наверх показывает как ракета вздымает вверх и вырывается сопло огня.<br>Такая оригинальная кнопка будет очень многим web-мастерам для своих сайтов, блогов или форумов с длинными страницами. <br><br>Скрипт кнопка вверх для сайта смотрится красиво и интересно. <br><br>Установка для <a href="https://dle9.com/books/dle-news/">DataLife Engine</a>: <br>Распаковать Архив<br><br>Скопируем из папки templates/&#123;THEME} в ваш <a href="https://dle9.com/besplatnye/shabloni/">шаблон dle</a> <br>Заходим в вашу тему, и в ( main.tpl <br>Перед закрывающимся тегом <pre><code>&lt;/head&gt;</code></pre> вставьте скрипт: <br><br><pre><code> &lt;script type="text/javascript" src="&#123;THEME}/js/jquery.min_raketa.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="&#123;THEME}/js/MrScrollUp_raketa.js"&gt;&lt;/script&gt; &lt;link rel="stylesheet" type="text/css" href="&#123;THEME}/css/MrScrollUp_raketa.css" /&gt; &lt;div id="MrScrollUp" style="display:none;"&gt;&lt;div class="MrScrollUp1"&gt;&lt;/div&gt;&lt;div class="MrScrollUp2"&gt;&lt;/div&gt;&lt;/div&gt;</code></pre><br> <br> Готово!<br>Скачать <a href="https://dle9.com/haki/">хаки для dle</a>, как скрипт <a href="https://dle9.com/haki/haki-other/">хак кнопки наверх</a> в виде ракеты <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3081">KnopkaNAVERH-V-VIDE-RAKETY.zip</a> [99,08 Kb] (cкачиваний: 525) </span>]]></content:encoded>[/allow-dzen]
</item>[/yandexrss][shortrss]<item turbo="{allow-turbo}">
<title>Два варианта новогодние елочные украшения на JS-скрипте</title>
<guid isPermaLink="true">https://dle9.com/haki/2554-dva-varianta-novogodnie-elochnye-ukrasheniya-na-js-skripte.html</guid>
<link>https://dle9.com/haki/2554-dva-varianta-novogodnie-elochnye-ukrasheniya-na-js-skripte.html</link>
<description><a href="https://dle9.com/uploads/posts/2012-12/1355228394_new-year-motnyay.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2012-12/thumbs/1355228394_new-year-motnyay.jpg" style="float:left;max-width:100%;" alt=""></a><br>Сейчас, многие уже начали наряжать свои сайты в новогодние украшения, елочные игрушки и гирлянды с веточками ели. Все говорит о наступлении праздника «Новый Год», с чем мы dle9.com Вас всех поздравляем!<br><br>Вот таких два варианта <a href="https://dle9.com/haki/hak-dle/">хак для dle</a> на JS-скрипте красивого елочного оформления со звуковым эффектом и анимацией, любой из Вас сможет установить на свой сайт, тем самым не меняя дизайн чудесным образом разукрасить в новогоднее убранство, что думаю многим вашим посетителям понравится. Похожий вариант оформления на JS-скрипте можно было видеть на сайте Яндекса в прошлом году, другой вариант просто в дополнении к первому. <br><img src="https://dle9.com/uploads/posts/2012-12/1355228422_elka-left.jpg" style="float:left;max-width:100%;" alt="Два варианта новогодние елочные украшения на JS-скрипте"><br>Новогодние шарики для сайта. Со звуком!<br><br>Добавить нечего особо .<br>В Европе уже подготавливаются к новому году, а мы как всегда на последней недельке... Добавьте праздничное настроение своим посетителям уже сегодня! Если у вас есть хорошая идея и вы желаете обладать эксклюзивными правами, то возможна регистрация в таком сервисе патента товарного знака для РФ окажется полезным многим или сделать таким образом подарок, мало ли всякое возможно.<br><br>Итак приступим, более подробная инструкция внутри архива. Пути прописывал для <a href="https://dle9.com/">DLE</a>. Если что, поправляйте. Ничего сложного нету.<br>Заметил, что в Опере не отображается, а в IE вроде не двигаются шарики )<br><br>Здесь обращаю внимание:<br>Скрипт <br><br><pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt; </code></pre><br><br>возможно не понадобится, или будет конфликт<br><br>Предлагаю еще один вариант, для украшения вашего сайта новогодним настроением. Аккуратная ветка в левом углу экрана. Лично мне понравилось.<br><br><br>1. Создайте папку <b>newyear</b> и все файлы из папки new_year_motnyay добавьте в эту папку (Внимание! не саму папку) <br><br>В main.tpl вашего шаблона после тега<br><br><pre><code>&lt;body&gt;</code></pre><br><br>Добавляем следующий код в любом удобном месте <br><br><pre><code>&lt;div class="b-page_newyear"&gt; &lt;div class="b-page__content"&gt; &lt;!-- новогодняя мотня newyear.html --&gt; &lt;i class="b-head-decor"&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n1"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n2"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n3"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n4"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n5"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n6"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n7"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;/i&gt; &lt;/div&gt; &lt;/div&gt;</code></pre><br><br>В main.tpl вашего шаблона перед тегом <br><br><pre><code>&lt;/head&gt; </code></pre><br><br>Добавляем код <br><br><pre><code>&lt;link rel="stylesheet" href="/templates/Default/newyear/style.css"&gt; &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/templates/Default/newyear/swfobject.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/templates/Default/newyear/newyear.js"&gt;&lt;/script&gt;</code></pre><br><br>Это делать не обязательно при тестировании на Дефолтном шаблоне все нормально работало!<br>Здесь обращаю внимание:<br>Скрипт <pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt;</code></pre> возможно не понадобится, или будет конфликт. Я его у себя не прописывал, т.к. был конфликт.<br><br><br>В файле newyear.js нужно прописать прямой путь к звуковому файлу ny2012.swf<br><br><pre><code>var i = "http://www.вашсайт/templates/Default/newyear/ny2012.swf";</code></pre><br><br>не забыванием изменить ваш домин и название шаблона<br><br>Настройка расположения:<br>В CSS стилях возможно вам придется подправить значения ширины, margin, top. Они находятся сразу же на верху и выглядят так:<br><br><pre><code>body{position:relative;z-index:0;margin:0;padding:0 0 1em 0;} .b-page__content{min-height:50px}</code></pre><br><br><br>Предлагаем из раздела <a href="https://dle9.com/haki/">хаки для dle</a>, познакомиться с хаком<b> два варианта новогодние елочные украшения на JS-скрипте</b> и новогодняя украшенная ель с левой стороны <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3674">New_year_motnyay-Elka-left.rar</a> [409,19 Kb] (cкачиваний: 371) </span></description>
[allow-turbo]<turbo:content><![CDATA[<a href="https://dle9.com/uploads/posts/2012-12/1355228394_new-year-motnyay.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2012-12/thumbs/1355228394_new-year-motnyay.jpg" style="float:left;max-width:100%;" alt=""></a><br>Сейчас, многие уже начали наряжать свои сайты в новогодние украшения, елочные игрушки и гирлянды с веточками ели. Все говорит о наступлении праздника «Новый Год», с чем мы dle9.com Вас всех поздравляем!<br><br>Вот таких два варианта <a href="https://dle9.com/haki/hak-dle/">хак для dle</a> на JS-скрипте красивого елочного оформления со звуковым эффектом и анимацией, любой из Вас сможет установить на свой сайт, тем самым не меняя дизайн чудесным образом разукрасить в новогоднее убранство, что думаю многим вашим посетителям понравится. Похожий вариант оформления на JS-скрипте можно было видеть на сайте Яндекса в прошлом году, другой вариант просто в дополнении к первому. <br><img src="https://dle9.com/uploads/posts/2012-12/1355228422_elka-left.jpg" style="float:left;max-width:100%;" alt="Два варианта новогодние елочные украшения на JS-скрипте"><br>Новогодние шарики для сайта. Со звуком!<br><br>Добавить нечего особо .<br>В Европе уже подготавливаются к новому году, а мы как всегда на последней недельке... Добавьте праздничное настроение своим посетителям уже сегодня! Если у вас есть хорошая идея и вы желаете обладать эксклюзивными правами, то возможна регистрация в таком сервисе патента товарного знака для РФ окажется полезным многим или сделать таким образом подарок, мало ли всякое возможно.<br><br>Итак приступим, более подробная инструкция внутри архива. Пути прописывал для <a href="https://dle9.com/">DLE</a>. Если что, поправляйте. Ничего сложного нету.<br>Заметил, что в Опере не отображается, а в IE вроде не двигаются шарики )<br><br>Здесь обращаю внимание:<br>Скрипт <br><br><pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt; </code></pre><br><br>возможно не понадобится, или будет конфликт<br><br>Предлагаю еще один вариант, для украшения вашего сайта новогодним настроением. Аккуратная ветка в левом углу экрана. Лично мне понравилось.<br><br><br>1. Создайте папку <b>newyear</b> и все файлы из папки new_year_motnyay добавьте в эту папку (Внимание! не саму папку) <br><br>В main.tpl вашего шаблона после тега<br><br><pre><code>&lt;body&gt;</code></pre><br><br>Добавляем следующий код в любом удобном месте <br><br><pre><code>&lt;div class="b-page_newyear"&gt; &lt;div class="b-page__content"&gt; &lt;!-- новогодняя мотня newyear.html --&gt; &lt;i class="b-head-decor"&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n1"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n2"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n3"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n4"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n5"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n6"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n7"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;/i&gt; &lt;/div&gt; &lt;/div&gt;</code></pre><br><br>В main.tpl вашего шаблона перед тегом <br><br><pre><code>&lt;/head&gt; </code></pre><br><br>Добавляем код <br><br><pre><code>&lt;link rel="stylesheet" href="/templates/Default/newyear/style.css"&gt; &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/templates/Default/newyear/swfobject.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/templates/Default/newyear/newyear.js"&gt;&lt;/script&gt;</code></pre><br><br>Это делать не обязательно при тестировании на Дефолтном шаблоне все нормально работало!<br>Здесь обращаю внимание:<br>Скрипт <pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt;</code></pre> возможно не понадобится, или будет конфликт. Я его у себя не прописывал, т.к. был конфликт.<br><br><br>В файле newyear.js нужно прописать прямой путь к звуковому файлу ny2012.swf<br><br><pre><code>var i = "http://www.вашсайт/templates/Default/newyear/ny2012.swf";</code></pre><br><br>не забыванием изменить ваш домин и название шаблона<br><br>Настройка расположения:<br>В CSS стилях возможно вам придется подправить значения ширины, margin, top. Они находятся сразу же на верху и выглядят так:<br><br><pre><code>body{position:relative;z-index:0;margin:0;padding:0 0 1em 0;} .b-page__content{min-height:50px}</code></pre><br><br><br>Предлагаем из раздела <a href="https://dle9.com/haki/">хаки для dle</a>, познакомиться с хаком<b> два варианта новогодние елочные украшения на JS-скрипте</b> и новогодняя украшенная ель с левой стороны <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3674">New_year_motnyay-Elka-left.rar</a> [409,19 Kb] (cкачиваний: 371) </span>]]></turbo:content>[/allow-turbo]
<category>DLE хаки   Разные навороты, сборник хаков</category>
<dc:creator>dle9.com</dc:creator>
<pubDate>Sun, 22 Dec 2019 12:16:00 +0000</pubDate>
</item>[/shortrss]
[fullrss]<item turbo="{allow-turbo}">
<title>Два варианта новогодние елочные украшения на JS-скрипте</title>
<guid isPermaLink="true">https://dle9.com/haki/2554-dva-varianta-novogodnie-elochnye-ukrasheniya-na-js-skripte.html</guid>
<link>https://dle9.com/haki/2554-dva-varianta-novogodnie-elochnye-ukrasheniya-na-js-skripte.html</link>
<category><![CDATA[DLE хаки   Разные навороты, сборник хаков]]></category>
<dc:creator>dle9.com</dc:creator>
<pubDate>Sun, 22 Dec 2019 12:16:00 +0000</pubDate>
<description><![CDATA[<a href="https://dle9.com/uploads/posts/2012-12/1355228394_new-year-motnyay.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2012-12/thumbs/1355228394_new-year-motnyay.jpg" style="float:left;max-width:100%;" alt=""></a><br>Сейчас, многие уже начали наряжать свои сайты в новогодние украшения, елочные игрушки и гирлянды с веточками ели. Все говорит о наступлении праздника «Новый Год», с чем мы dle9.com Вас всех поздравляем!<br><br>Вот таких два варианта <a href="https://dle9.com/haki/hak-dle/">хак для dle</a> на JS-скрипте красивого елочного оформления со звуковым эффектом и анимацией, любой из Вас сможет установить на свой сайт, тем самым не меняя дизайн чудесным образом разукрасить в новогоднее убранство, что думаю многим вашим посетителям понравится. Похожий вариант оформления на JS-скрипте можно было видеть на сайте Яндекса в прошлом году, другой вариант просто в дополнении к первому. <br><img src="https://dle9.com/uploads/posts/2012-12/1355228422_elka-left.jpg" style="float:left;max-width:100%;" alt="Два варианта новогодние елочные украшения на JS-скрипте"><br>Новогодние шарики для сайта. Со звуком!<br><br>Добавить нечего особо .<br>В Европе уже подготавливаются к новому году, а мы как всегда на последней недельке... Добавьте праздничное настроение своим посетителям уже сегодня! Если у вас есть хорошая идея и вы желаете обладать эксклюзивными правами, то возможна регистрация в таком сервисе патента товарного знака для РФ окажется полезным многим или сделать таким образом подарок, мало ли всякое возможно.<br><br>Итак приступим, более подробная инструкция внутри архива. Пути прописывал для <a href="https://dle9.com/">DLE</a>. Если что, поправляйте. Ничего сложного нету.<br>Заметил, что в Опере не отображается, а в IE вроде не двигаются шарики )<br><br>Здесь обращаю внимание:<br>Скрипт <br><br><pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt; </code></pre><br><br>возможно не понадобится, или будет конфликт<br><br>Предлагаю еще один вариант, для украшения вашего сайта новогодним настроением. Аккуратная ветка в левом углу экрана. Лично мне понравилось.<br><br><br>1. Создайте папку <b>newyear</b> и все файлы из папки new_year_motnyay добавьте в эту папку (Внимание! не саму папку) <br><br>В main.tpl вашего шаблона после тега<br><br><pre><code>&lt;body&gt;</code></pre><br><br>Добавляем следующий код в любом удобном месте <br><br><pre><code>&lt;div class="b-page_newyear"&gt; &lt;div class="b-page__content"&gt; &lt;!-- новогодняя мотня newyear.html --&gt; &lt;i class="b-head-decor"&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n1"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n2"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n3"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n4"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n5"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n6"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n7"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;/i&gt; &lt;/div&gt; &lt;/div&gt;</code></pre><br><br>В main.tpl вашего шаблона перед тегом <br><br><pre><code>&lt;/head&gt; </code></pre><br><br>Добавляем код <br><br><pre><code>&lt;link rel="stylesheet" href="/templates/Default/newyear/style.css"&gt; &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/templates/Default/newyear/swfobject.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/templates/Default/newyear/newyear.js"&gt;&lt;/script&gt;</code></pre><br><br>Это делать не обязательно при тестировании на Дефолтном шаблоне все нормально работало!<br>Здесь обращаю внимание:<br>Скрипт <pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt;</code></pre> возможно не понадобится, или будет конфликт. Я его у себя не прописывал, т.к. был конфликт.<br><br><br>В файле newyear.js нужно прописать прямой путь к звуковому файлу ny2012.swf<br><br><pre><code>var i = "http://www.вашсайт/templates/Default/newyear/ny2012.swf";</code></pre><br><br>не забыванием изменить ваш домин и название шаблона<br><br>Настройка расположения:<br>В CSS стилях возможно вам придется подправить значения ширины, margin, top. Они находятся сразу же на верху и выглядят так:<br><br><pre><code>body{position:relative;z-index:0;margin:0;padding:0 0 1em 0;} .b-page__content{min-height:50px}</code></pre><br><br><br>Предлагаем из раздела <a href="https://dle9.com/haki/">хаки для dle</a>, познакомиться с хаком<b> два варианта новогодние елочные украшения на JS-скрипте</b> и новогодняя украшенная ель с левой стороны <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3674">New_year_motnyay-Elka-left.rar</a> [409,19 Kb] (cкачиваний: 371) </span>]]></description>
[allow-turbo]<turbo:content><![CDATA[<a href="https://dle9.com/uploads/posts/2012-12/1355228394_new-year-motnyay.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2012-12/thumbs/1355228394_new-year-motnyay.jpg" style="float:left;max-width:100%;" alt=""></a><br>Сейчас, многие уже начали наряжать свои сайты в новогодние украшения, елочные игрушки и гирлянды с веточками ели. Все говорит о наступлении праздника «Новый Год», с чем мы dle9.com Вас всех поздравляем!<br><br>Вот таких два варианта <a href="https://dle9.com/haki/hak-dle/">хак для dle</a> на JS-скрипте красивого елочного оформления со звуковым эффектом и анимацией, любой из Вас сможет установить на свой сайт, тем самым не меняя дизайн чудесным образом разукрасить в новогоднее убранство, что думаю многим вашим посетителям понравится. Похожий вариант оформления на JS-скрипте можно было видеть на сайте Яндекса в прошлом году, другой вариант просто в дополнении к первому. <br><img src="https://dle9.com/uploads/posts/2012-12/1355228422_elka-left.jpg" style="float:left;max-width:100%;" alt="Два варианта новогодние елочные украшения на JS-скрипте"><br>Новогодние шарики для сайта. Со звуком!<br><br>Добавить нечего особо .<br>В Европе уже подготавливаются к новому году, а мы как всегда на последней недельке... Добавьте праздничное настроение своим посетителям уже сегодня! Если у вас есть хорошая идея и вы желаете обладать эксклюзивными правами, то возможна регистрация в таком сервисе патента товарного знака для РФ окажется полезным многим или сделать таким образом подарок, мало ли всякое возможно.<br><br>Итак приступим, более подробная инструкция внутри архива. Пути прописывал для <a href="https://dle9.com/">DLE</a>. Если что, поправляйте. Ничего сложного нету.<br>Заметил, что в Опере не отображается, а в IE вроде не двигаются шарики )<br><br>Здесь обращаю внимание:<br>Скрипт <br><br><pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt; </code></pre><br><br>возможно не понадобится, или будет конфликт<br><br>Предлагаю еще один вариант, для украшения вашего сайта новогодним настроением. Аккуратная ветка в левом углу экрана. Лично мне понравилось.<br><br><br>1. Создайте папку <b>newyear</b> и все файлы из папки new_year_motnyay добавьте в эту папку (Внимание! не саму папку) <br><br>В main.tpl вашего шаблона после тега<br><br><pre><code>&lt;body&gt;</code></pre><br><br>Добавляем следующий код в любом удобном месте <br><br><pre><code>&lt;div class="b-page_newyear"&gt; &lt;div class="b-page__content"&gt; &lt;!-- новогодняя мотня newyear.html --&gt; &lt;i class="b-head-decor"&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n1"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n2"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n3"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n4"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n5"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n6"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n7"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;/i&gt; &lt;/div&gt; &lt;/div&gt;</code></pre><br><br>В main.tpl вашего шаблона перед тегом <br><br><pre><code>&lt;/head&gt; </code></pre><br><br>Добавляем код <br><br><pre><code>&lt;link rel="stylesheet" href="/templates/Default/newyear/style.css"&gt; &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/templates/Default/newyear/swfobject.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/templates/Default/newyear/newyear.js"&gt;&lt;/script&gt;</code></pre><br><br>Это делать не обязательно при тестировании на Дефолтном шаблоне все нормально работало!<br>Здесь обращаю внимание:<br>Скрипт <pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt;</code></pre> возможно не понадобится, или будет конфликт. Я его у себя не прописывал, т.к. был конфликт.<br><br><br>В файле newyear.js нужно прописать прямой путь к звуковому файлу ny2012.swf<br><br><pre><code>var i = "http://www.вашсайт/templates/Default/newyear/ny2012.swf";</code></pre><br><br>не забыванием изменить ваш домин и название шаблона<br><br>Настройка расположения:<br>В CSS стилях возможно вам придется подправить значения ширины, margin, top. Они находятся сразу же на верху и выглядят так:<br><br><pre><code>body{position:relative;z-index:0;margin:0;padding:0 0 1em 0;} .b-page__content{min-height:50px}</code></pre><br><br><br>Предлагаем из раздела <a href="https://dle9.com/haki/">хаки для dle</a>, познакомиться с хаком<b> два варианта новогодние елочные украшения на JS-скрипте</b> и новогодняя украшенная ель с левой стороны <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3674">New_year_motnyay-Elka-left.rar</a> [409,19 Kb] (cкачиваний: 371) </span>]]></turbo:content>[/allow-turbo]
[allow-dzen]<content:encoded><![CDATA[<a href="https://dle9.com/uploads/posts/2012-12/1355228394_new-year-motnyay.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2012-12/thumbs/1355228394_new-year-motnyay.jpg" style="float:left;max-width:100%;" alt=""></a><br>Сейчас, многие уже начали наряжать свои сайты в новогодние украшения, елочные игрушки и гирлянды с веточками ели. Все говорит о наступлении праздника «Новый Год», с чем мы dle9.com Вас всех поздравляем!<br><br>Вот таких два варианта <a href="https://dle9.com/haki/hak-dle/">хак для dle</a> на JS-скрипте красивого елочного оформления со звуковым эффектом и анимацией, любой из Вас сможет установить на свой сайт, тем самым не меняя дизайн чудесным образом разукрасить в новогоднее убранство, что думаю многим вашим посетителям понравится. Похожий вариант оформления на JS-скрипте можно было видеть на сайте Яндекса в прошлом году, другой вариант просто в дополнении к первому. <br><img src="https://dle9.com/uploads/posts/2012-12/1355228422_elka-left.jpg" style="float:left;max-width:100%;" alt="Два варианта новогодние елочные украшения на JS-скрипте"><br>Новогодние шарики для сайта. Со звуком!<br><br>Добавить нечего особо .<br>В Европе уже подготавливаются к новому году, а мы как всегда на последней недельке... Добавьте праздничное настроение своим посетителям уже сегодня! Если у вас есть хорошая идея и вы желаете обладать эксклюзивными правами, то возможна регистрация в таком сервисе патента товарного знака для РФ окажется полезным многим или сделать таким образом подарок, мало ли всякое возможно.<br><br>Итак приступим, более подробная инструкция внутри архива. Пути прописывал для <a href="https://dle9.com/">DLE</a>. Если что, поправляйте. Ничего сложного нету.<br>Заметил, что в Опере не отображается, а в IE вроде не двигаются шарики )<br><br>Здесь обращаю внимание:<br>Скрипт <br><br><pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt; </code></pre><br><br>возможно не понадобится, или будет конфликт<br><br>Предлагаю еще один вариант, для украшения вашего сайта новогодним настроением. Аккуратная ветка в левом углу экрана. Лично мне понравилось.<br><br><br>1. Создайте папку <b>newyear</b> и все файлы из папки new_year_motnyay добавьте в эту папку (Внимание! не саму папку) <br><br>В main.tpl вашего шаблона после тега<br><br><pre><code>&lt;body&gt;</code></pre><br><br>Добавляем следующий код в любом удобном месте <br><br><pre><code>&lt;div class="b-page_newyear"&gt; &lt;div class="b-page__content"&gt; &lt;!-- новогодняя мотня newyear.html --&gt; &lt;i class="b-head-decor"&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n1"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n2"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n3"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n4"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n5"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n6"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n7"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;/i&gt; &lt;/div&gt; &lt;/div&gt;</code></pre><br><br>В main.tpl вашего шаблона перед тегом <br><br><pre><code>&lt;/head&gt; </code></pre><br><br>Добавляем код <br><br><pre><code>&lt;link rel="stylesheet" href="/templates/Default/newyear/style.css"&gt; &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/templates/Default/newyear/swfobject.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/templates/Default/newyear/newyear.js"&gt;&lt;/script&gt;</code></pre><br><br>Это делать не обязательно при тестировании на Дефолтном шаблоне все нормально работало!<br>Здесь обращаю внимание:<br>Скрипт <pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt;</code></pre> возможно не понадобится, или будет конфликт. Я его у себя не прописывал, т.к. был конфликт.<br><br><br>В файле newyear.js нужно прописать прямой путь к звуковому файлу ny2012.swf<br><br><pre><code>var i = "http://www.вашсайт/templates/Default/newyear/ny2012.swf";</code></pre><br><br>не забыванием изменить ваш домин и название шаблона<br><br>Настройка расположения:<br>В CSS стилях возможно вам придется подправить значения ширины, margin, top. Они находятся сразу же на верху и выглядят так:<br><br><pre><code>body{position:relative;z-index:0;margin:0;padding:0 0 1em 0;} .b-page__content{min-height:50px}</code></pre><br><br><br>Предлагаем из раздела <a href="https://dle9.com/haki/">хаки для dle</a>, познакомиться с хаком<b> два варианта новогодние елочные украшения на JS-скрипте</b> и новогодняя украшенная ель с левой стороны <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3674">New_year_motnyay-Elka-left.rar</a> [409,19 Kb] (cкачиваний: 371) </span>]]></content:encoded>[/allow-dzen]
</item>[/fullrss]
[yandexrss]<item turbo="{allow-turbo}">
<title>Два варианта новогодние елочные украшения на JS-скрипте</title>
<link>https://dle9.com/haki/2554-dva-varianta-novogodnie-elochnye-ukrasheniya-na-js-skripte.html</link>
<description><a href="https://dle9.com/uploads/posts/2012-12/1355228394_new-year-motnyay.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2012-12/thumbs/1355228394_new-year-motnyay.jpg" style="float:left;max-width:100%;" alt=""></a><br>Сейчас, многие уже начали наряжать свои сайты в новогодние украшения, елочные игрушки и гирлянды с веточками ели. Все говорит о наступлении праздника «Новый Год», с чем мы dle9.com Вас всех поздравляем!<br><br>Вот таких два варианта <a href="https://dle9.com/haki/hak-dle/">хак для dle</a> на JS-скрипте красивого елочного оформления со звуковым эффектом и анимацией, любой из Вас сможет установить на свой сайт, тем самым не меняя дизайн чудесным образом разукрасить в новогоднее убранство, что думаю многим вашим посетителям понравится. Похожий вариант оформления на JS-скрипте можно было видеть на сайте Яндекса в прошлом году, другой вариант просто в дополнении к первому. <br><img src="https://dle9.com/uploads/posts/2012-12/1355228422_elka-left.jpg" style="float:left;max-width:100%;" alt="Два варианта новогодние елочные украшения на JS-скрипте"><br>Новогодние шарики для сайта. Со звуком!<br><br>Добавить нечего особо .<br>В Европе уже подготавливаются к новому году, а мы как всегда на последней недельке... Добавьте праздничное настроение своим посетителям уже сегодня! Если у вас есть хорошая идея и вы желаете обладать эксклюзивными правами, то возможна регистрация в таком сервисе патента товарного знака для РФ окажется полезным многим или сделать таким образом подарок, мало ли всякое возможно.<br><br>Итак приступим, более подробная инструкция внутри архива. Пути прописывал для <a href="https://dle9.com/">DLE</a>. Если что, поправляйте. Ничего сложного нету.<br>Заметил, что в Опере не отображается, а в IE вроде не двигаются шарики )<br><br>Здесь обращаю внимание:<br>Скрипт <br><br><pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt; </code></pre><br><br>возможно не понадобится, или будет конфликт<br><br>Предлагаю еще один вариант, для украшения вашего сайта новогодним настроением. Аккуратная ветка в левом углу экрана. Лично мне понравилось.<br><br><br>1. Создайте папку <b>newyear</b> и все файлы из папки new_year_motnyay добавьте в эту папку (Внимание! не саму папку) <br><br>В main.tpl вашего шаблона после тега<br><br><pre><code>&lt;body&gt;</code></pre><br><br>Добавляем следующий код в любом удобном месте <br><br><pre><code>&lt;div class="b-page_newyear"&gt; &lt;div class="b-page__content"&gt; &lt;!-- новогодняя мотня newyear.html --&gt; &lt;i class="b-head-decor"&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n1"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n2"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n3"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n4"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n5"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n6"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n7"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;/i&gt; &lt;/div&gt; &lt;/div&gt;</code></pre><br><br>В main.tpl вашего шаблона перед тегом <br><br><pre><code>&lt;/head&gt; </code></pre><br><br>Добавляем код <br><br><pre><code>&lt;link rel="stylesheet" href="/templates/Default/newyear/style.css"&gt; &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/templates/Default/newyear/swfobject.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/templates/Default/newyear/newyear.js"&gt;&lt;/script&gt;</code></pre><br><br>Это делать не обязательно при тестировании на Дефолтном шаблоне все нормально работало!<br>Здесь обращаю внимание:<br>Скрипт <pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt;</code></pre> возможно не понадобится, или будет конфликт. Я его у себя не прописывал, т.к. был конфликт.<br><br><br>В файле newyear.js нужно прописать прямой путь к звуковому файлу ny2012.swf<br><br><pre><code>var i = "http://www.вашсайт/templates/Default/newyear/ny2012.swf";</code></pre><br><br>не забыванием изменить ваш домин и название шаблона<br><br>Настройка расположения:<br>В CSS стилях возможно вам придется подправить значения ширины, margin, top. Они находятся сразу же на верху и выглядят так:<br><br><pre><code>body{position:relative;z-index:0;margin:0;padding:0 0 1em 0;} .b-page__content{min-height:50px}</code></pre><br><br><br>Предлагаем из раздела <a href="https://dle9.com/haki/">хаки для dle</a>, познакомиться с хаком<b> два варианта новогодние елочные украшения на JS-скрипте</b> и новогодняя украшенная ель с левой стороны <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3674">New_year_motnyay-Elka-left.rar</a> [409,19 Kb] (cкачиваний: 371) </span></description>
<category>DLE хаки   Разные навороты, сборник хаков</category>
<enclosure url="https://dle9.com/uploads/posts/2012-12/thumbs/1355228394_new-year-motnyay.jpg" type="image/jpeg" />
<enclosure url="https://dle9.com/uploads/posts/2012-12/1355228422_elka-left.jpg" type="image/jpeg" />
<pubDate>Sun, 22 Dec 2019 12:16:00 +0000</pubDate>
<yandex:full-text><a href="https://dle9.com/uploads/posts/2012-12/1355228394_new-year-motnyay.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2012-12/thumbs/1355228394_new-year-motnyay.jpg" style="float:left;max-width:100%;" alt=""></a><br>Сейчас, многие уже начали наряжать свои сайты в новогодние украшения, елочные игрушки и гирлянды с веточками ели. Все говорит о наступлении праздника «Новый Год», с чем мы dle9.com Вас всех поздравляем!<br><br>Вот таких два варианта <a href="https://dle9.com/haki/hak-dle/">хак для dle</a> на JS-скрипте красивого елочного оформления со звуковым эффектом и анимацией, любой из Вас сможет установить на свой сайт, тем самым не меняя дизайн чудесным образом разукрасить в новогоднее убранство, что думаю многим вашим посетителям понравится. Похожий вариант оформления на JS-скрипте можно было видеть на сайте Яндекса в прошлом году, другой вариант просто в дополнении к первому. <br><img src="https://dle9.com/uploads/posts/2012-12/1355228422_elka-left.jpg" style="float:left;max-width:100%;" alt="Два варианта новогодние елочные украшения на JS-скрипте"><br>Новогодние шарики для сайта. Со звуком!<br><br>Добавить нечего особо .<br>В Европе уже подготавливаются к новому году, а мы как всегда на последней недельке... Добавьте праздничное настроение своим посетителям уже сегодня! Если у вас есть хорошая идея и вы желаете обладать эксклюзивными правами, то возможна регистрация в таком сервисе патента товарного знака для РФ окажется полезным многим или сделать таким образом подарок, мало ли всякое возможно.<br><br>Итак приступим, более подробная инструкция внутри архива. Пути прописывал для <a href="https://dle9.com/">DLE</a>. Если что, поправляйте. Ничего сложного нету.<br>Заметил, что в Опере не отображается, а в IE вроде не двигаются шарики )<br><br>Здесь обращаю внимание:<br>Скрипт <br><br><pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt; </code></pre><br><br>возможно не понадобится, или будет конфликт<br><br>Предлагаю еще один вариант, для украшения вашего сайта новогодним настроением. Аккуратная ветка в левом углу экрана. Лично мне понравилось.<br><br><br>1. Создайте папку <b>newyear</b> и все файлы из папки new_year_motnyay добавьте в эту папку (Внимание! не саму папку) <br><br>В main.tpl вашего шаблона после тега<br><br><pre><code>&lt;body&gt;</code></pre><br><br>Добавляем следующий код в любом удобном месте <br><br><pre><code>&lt;div class="b-page_newyear"&gt; &lt;div class="b-page__content"&gt; &lt;!-- новогодняя мотня newyear.html --&gt; &lt;i class="b-head-decor"&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n1"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n2"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n3"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n4"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n5"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n6"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n7"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;/i&gt; &lt;/div&gt; &lt;/div&gt;</code></pre><br><br>В main.tpl вашего шаблона перед тегом <br><br><pre><code>&lt;/head&gt; </code></pre><br><br>Добавляем код <br><br><pre><code>&lt;link rel="stylesheet" href="/templates/Default/newyear/style.css"&gt; &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/templates/Default/newyear/swfobject.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/templates/Default/newyear/newyear.js"&gt;&lt;/script&gt;</code></pre><br><br>Это делать не обязательно при тестировании на Дефолтном шаблоне все нормально работало!<br>Здесь обращаю внимание:<br>Скрипт <pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt;</code></pre> возможно не понадобится, или будет конфликт. Я его у себя не прописывал, т.к. был конфликт.<br><br><br>В файле newyear.js нужно прописать прямой путь к звуковому файлу ny2012.swf<br><br><pre><code>var i = "http://www.вашсайт/templates/Default/newyear/ny2012.swf";</code></pre><br><br>не забыванием изменить ваш домин и название шаблона<br><br>Настройка расположения:<br>В CSS стилях возможно вам придется подправить значения ширины, margin, top. Они находятся сразу же на верху и выглядят так:<br><br><pre><code>body{position:relative;z-index:0;margin:0;padding:0 0 1em 0;} .b-page__content{min-height:50px}</code></pre><br><br><br>Предлагаем из раздела <a href="https://dle9.com/haki/">хаки для dle</a>, познакомиться с хаком<b> два варианта новогодние елочные украшения на JS-скрипте</b> и новогодняя украшенная ель с левой стороны <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3674">New_year_motnyay-Elka-left.rar</a> [409,19 Kb] (cкачиваний: 371) </span></yandex:full-text>
[allow-turbo]<turbo:content><![CDATA[<a href="https://dle9.com/uploads/posts/2012-12/1355228394_new-year-motnyay.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2012-12/thumbs/1355228394_new-year-motnyay.jpg" style="float:left;max-width:100%;" alt=""></a><br>Сейчас, многие уже начали наряжать свои сайты в новогодние украшения, елочные игрушки и гирлянды с веточками ели. Все говорит о наступлении праздника «Новый Год», с чем мы dle9.com Вас всех поздравляем!<br><br>Вот таких два варианта <a href="https://dle9.com/haki/hak-dle/">хак для dle</a> на JS-скрипте красивого елочного оформления со звуковым эффектом и анимацией, любой из Вас сможет установить на свой сайт, тем самым не меняя дизайн чудесным образом разукрасить в новогоднее убранство, что думаю многим вашим посетителям понравится. Похожий вариант оформления на JS-скрипте можно было видеть на сайте Яндекса в прошлом году, другой вариант просто в дополнении к первому. <br><img src="https://dle9.com/uploads/posts/2012-12/1355228422_elka-left.jpg" style="float:left;max-width:100%;" alt="Два варианта новогодние елочные украшения на JS-скрипте"><br>Новогодние шарики для сайта. Со звуком!<br><br>Добавить нечего особо .<br>В Европе уже подготавливаются к новому году, а мы как всегда на последней недельке... Добавьте праздничное настроение своим посетителям уже сегодня! Если у вас есть хорошая идея и вы желаете обладать эксклюзивными правами, то возможна регистрация в таком сервисе патента товарного знака для РФ окажется полезным многим или сделать таким образом подарок, мало ли всякое возможно.<br><br>Итак приступим, более подробная инструкция внутри архива. Пути прописывал для <a href="https://dle9.com/">DLE</a>. Если что, поправляйте. Ничего сложного нету.<br>Заметил, что в Опере не отображается, а в IE вроде не двигаются шарики )<br><br>Здесь обращаю внимание:<br>Скрипт <br><br><pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt; </code></pre><br><br>возможно не понадобится, или будет конфликт<br><br>Предлагаю еще один вариант, для украшения вашего сайта новогодним настроением. Аккуратная ветка в левом углу экрана. Лично мне понравилось.<br><br><br>1. Создайте папку <b>newyear</b> и все файлы из папки new_year_motnyay добавьте в эту папку (Внимание! не саму папку) <br><br>В main.tpl вашего шаблона после тега<br><br><pre><code>&lt;body&gt;</code></pre><br><br>Добавляем следующий код в любом удобном месте <br><br><pre><code>&lt;div class="b-page_newyear"&gt; &lt;div class="b-page__content"&gt; &lt;!-- новогодняя мотня newyear.html --&gt; &lt;i class="b-head-decor"&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n1"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n2"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n3"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n4"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n5"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n6"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n7"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;/i&gt; &lt;/div&gt; &lt;/div&gt;</code></pre><br><br>В main.tpl вашего шаблона перед тегом <br><br><pre><code>&lt;/head&gt; </code></pre><br><br>Добавляем код <br><br><pre><code>&lt;link rel="stylesheet" href="/templates/Default/newyear/style.css"&gt; &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/templates/Default/newyear/swfobject.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/templates/Default/newyear/newyear.js"&gt;&lt;/script&gt;</code></pre><br><br>Это делать не обязательно при тестировании на Дефолтном шаблоне все нормально работало!<br>Здесь обращаю внимание:<br>Скрипт <pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt;</code></pre> возможно не понадобится, или будет конфликт. Я его у себя не прописывал, т.к. был конфликт.<br><br><br>В файле newyear.js нужно прописать прямой путь к звуковому файлу ny2012.swf<br><br><pre><code>var i = "http://www.вашсайт/templates/Default/newyear/ny2012.swf";</code></pre><br><br>не забыванием изменить ваш домин и название шаблона<br><br>Настройка расположения:<br>В CSS стилях возможно вам придется подправить значения ширины, margin, top. Они находятся сразу же на верху и выглядят так:<br><br><pre><code>body{position:relative;z-index:0;margin:0;padding:0 0 1em 0;} .b-page__content{min-height:50px}</code></pre><br><br><br>Предлагаем из раздела <a href="https://dle9.com/haki/">хаки для dle</a>, познакомиться с хаком<b> два варианта новогодние елочные украшения на JS-скрипте</b> и новогодняя украшенная ель с левой стороны <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3674">New_year_motnyay-Elka-left.rar</a> [409,19 Kb] (cкачиваний: 371) </span>]]></turbo:content>[/allow-turbo]
[allow-dzen]<content:encoded><![CDATA[<a href="https://dle9.com/uploads/posts/2012-12/1355228394_new-year-motnyay.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2012-12/thumbs/1355228394_new-year-motnyay.jpg" style="float:left;max-width:100%;" alt=""></a><br>Сейчас, многие уже начали наряжать свои сайты в новогодние украшения, елочные игрушки и гирлянды с веточками ели. Все говорит о наступлении праздника «Новый Год», с чем мы dle9.com Вас всех поздравляем!<br><br>Вот таких два варианта <a href="https://dle9.com/haki/hak-dle/">хак для dle</a> на JS-скрипте красивого елочного оформления со звуковым эффектом и анимацией, любой из Вас сможет установить на свой сайт, тем самым не меняя дизайн чудесным образом разукрасить в новогоднее убранство, что думаю многим вашим посетителям понравится. Похожий вариант оформления на JS-скрипте можно было видеть на сайте Яндекса в прошлом году, другой вариант просто в дополнении к первому. <br><img src="https://dle9.com/uploads/posts/2012-12/1355228422_elka-left.jpg" style="float:left;max-width:100%;" alt="Два варианта новогодние елочные украшения на JS-скрипте"><br>Новогодние шарики для сайта. Со звуком!<br><br>Добавить нечего особо .<br>В Европе уже подготавливаются к новому году, а мы как всегда на последней недельке... Добавьте праздничное настроение своим посетителям уже сегодня! Если у вас есть хорошая идея и вы желаете обладать эксклюзивными правами, то возможна регистрация в таком сервисе патента товарного знака для РФ окажется полезным многим или сделать таким образом подарок, мало ли всякое возможно.<br><br>Итак приступим, более подробная инструкция внутри архива. Пути прописывал для <a href="https://dle9.com/">DLE</a>. Если что, поправляйте. Ничего сложного нету.<br>Заметил, что в Опере не отображается, а в IE вроде не двигаются шарики )<br><br>Здесь обращаю внимание:<br>Скрипт <br><br><pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt; </code></pre><br><br>возможно не понадобится, или будет конфликт<br><br>Предлагаю еще один вариант, для украшения вашего сайта новогодним настроением. Аккуратная ветка в левом углу экрана. Лично мне понравилось.<br><br><br>1. Создайте папку <b>newyear</b> и все файлы из папки new_year_motnyay добавьте в эту папку (Внимание! не саму папку) <br><br>В main.tpl вашего шаблона после тега<br><br><pre><code>&lt;body&gt;</code></pre><br><br>Добавляем следующий код в любом удобном месте <br><br><pre><code>&lt;div class="b-page_newyear"&gt; &lt;div class="b-page__content"&gt; &lt;!-- новогодняя мотня newyear.html --&gt; &lt;i class="b-head-decor"&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n1"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n2"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n3"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n4"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n5"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n6"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;i class="b-head-decor__inner b-head-decor__inner_n7"&gt; &lt;div class="b-ball b-ball_n1 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n2 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n3 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n4 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n5 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n6 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n7 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n8 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_n9 b-ball_bounce"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i1"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i2"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i3"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i4"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i5"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="b-ball b-ball_i6"&gt;&lt;div class="b-ball__right"&gt;&lt;/div&gt;&lt;div class="b-ball__i"&gt;&lt;/div&gt;&lt;/div&gt; &lt;/i&gt; &lt;/i&gt; &lt;/div&gt; &lt;/div&gt;</code></pre><br><br>В main.tpl вашего шаблона перед тегом <br><br><pre><code>&lt;/head&gt; </code></pre><br><br>Добавляем код <br><br><pre><code>&lt;link rel="stylesheet" href="/templates/Default/newyear/style.css"&gt; &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/templates/Default/newyear/swfobject.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/templates/Default/newyear/newyear.js"&gt;&lt;/script&gt;</code></pre><br><br>Это делать не обязательно при тестировании на Дефолтном шаблоне все нормально работало!<br>Здесь обращаю внимание:<br>Скрипт <pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt;</code></pre> возможно не понадобится, или будет конфликт. Я его у себя не прописывал, т.к. был конфликт.<br><br><br>В файле newyear.js нужно прописать прямой путь к звуковому файлу ny2012.swf<br><br><pre><code>var i = "http://www.вашсайт/templates/Default/newyear/ny2012.swf";</code></pre><br><br>не забыванием изменить ваш домин и название шаблона<br><br>Настройка расположения:<br>В CSS стилях возможно вам придется подправить значения ширины, margin, top. Они находятся сразу же на верху и выглядят так:<br><br><pre><code>body{position:relative;z-index:0;margin:0;padding:0 0 1em 0;} .b-page__content{min-height:50px}</code></pre><br><br><br>Предлагаем из раздела <a href="https://dle9.com/haki/">хаки для dle</a>, познакомиться с хаком<b> два варианта новогодние елочные украшения на JS-скрипте</b> и новогодняя украшенная ель с левой стороны <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3674">New_year_motnyay-Elka-left.rar</a> [409,19 Kb] (cкачиваний: 371) </span>]]></content:encoded>[/allow-dzen]
</item>[/yandexrss][shortrss]<item turbo="{allow-turbo}">
<title>DLE Доска объявлений тематики игр для SAMP, CRMP, MTA</title>
<guid isPermaLink="true">https://dle9.com/haki/4600-dle-doska-obyavleniy-tematiki-igr-dlya-samp-crmp-mta.html</guid>
<link>https://dle9.com/haki/4600-dle-doska-obyavleniy-tematiki-igr-dlya-samp-crmp-mta.html</link>
<description><a href="https://dle9.com/uploads/posts/2016-12/1482843157_js-skript-dle.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843157_js-skript-dle.jpg" style="float:left;max-width:100%;" alt=""></a><br>Представляем на dle9.com <a href="https://dle9.com/haki/haki-other/">скрипт DLE</a> JS-Skript - <b>доска объявлений тематики игр для SAMP, CRMP, MTA</b> сделана на основе движка DataLife Engine. Скрипт JS-Skript Доска объявлений игровой тематики для SAMP,CRMP,MTA на <a href="https://dle9.com/">DLE</a> представляем собой полноценный и готовый портал реализованный на файлах <a href="https://dle9.com/books/dle-news/">DataLife Engine</a> движка.<br><br><a href="https://dle9.com/uploads/posts/2016-12/1482843146_js-skript-dle-1.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843146_js-skript-dle-1.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843124_js-skript-dle-2.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843124_js-skript-dle-2.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843113_js-skript-dle-4.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843113_js-skript-dle-4.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843117_js-skript-dle-5.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843117_js-skript-dle-5.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843118_js-skript-dle-6.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843118_js-skript-dle-6.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843087_js-skript-dle-7.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843087_js-skript-dle-7.jpg" style="max-width:100%;" alt=""></a><br><br><br>Настройка Доска объявлений игровой тематики для SAMP,CRMP,MTA на DLE:<br>Зайти /engine/data Далее в config.php прописываем URL сайта.<br>Далее в этой же папке dbconfig.php настраиваем базу.<br>Все готово!<br><br>Рекомендуем мощный скрипт для DLE JS-Skript Доска объявлений игровой тематики для SAMP,CRMP,MTA скачать с Яндекс.Диск <a href="https://dle9.com/index.php?do=go&amp;url=aHR0cHM6Ly95YWRpLnNrL2QvNHBBdEVacU4zNUpMSGQ%3D" target="_blank">JS-Skript.zip</a> [8.24 Mb]</description>
[allow-turbo]<turbo:content><![CDATA[<a href="https://dle9.com/uploads/posts/2016-12/1482843157_js-skript-dle.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843157_js-skript-dle.jpg" style="float:left;max-width:100%;" alt=""></a><br>Представляем на dle9.com <a href="https://dle9.com/haki/haki-other/">скрипт DLE</a> JS-Skript - <b>доска объявлений тематики игр для SAMP, CRMP, MTA</b> сделана на основе движка DataLife Engine. Скрипт JS-Skript Доска объявлений игровой тематики для SAMP,CRMP,MTA на <a href="https://dle9.com/">DLE</a> представляем собой полноценный и готовый портал реализованный на файлах <a href="https://dle9.com/books/dle-news/">DataLife Engine</a> движка.<br><br><a href="https://dle9.com/uploads/posts/2016-12/1482843146_js-skript-dle-1.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843146_js-skript-dle-1.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843124_js-skript-dle-2.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843124_js-skript-dle-2.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843113_js-skript-dle-4.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843113_js-skript-dle-4.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843117_js-skript-dle-5.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843117_js-skript-dle-5.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843118_js-skript-dle-6.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843118_js-skript-dle-6.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843087_js-skript-dle-7.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843087_js-skript-dle-7.jpg" style="max-width:100%;" alt=""></a><br><br><br>Настройка Доска объявлений игровой тематики для SAMP,CRMP,MTA на DLE:<br>Зайти /engine/data Далее в config.php прописываем URL сайта.<br>Далее в этой же папке dbconfig.php настраиваем базу.<br>Все готово!<br><br>Рекомендуем мощный скрипт для DLE JS-Skript Доска объявлений игровой тематики для SAMP,CRMP,MTA скачать с Яндекс.Диск <a href="https://dle9.com/index.php?do=go&amp;url=aHR0cHM6Ly95YWRpLnNrL2QvNHBBdEVacU4zNUpMSGQ%3D" target="_blank">JS-Skript.zip</a> [8.24 Mb]]]></turbo:content>[/allow-turbo]
<category>DLE хаки   Разные навороты, сборник хаков</category>
<dc:creator>dle9.com</dc:creator>
<pubDate>Mon, 27 May 2019 15:55:00 +0100</pubDate>
</item>[/shortrss]
[fullrss]<item turbo="{allow-turbo}">
<title>DLE Доска объявлений тематики игр для SAMP, CRMP, MTA</title>
<guid isPermaLink="true">https://dle9.com/haki/4600-dle-doska-obyavleniy-tematiki-igr-dlya-samp-crmp-mta.html</guid>
<link>https://dle9.com/haki/4600-dle-doska-obyavleniy-tematiki-igr-dlya-samp-crmp-mta.html</link>
<category><![CDATA[DLE хаки   Разные навороты, сборник хаков]]></category>
<dc:creator>dle9.com</dc:creator>
<pubDate>Mon, 27 May 2019 15:55:00 +0100</pubDate>
<description><![CDATA[<a href="https://dle9.com/uploads/posts/2016-12/1482843157_js-skript-dle.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843157_js-skript-dle.jpg" style="float:left;max-width:100%;" alt=""></a><br>Представляем на dle9.com <a href="https://dle9.com/haki/haki-other/">скрипт DLE</a> JS-Skript - <b>доска объявлений тематики игр для SAMP, CRMP, MTA</b> сделана на основе движка DataLife Engine. Скрипт JS-Skript Доска объявлений игровой тематики для SAMP,CRMP,MTA на <a href="https://dle9.com/">DLE</a> представляем собой полноценный и готовый портал реализованный на файлах <a href="https://dle9.com/books/dle-news/">DataLife Engine</a> движка.<br><br><a href="https://dle9.com/uploads/posts/2016-12/1482843146_js-skript-dle-1.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843146_js-skript-dle-1.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843124_js-skript-dle-2.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843124_js-skript-dle-2.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843113_js-skript-dle-4.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843113_js-skript-dle-4.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843117_js-skript-dle-5.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843117_js-skript-dle-5.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843118_js-skript-dle-6.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843118_js-skript-dle-6.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843087_js-skript-dle-7.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843087_js-skript-dle-7.jpg" style="max-width:100%;" alt=""></a><br><br><br>Настройка Доска объявлений игровой тематики для SAMP,CRMP,MTA на DLE:<br>Зайти /engine/data Далее в config.php прописываем URL сайта.<br>Далее в этой же папке dbconfig.php настраиваем базу.<br>Все готово!<br><br>Рекомендуем мощный скрипт для DLE JS-Skript Доска объявлений игровой тематики для SAMP,CRMP,MTA скачать с Яндекс.Диск <a href="https://dle9.com/index.php?do=go&amp;url=aHR0cHM6Ly95YWRpLnNrL2QvNHBBdEVacU4zNUpMSGQ%3D" target="_blank">JS-Skript.zip</a> [8.24 Mb]]]></description>
[allow-turbo]<turbo:content><![CDATA[<a href="https://dle9.com/uploads/posts/2016-12/1482843157_js-skript-dle.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843157_js-skript-dle.jpg" style="float:left;max-width:100%;" alt=""></a><br>Представляем на dle9.com <a href="https://dle9.com/haki/haki-other/">скрипт DLE</a> JS-Skript - <b>доска объявлений тематики игр для SAMP, CRMP, MTA</b> сделана на основе движка DataLife Engine. Скрипт JS-Skript Доска объявлений игровой тематики для SAMP,CRMP,MTA на <a href="https://dle9.com/">DLE</a> представляем собой полноценный и готовый портал реализованный на файлах <a href="https://dle9.com/books/dle-news/">DataLife Engine</a> движка.<br><br><a href="https://dle9.com/uploads/posts/2016-12/1482843146_js-skript-dle-1.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843146_js-skript-dle-1.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843124_js-skript-dle-2.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843124_js-skript-dle-2.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843113_js-skript-dle-4.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843113_js-skript-dle-4.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843117_js-skript-dle-5.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843117_js-skript-dle-5.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843118_js-skript-dle-6.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843118_js-skript-dle-6.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843087_js-skript-dle-7.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843087_js-skript-dle-7.jpg" style="max-width:100%;" alt=""></a><br><br><br>Настройка Доска объявлений игровой тематики для SAMP,CRMP,MTA на DLE:<br>Зайти /engine/data Далее в config.php прописываем URL сайта.<br>Далее в этой же папке dbconfig.php настраиваем базу.<br>Все готово!<br><br>Рекомендуем мощный скрипт для DLE JS-Skript Доска объявлений игровой тематики для SAMP,CRMP,MTA скачать с Яндекс.Диск <a href="https://dle9.com/index.php?do=go&amp;url=aHR0cHM6Ly95YWRpLnNrL2QvNHBBdEVacU4zNUpMSGQ%3D" target="_blank">JS-Skript.zip</a> [8.24 Mb]]]></turbo:content>[/allow-turbo]
[allow-dzen]<content:encoded><![CDATA[<a href="https://dle9.com/uploads/posts/2016-12/1482843157_js-skript-dle.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843157_js-skript-dle.jpg" style="float:left;max-width:100%;" alt=""></a><br>Представляем на dle9.com <a href="https://dle9.com/haki/haki-other/">скрипт DLE</a> JS-Skript - <b>доска объявлений тематики игр для SAMP, CRMP, MTA</b> сделана на основе движка DataLife Engine. Скрипт JS-Skript Доска объявлений игровой тематики для SAMP,CRMP,MTA на <a href="https://dle9.com/">DLE</a> представляем собой полноценный и готовый портал реализованный на файлах <a href="https://dle9.com/books/dle-news/">DataLife Engine</a> движка.<br><br><a href="https://dle9.com/uploads/posts/2016-12/1482843146_js-skript-dle-1.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843146_js-skript-dle-1.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843124_js-skript-dle-2.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843124_js-skript-dle-2.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843113_js-skript-dle-4.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843113_js-skript-dle-4.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843117_js-skript-dle-5.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843117_js-skript-dle-5.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843118_js-skript-dle-6.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843118_js-skript-dle-6.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843087_js-skript-dle-7.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843087_js-skript-dle-7.jpg" style="max-width:100%;" alt=""></a><br><br><br>Настройка Доска объявлений игровой тематики для SAMP,CRMP,MTA на DLE:<br>Зайти /engine/data Далее в config.php прописываем URL сайта.<br>Далее в этой же папке dbconfig.php настраиваем базу.<br>Все готово!<br><br>Рекомендуем мощный скрипт для DLE JS-Skript Доска объявлений игровой тематики для SAMP,CRMP,MTA скачать с Яндекс.Диск <a href="https://dle9.com/index.php?do=go&amp;url=aHR0cHM6Ly95YWRpLnNrL2QvNHBBdEVacU4zNUpMSGQ%3D" target="_blank">JS-Skript.zip</a> [8.24 Mb]]]></content:encoded>[/allow-dzen]
</item>[/fullrss]
[yandexrss]<item turbo="{allow-turbo}">
<title>DLE Доска объявлений тематики игр для SAMP, CRMP, MTA</title>
<link>https://dle9.com/haki/4600-dle-doska-obyavleniy-tematiki-igr-dlya-samp-crmp-mta.html</link>
<description><a href="https://dle9.com/uploads/posts/2016-12/1482843157_js-skript-dle.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843157_js-skript-dle.jpg" style="float:left;max-width:100%;" alt=""></a><br>Представляем на dle9.com <a href="https://dle9.com/haki/haki-other/">скрипт DLE</a> JS-Skript - <b>доска объявлений тематики игр для SAMP, CRMP, MTA</b> сделана на основе движка DataLife Engine. Скрипт JS-Skript Доска объявлений игровой тематики для SAMP,CRMP,MTA на <a href="https://dle9.com/">DLE</a> представляем собой полноценный и готовый портал реализованный на файлах <a href="https://dle9.com/books/dle-news/">DataLife Engine</a> движка.<br><br><a href="https://dle9.com/uploads/posts/2016-12/1482843146_js-skript-dle-1.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843146_js-skript-dle-1.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843124_js-skript-dle-2.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843124_js-skript-dle-2.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843113_js-skript-dle-4.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843113_js-skript-dle-4.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843117_js-skript-dle-5.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843117_js-skript-dle-5.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843118_js-skript-dle-6.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843118_js-skript-dle-6.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843087_js-skript-dle-7.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843087_js-skript-dle-7.jpg" style="max-width:100%;" alt=""></a><br><br><br>Настройка Доска объявлений игровой тематики для SAMP,CRMP,MTA на DLE:<br>Зайти /engine/data Далее в config.php прописываем URL сайта.<br>Далее в этой же папке dbconfig.php настраиваем базу.<br>Все готово!<br><br>Рекомендуем мощный скрипт для DLE JS-Skript Доска объявлений игровой тематики для SAMP,CRMP,MTA скачать с Яндекс.Диск <a href="https://dle9.com/index.php?do=go&amp;url=aHR0cHM6Ly95YWRpLnNrL2QvNHBBdEVacU4zNUpMSGQ%3D" target="_blank">JS-Skript.zip</a> [8.24 Mb]</description>
<category>DLE хаки   Разные навороты, сборник хаков</category>
<enclosure url="https://dle9.com/uploads/posts/2016-12/thumbs/1482843157_js-skript-dle.jpg" type="image/jpeg" />
<enclosure url="https://dle9.com/uploads/posts/2016-12/thumbs/1482843146_js-skript-dle-1.jpg" type="image/jpeg" />
<enclosure url="https://dle9.com/uploads/posts/2016-12/thumbs/1482843124_js-skript-dle-2.jpg" type="image/jpeg" />
<enclosure url="https://dle9.com/uploads/posts/2016-12/thumbs/1482843113_js-skript-dle-4.jpg" type="image/jpeg" />
<enclosure url="https://dle9.com/uploads/posts/2016-12/thumbs/1482843117_js-skript-dle-5.jpg" type="image/jpeg" />
<enclosure url="https://dle9.com/uploads/posts/2016-12/thumbs/1482843118_js-skript-dle-6.jpg" type="image/jpeg" />
<enclosure url="https://dle9.com/uploads/posts/2016-12/thumbs/1482843087_js-skript-dle-7.jpg" type="image/jpeg" />
<pubDate>Mon, 27 May 2019 15:55:00 +0100</pubDate>
<yandex:full-text><a href="https://dle9.com/uploads/posts/2016-12/1482843157_js-skript-dle.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843157_js-skript-dle.jpg" style="float:left;max-width:100%;" alt=""></a><br>Представляем на dle9.com <a href="https://dle9.com/haki/haki-other/">скрипт DLE</a> JS-Skript - <b>доска объявлений тематики игр для SAMP, CRMP, MTA</b> сделана на основе движка DataLife Engine. Скрипт JS-Skript Доска объявлений игровой тематики для SAMP,CRMP,MTA на <a href="https://dle9.com/">DLE</a> представляем собой полноценный и готовый портал реализованный на файлах <a href="https://dle9.com/books/dle-news/">DataLife Engine</a> движка.<br><br><a href="https://dle9.com/uploads/posts/2016-12/1482843146_js-skript-dle-1.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843146_js-skript-dle-1.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843124_js-skript-dle-2.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843124_js-skript-dle-2.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843113_js-skript-dle-4.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843113_js-skript-dle-4.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843117_js-skript-dle-5.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843117_js-skript-dle-5.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843118_js-skript-dle-6.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843118_js-skript-dle-6.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843087_js-skript-dle-7.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843087_js-skript-dle-7.jpg" style="max-width:100%;" alt=""></a><br><br><br>Настройка Доска объявлений игровой тематики для SAMP,CRMP,MTA на DLE:<br>Зайти /engine/data Далее в config.php прописываем URL сайта.<br>Далее в этой же папке dbconfig.php настраиваем базу.<br>Все готово!<br><br>Рекомендуем мощный скрипт для DLE JS-Skript Доска объявлений игровой тематики для SAMP,CRMP,MTA скачать с Яндекс.Диск <a href="https://dle9.com/index.php?do=go&amp;url=aHR0cHM6Ly95YWRpLnNrL2QvNHBBdEVacU4zNUpMSGQ%3D" target="_blank">JS-Skript.zip</a> [8.24 Mb]</yandex:full-text>
[allow-turbo]<turbo:content><![CDATA[<a href="https://dle9.com/uploads/posts/2016-12/1482843157_js-skript-dle.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843157_js-skript-dle.jpg" style="float:left;max-width:100%;" alt=""></a><br>Представляем на dle9.com <a href="https://dle9.com/haki/haki-other/">скрипт DLE</a> JS-Skript - <b>доска объявлений тематики игр для SAMP, CRMP, MTA</b> сделана на основе движка DataLife Engine. Скрипт JS-Skript Доска объявлений игровой тематики для SAMP,CRMP,MTA на <a href="https://dle9.com/">DLE</a> представляем собой полноценный и готовый портал реализованный на файлах <a href="https://dle9.com/books/dle-news/">DataLife Engine</a> движка.<br><br><a href="https://dle9.com/uploads/posts/2016-12/1482843146_js-skript-dle-1.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843146_js-skript-dle-1.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843124_js-skript-dle-2.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843124_js-skript-dle-2.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843113_js-skript-dle-4.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843113_js-skript-dle-4.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843117_js-skript-dle-5.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843117_js-skript-dle-5.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843118_js-skript-dle-6.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843118_js-skript-dle-6.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843087_js-skript-dle-7.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843087_js-skript-dle-7.jpg" style="max-width:100%;" alt=""></a><br><br><br>Настройка Доска объявлений игровой тематики для SAMP,CRMP,MTA на DLE:<br>Зайти /engine/data Далее в config.php прописываем URL сайта.<br>Далее в этой же папке dbconfig.php настраиваем базу.<br>Все готово!<br><br>Рекомендуем мощный скрипт для DLE JS-Skript Доска объявлений игровой тематики для SAMP,CRMP,MTA скачать с Яндекс.Диск <a href="https://dle9.com/index.php?do=go&amp;url=aHR0cHM6Ly95YWRpLnNrL2QvNHBBdEVacU4zNUpMSGQ%3D" target="_blank">JS-Skript.zip</a> [8.24 Mb]]]></turbo:content>[/allow-turbo]
[allow-dzen]<content:encoded><![CDATA[<a href="https://dle9.com/uploads/posts/2016-12/1482843157_js-skript-dle.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843157_js-skript-dle.jpg" style="float:left;max-width:100%;" alt=""></a><br>Представляем на dle9.com <a href="https://dle9.com/haki/haki-other/">скрипт DLE</a> JS-Skript - <b>доска объявлений тематики игр для SAMP, CRMP, MTA</b> сделана на основе движка DataLife Engine. Скрипт JS-Skript Доска объявлений игровой тематики для SAMP,CRMP,MTA на <a href="https://dle9.com/">DLE</a> представляем собой полноценный и готовый портал реализованный на файлах <a href="https://dle9.com/books/dle-news/">DataLife Engine</a> движка.<br><br><a href="https://dle9.com/uploads/posts/2016-12/1482843146_js-skript-dle-1.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843146_js-skript-dle-1.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843124_js-skript-dle-2.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843124_js-skript-dle-2.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843113_js-skript-dle-4.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843113_js-skript-dle-4.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843117_js-skript-dle-5.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843117_js-skript-dle-5.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843118_js-skript-dle-6.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843118_js-skript-dle-6.jpg" style="max-width:100%;" alt=""></a><br><a href="https://dle9.com/uploads/posts/2016-12/1482843087_js-skript-dle-7.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-12/thumbs/1482843087_js-skript-dle-7.jpg" style="max-width:100%;" alt=""></a><br><br><br>Настройка Доска объявлений игровой тематики для SAMP,CRMP,MTA на DLE:<br>Зайти /engine/data Далее в config.php прописываем URL сайта.<br>Далее в этой же папке dbconfig.php настраиваем базу.<br>Все готово!<br><br>Рекомендуем мощный скрипт для DLE JS-Skript Доска объявлений игровой тематики для SAMP,CRMP,MTA скачать с Яндекс.Диск <a href="https://dle9.com/index.php?do=go&amp;url=aHR0cHM6Ly95YWRpLnNrL2QvNHBBdEVacU4zNUpMSGQ%3D" target="_blank">JS-Skript.zip</a> [8.24 Mb]]]></content:encoded>[/allow-dzen]
</item>[/yandexrss][shortrss]<item turbo="{allow-turbo}">
<title>Локальное подключение Font Awesome в DataLife Engine</title>
<guid isPermaLink="true">https://dle9.com/haki/4087-lokalnoe-podklyuchenie-font-awesome-v-datalife-engine.html</guid>
<link>https://dle9.com/haki/4087-lokalnoe-podklyuchenie-font-awesome-v-datalife-engine.html</link>
<description><a href="https://dle9.com/uploads/posts/2015-08/1438653774_font-awesome-4.3-dle.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2015-08/thumbs/1438653774_font-awesome-4.3-dle.jpg" style="float:left;max-width:100%;" alt=""></a><br>Представляем <a href="https://dle9.com/haki/hak-dle/">хак для DLE</a> <b>локальное подключение Font Awesome 4.3.0</b> - это возможность локально подключить к своему шаблону, в <a href="https://dle9.com/">DataLife Engine</a> любой версии. Font Awesome 4.3.0 - это шрифт Awesome, чтобы использовать иконки, не загружая при этом на сайт какие-либо изображения (подборки иконок и тд). Данный шрифт (в версии 4.3.0) включает в себя 519 иконок.<br><br><a href="https://dle9.com/haki/">Скачать хаки дле</a>, как хак Локальное подключение Font Awesome 4.3.0 по следующей ссылке <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3611">Font-Awesome-4.3.rar</a> [477,49 Kb] (cкачиваний: 155) </span></description>
[allow-turbo]<turbo:content><![CDATA[<a href="https://dle9.com/uploads/posts/2015-08/1438653774_font-awesome-4.3-dle.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2015-08/thumbs/1438653774_font-awesome-4.3-dle.jpg" style="float:left;max-width:100%;" alt=""></a><br>Представляем <a href="https://dle9.com/haki/hak-dle/">хак для DLE</a> <b>локальное подключение Font Awesome 4.3.0</b> - это возможность локально подключить к своему шаблону, в <a href="https://dle9.com/">DataLife Engine</a> любой версии. Font Awesome 4.3.0 - это шрифт Awesome, чтобы использовать иконки, не загружая при этом на сайт какие-либо изображения (подборки иконок и тд). Данный шрифт (в версии 4.3.0) включает в себя 519 иконок.<br><br><a href="https://dle9.com/haki/">Скачать хаки дле</a>, как хак Локальное подключение Font Awesome 4.3.0 по следующей ссылке <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3611">Font-Awesome-4.3.rar</a> [477,49 Kb] (cкачиваний: 155) </span>]]></turbo:content>[/allow-turbo]
<category>DLE хаки   Разные навороты, сборник хаков</category>
<dc:creator>dle9.com</dc:creator>
<pubDate>Sat, 04 May 2019 05:03:00 +0100</pubDate>
</item>[/shortrss]
[fullrss]<item turbo="{allow-turbo}">
<title>Локальное подключение Font Awesome в DataLife Engine</title>
<guid isPermaLink="true">https://dle9.com/haki/4087-lokalnoe-podklyuchenie-font-awesome-v-datalife-engine.html</guid>
<link>https://dle9.com/haki/4087-lokalnoe-podklyuchenie-font-awesome-v-datalife-engine.html</link>
<category><![CDATA[DLE хаки   Разные навороты, сборник хаков]]></category>
<dc:creator>dle9.com</dc:creator>
<pubDate>Sat, 04 May 2019 05:03:00 +0100</pubDate>
<description><![CDATA[<a href="https://dle9.com/uploads/posts/2015-08/1438653774_font-awesome-4.3-dle.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2015-08/thumbs/1438653774_font-awesome-4.3-dle.jpg" style="float:left;max-width:100%;" alt=""></a><br>Представляем <a href="https://dle9.com/haki/hak-dle/">хак для DLE</a> <b>локальное подключение Font Awesome 4.3.0</b> - это возможность локально подключить к своему шаблону, в <a href="https://dle9.com/">DataLife Engine</a> любой версии. Font Awesome 4.3.0 - это шрифт Awesome, чтобы использовать иконки, не загружая при этом на сайт какие-либо изображения (подборки иконок и тд). Данный шрифт (в версии 4.3.0) включает в себя 519 иконок.<br><br><a href="https://dle9.com/haki/">Скачать хаки дле</a>, как хак Локальное подключение Font Awesome 4.3.0 по следующей ссылке <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3611">Font-Awesome-4.3.rar</a> [477,49 Kb] (cкачиваний: 155) </span>]]></description>
[allow-turbo]<turbo:content><![CDATA[<a href="https://dle9.com/uploads/posts/2015-08/1438653774_font-awesome-4.3-dle.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2015-08/thumbs/1438653774_font-awesome-4.3-dle.jpg" style="float:left;max-width:100%;" alt=""></a><br>Представляем <a href="https://dle9.com/haki/hak-dle/">хак для DLE</a> <b>локальное подключение Font Awesome 4.3.0</b> - это возможность локально подключить к своему шаблону, в <a href="https://dle9.com/">DataLife Engine</a> любой версии. Font Awesome 4.3.0 - это шрифт Awesome, чтобы использовать иконки, не загружая при этом на сайт какие-либо изображения (подборки иконок и тд). Данный шрифт (в версии 4.3.0) включает в себя 519 иконок.<br><br><a href="https://dle9.com/haki/">Скачать хаки дле</a>, как хак Локальное подключение Font Awesome 4.3.0 по следующей ссылке <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3611">Font-Awesome-4.3.rar</a> [477,49 Kb] (cкачиваний: 155) </span>]]></turbo:content>[/allow-turbo]
[allow-dzen]<content:encoded><![CDATA[<a href="https://dle9.com/uploads/posts/2015-08/1438653774_font-awesome-4.3-dle.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2015-08/thumbs/1438653774_font-awesome-4.3-dle.jpg" style="float:left;max-width:100%;" alt=""></a><br>Представляем <a href="https://dle9.com/haki/hak-dle/">хак для DLE</a> <b>локальное подключение Font Awesome 4.3.0</b> - это возможность локально подключить к своему шаблону, в <a href="https://dle9.com/">DataLife Engine</a> любой версии. Font Awesome 4.3.0 - это шрифт Awesome, чтобы использовать иконки, не загружая при этом на сайт какие-либо изображения (подборки иконок и тд). Данный шрифт (в версии 4.3.0) включает в себя 519 иконок.<br><br><a href="https://dle9.com/haki/">Скачать хаки дле</a>, как хак Локальное подключение Font Awesome 4.3.0 по следующей ссылке <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3611">Font-Awesome-4.3.rar</a> [477,49 Kb] (cкачиваний: 155) </span>]]></content:encoded>[/allow-dzen]
</item>[/fullrss]
[yandexrss]<item turbo="{allow-turbo}">
<title>Локальное подключение Font Awesome в DataLife Engine</title>
<link>https://dle9.com/haki/4087-lokalnoe-podklyuchenie-font-awesome-v-datalife-engine.html</link>
<description><a href="https://dle9.com/uploads/posts/2015-08/1438653774_font-awesome-4.3-dle.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2015-08/thumbs/1438653774_font-awesome-4.3-dle.jpg" style="float:left;max-width:100%;" alt=""></a><br>Представляем <a href="https://dle9.com/haki/hak-dle/">хак для DLE</a> <b>локальное подключение Font Awesome 4.3.0</b> - это возможность локально подключить к своему шаблону, в <a href="https://dle9.com/">DataLife Engine</a> любой версии. Font Awesome 4.3.0 - это шрифт Awesome, чтобы использовать иконки, не загружая при этом на сайт какие-либо изображения (подборки иконок и тд). Данный шрифт (в версии 4.3.0) включает в себя 519 иконок.<br><br><a href="https://dle9.com/haki/">Скачать хаки дле</a>, как хак Локальное подключение Font Awesome 4.3.0 по следующей ссылке <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3611">Font-Awesome-4.3.rar</a> [477,49 Kb] (cкачиваний: 155) </span></description>
<category>DLE хаки   Разные навороты, сборник хаков</category>
<enclosure url="https://dle9.com/uploads/posts/2015-08/thumbs/1438653774_font-awesome-4.3-dle.jpg" type="image/jpeg" />
<pubDate>Sat, 04 May 2019 05:03:00 +0100</pubDate>
<yandex:full-text><a href="https://dle9.com/uploads/posts/2015-08/1438653774_font-awesome-4.3-dle.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2015-08/thumbs/1438653774_font-awesome-4.3-dle.jpg" style="float:left;max-width:100%;" alt=""></a><br>Представляем <a href="https://dle9.com/haki/hak-dle/">хак для DLE</a> <b>локальное подключение Font Awesome 4.3.0</b> - это возможность локально подключить к своему шаблону, в <a href="https://dle9.com/">DataLife Engine</a> любой версии. Font Awesome 4.3.0 - это шрифт Awesome, чтобы использовать иконки, не загружая при этом на сайт какие-либо изображения (подборки иконок и тд). Данный шрифт (в версии 4.3.0) включает в себя 519 иконок.<br><br><a href="https://dle9.com/haki/">Скачать хаки дле</a>, как хак Локальное подключение Font Awesome 4.3.0 по следующей ссылке <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3611">Font-Awesome-4.3.rar</a> [477,49 Kb] (cкачиваний: 155) </span></yandex:full-text>
[allow-turbo]<turbo:content><![CDATA[<a href="https://dle9.com/uploads/posts/2015-08/1438653774_font-awesome-4.3-dle.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2015-08/thumbs/1438653774_font-awesome-4.3-dle.jpg" style="float:left;max-width:100%;" alt=""></a><br>Представляем <a href="https://dle9.com/haki/hak-dle/">хак для DLE</a> <b>локальное подключение Font Awesome 4.3.0</b> - это возможность локально подключить к своему шаблону, в <a href="https://dle9.com/">DataLife Engine</a> любой версии. Font Awesome 4.3.0 - это шрифт Awesome, чтобы использовать иконки, не загружая при этом на сайт какие-либо изображения (подборки иконок и тд). Данный шрифт (в версии 4.3.0) включает в себя 519 иконок.<br><br><a href="https://dle9.com/haki/">Скачать хаки дле</a>, как хак Локальное подключение Font Awesome 4.3.0 по следующей ссылке <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3611">Font-Awesome-4.3.rar</a> [477,49 Kb] (cкачиваний: 155) </span>]]></turbo:content>[/allow-turbo]
[allow-dzen]<content:encoded><![CDATA[<a href="https://dle9.com/uploads/posts/2015-08/1438653774_font-awesome-4.3-dle.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2015-08/thumbs/1438653774_font-awesome-4.3-dle.jpg" style="float:left;max-width:100%;" alt=""></a><br>Представляем <a href="https://dle9.com/haki/hak-dle/">хак для DLE</a> <b>локальное подключение Font Awesome 4.3.0</b> - это возможность локально подключить к своему шаблону, в <a href="https://dle9.com/">DataLife Engine</a> любой версии. Font Awesome 4.3.0 - это шрифт Awesome, чтобы использовать иконки, не загружая при этом на сайт какие-либо изображения (подборки иконок и тд). Данный шрифт (в версии 4.3.0) включает в себя 519 иконок.<br><br><a href="https://dle9.com/haki/">Скачать хаки дле</a>, как хак Локальное подключение Font Awesome 4.3.0 по следующей ссылке <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3611">Font-Awesome-4.3.rar</a> [477,49 Kb] (cкачиваний: 155) </span>]]></content:encoded>[/allow-dzen]
</item>[/yandexrss][shortrss]<item turbo="{allow-turbo}">
<title>JumpSocialShare на DLE</title>
<guid isPermaLink="true">https://dle9.com/haki/2764-jumpsocialshare-na-dle.html</guid>
<link>https://dle9.com/haki/2764-jumpsocialshare-na-dle.html</link>
<description><a href="https://dle9.com/uploads/posts/2013-04/1365332182_jumpsocialshare.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2013-04/thumbs/1365332182_jumpsocialshare.jpg" style="float:left;max-width:100%;" alt=""></a><br>Ещё один вариант красивой панели закладок разнообразных социальных сетей для добавления публикаций в сервисы: odnoklassniki, vk, mail и Яндекс.закладки и т.д., вашими пользователями. <b>JumpSocialShare</b> - можно применить для любого веб-ресурса под управлением многофункционального информационного движка <a href="https://dle9.com/books/dle-news/">DataLife Engine</a>, это отличное дополнение к сайтам на <a href="https://dle9.com/">DLE</a>, WordPress, Ucoz и др., обладает совершенно новым дизайн графического исполнения, а красивый эффект появления кнопок, стал на много приятней.<br><br>Источник: JumpSocialShare<br>Автор: DleSeo<br><br><a href="https://dle9.com/moduli/modules-other/">Скачать скрипт</a> JumpSocialShare - панели закладок социальных сетей <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=2225">JumpSocialShare.rar</a> [46,86 Kb] (cкачиваний: 274) </span></description>
[allow-turbo]<turbo:content><![CDATA[<a href="https://dle9.com/uploads/posts/2013-04/1365332182_jumpsocialshare.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2013-04/thumbs/1365332182_jumpsocialshare.jpg" style="float:left;max-width:100%;" alt=""></a><br>Ещё один вариант красивой панели закладок разнообразных социальных сетей для добавления публикаций в сервисы: odnoklassniki, vk, mail и Яндекс.закладки и т.д., вашими пользователями. <b>JumpSocialShare</b> - можно применить для любого веб-ресурса под управлением многофункционального информационного движка <a href="https://dle9.com/books/dle-news/">DataLife Engine</a>, это отличное дополнение к сайтам на <a href="https://dle9.com/">DLE</a>, WordPress, Ucoz и др., обладает совершенно новым дизайн графического исполнения, а красивый эффект появления кнопок, стал на много приятней.<br><br>Источник: JumpSocialShare<br>Автор: DleSeo<br><br><a href="https://dle9.com/moduli/modules-other/">Скачать скрипт</a> JumpSocialShare - панели закладок социальных сетей <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=2225">JumpSocialShare.rar</a> [46,86 Kb] (cкачиваний: 274) </span>]]></turbo:content>[/allow-turbo]
<category>DLE хаки   Разные навороты, сборник хаков</category>
<dc:creator>dle9.com</dc:creator>
<pubDate>Sun, 07 Apr 2019 14:57:00 +0100</pubDate>
</item>[/shortrss]
[fullrss]<item turbo="{allow-turbo}">
<title>JumpSocialShare на DLE</title>
<guid isPermaLink="true">https://dle9.com/haki/2764-jumpsocialshare-na-dle.html</guid>
<link>https://dle9.com/haki/2764-jumpsocialshare-na-dle.html</link>
<category><![CDATA[DLE хаки   Разные навороты, сборник хаков]]></category>
<dc:creator>dle9.com</dc:creator>
<pubDate>Sun, 07 Apr 2019 14:57:00 +0100</pubDate>
<description><![CDATA[<a href="https://dle9.com/uploads/posts/2013-04/1365332182_jumpsocialshare.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2013-04/thumbs/1365332182_jumpsocialshare.jpg" style="float:left;max-width:100%;" alt=""></a><br>Ещё один вариант красивой панели закладок разнообразных социальных сетей для добавления публикаций в сервисы: odnoklassniki, vk, mail и Яндекс.закладки и т.д., вашими пользователями. <b>JumpSocialShare</b> - можно применить для любого веб-ресурса под управлением многофункционального информационного движка <a href="https://dle9.com/books/dle-news/">DataLife Engine</a>, это отличное дополнение к сайтам на <a href="https://dle9.com/">DLE</a>, WordPress, Ucoz и др., обладает совершенно новым дизайн графического исполнения, а красивый эффект появления кнопок, стал на много приятней.<br><br>Источник: JumpSocialShare<br>Автор: DleSeo<br><br><a href="https://dle9.com/moduli/modules-other/">Скачать скрипт</a> JumpSocialShare - панели закладок социальных сетей <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=2225">JumpSocialShare.rar</a> [46,86 Kb] (cкачиваний: 274) </span>]]></description>
[allow-turbo]<turbo:content><![CDATA[<a href="https://dle9.com/uploads/posts/2013-04/1365332182_jumpsocialshare.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2013-04/thumbs/1365332182_jumpsocialshare.jpg" style="float:left;max-width:100%;" alt=""></a><br>Ещё один вариант красивой панели закладок разнообразных социальных сетей для добавления публикаций в сервисы: odnoklassniki, vk, mail и Яндекс.закладки и т.д., вашими пользователями. <b>JumpSocialShare</b> - можно применить для любого веб-ресурса под управлением многофункционального информационного движка <a href="https://dle9.com/books/dle-news/">DataLife Engine</a>, это отличное дополнение к сайтам на <a href="https://dle9.com/">DLE</a>, WordPress, Ucoz и др., обладает совершенно новым дизайн графического исполнения, а красивый эффект появления кнопок, стал на много приятней.<br><br>Источник: JumpSocialShare<br>Автор: DleSeo<br><br><a href="https://dle9.com/moduli/modules-other/">Скачать скрипт</a> JumpSocialShare - панели закладок социальных сетей <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=2225">JumpSocialShare.rar</a> [46,86 Kb] (cкачиваний: 274) </span>]]></turbo:content>[/allow-turbo]
[allow-dzen]<content:encoded><![CDATA[<a href="https://dle9.com/uploads/posts/2013-04/1365332182_jumpsocialshare.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2013-04/thumbs/1365332182_jumpsocialshare.jpg" style="float:left;max-width:100%;" alt=""></a><br>Ещё один вариант красивой панели закладок разнообразных социальных сетей для добавления публикаций в сервисы: odnoklassniki, vk, mail и Яндекс.закладки и т.д., вашими пользователями. <b>JumpSocialShare</b> - можно применить для любого веб-ресурса под управлением многофункционального информационного движка <a href="https://dle9.com/books/dle-news/">DataLife Engine</a>, это отличное дополнение к сайтам на <a href="https://dle9.com/">DLE</a>, WordPress, Ucoz и др., обладает совершенно новым дизайн графического исполнения, а красивый эффект появления кнопок, стал на много приятней.<br><br>Источник: JumpSocialShare<br>Автор: DleSeo<br><br><a href="https://dle9.com/moduli/modules-other/">Скачать скрипт</a> JumpSocialShare - панели закладок социальных сетей <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=2225">JumpSocialShare.rar</a> [46,86 Kb] (cкачиваний: 274) </span>]]></content:encoded>[/allow-dzen]
</item>[/fullrss]
[yandexrss]<item turbo="{allow-turbo}">
<title>JumpSocialShare на DLE</title>
<link>https://dle9.com/haki/2764-jumpsocialshare-na-dle.html</link>
<description><a href="https://dle9.com/uploads/posts/2013-04/1365332182_jumpsocialshare.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2013-04/thumbs/1365332182_jumpsocialshare.jpg" style="float:left;max-width:100%;" alt=""></a><br>Ещё один вариант красивой панели закладок разнообразных социальных сетей для добавления публикаций в сервисы: odnoklassniki, vk, mail и Яндекс.закладки и т.д., вашими пользователями. <b>JumpSocialShare</b> - можно применить для любого веб-ресурса под управлением многофункционального информационного движка <a href="https://dle9.com/books/dle-news/">DataLife Engine</a>, это отличное дополнение к сайтам на <a href="https://dle9.com/">DLE</a>, WordPress, Ucoz и др., обладает совершенно новым дизайн графического исполнения, а красивый эффект появления кнопок, стал на много приятней.<br><br>Источник: JumpSocialShare<br>Автор: DleSeo<br><br><a href="https://dle9.com/moduli/modules-other/">Скачать скрипт</a> JumpSocialShare - панели закладок социальных сетей <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=2225">JumpSocialShare.rar</a> [46,86 Kb] (cкачиваний: 274) </span></description>
<category>DLE хаки   Разные навороты, сборник хаков</category>
<enclosure url="https://dle9.com/uploads/posts/2013-04/thumbs/1365332182_jumpsocialshare.jpg" type="image/jpeg" />
<pubDate>Sun, 07 Apr 2019 14:57:00 +0100</pubDate>
<yandex:full-text><a href="https://dle9.com/uploads/posts/2013-04/1365332182_jumpsocialshare.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2013-04/thumbs/1365332182_jumpsocialshare.jpg" style="float:left;max-width:100%;" alt=""></a><br>Ещё один вариант красивой панели закладок разнообразных социальных сетей для добавления публикаций в сервисы: odnoklassniki, vk, mail и Яндекс.закладки и т.д., вашими пользователями. <b>JumpSocialShare</b> - можно применить для любого веб-ресурса под управлением многофункционального информационного движка <a href="https://dle9.com/books/dle-news/">DataLife Engine</a>, это отличное дополнение к сайтам на <a href="https://dle9.com/">DLE</a>, WordPress, Ucoz и др., обладает совершенно новым дизайн графического исполнения, а красивый эффект появления кнопок, стал на много приятней.<br><br>Источник: JumpSocialShare<br>Автор: DleSeo<br><br><a href="https://dle9.com/moduli/modules-other/">Скачать скрипт</a> JumpSocialShare - панели закладок социальных сетей <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=2225">JumpSocialShare.rar</a> [46,86 Kb] (cкачиваний: 274) </span></yandex:full-text>
[allow-turbo]<turbo:content><![CDATA[<a href="https://dle9.com/uploads/posts/2013-04/1365332182_jumpsocialshare.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2013-04/thumbs/1365332182_jumpsocialshare.jpg" style="float:left;max-width:100%;" alt=""></a><br>Ещё один вариант красивой панели закладок разнообразных социальных сетей для добавления публикаций в сервисы: odnoklassniki, vk, mail и Яндекс.закладки и т.д., вашими пользователями. <b>JumpSocialShare</b> - можно применить для любого веб-ресурса под управлением многофункционального информационного движка <a href="https://dle9.com/books/dle-news/">DataLife Engine</a>, это отличное дополнение к сайтам на <a href="https://dle9.com/">DLE</a>, WordPress, Ucoz и др., обладает совершенно новым дизайн графического исполнения, а красивый эффект появления кнопок, стал на много приятней.<br><br>Источник: JumpSocialShare<br>Автор: DleSeo<br><br><a href="https://dle9.com/moduli/modules-other/">Скачать скрипт</a> JumpSocialShare - панели закладок социальных сетей <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=2225">JumpSocialShare.rar</a> [46,86 Kb] (cкачиваний: 274) </span>]]></turbo:content>[/allow-turbo]
[allow-dzen]<content:encoded><![CDATA[<a href="https://dle9.com/uploads/posts/2013-04/1365332182_jumpsocialshare.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2013-04/thumbs/1365332182_jumpsocialshare.jpg" style="float:left;max-width:100%;" alt=""></a><br>Ещё один вариант красивой панели закладок разнообразных социальных сетей для добавления публикаций в сервисы: odnoklassniki, vk, mail и Яндекс.закладки и т.д., вашими пользователями. <b>JumpSocialShare</b> - можно применить для любого веб-ресурса под управлением многофункционального информационного движка <a href="https://dle9.com/books/dle-news/">DataLife Engine</a>, это отличное дополнение к сайтам на <a href="https://dle9.com/">DLE</a>, WordPress, Ucoz и др., обладает совершенно новым дизайн графического исполнения, а красивый эффект появления кнопок, стал на много приятней.<br><br>Источник: JumpSocialShare<br>Автор: DleSeo<br><br><a href="https://dle9.com/moduli/modules-other/">Скачать скрипт</a> JumpSocialShare - панели закладок социальных сетей <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=2225">JumpSocialShare.rar</a> [46,86 Kb] (cкачиваний: 274) </span>]]></content:encoded>[/allow-dzen]
</item>[/yandexrss][shortrss]<item turbo="{allow-turbo}">
<title>Скрипт Птичка Твиттер</title>
<guid isPermaLink="true">https://dle9.com/haki/3498-skript-ptichka-tvitter.html</guid>
<link>https://dle9.com/haki/3498-skript-ptichka-tvitter.html</link>
<description><a href="https://dle9.com/uploads/posts/2014-03/1395378347_twitter-bird.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2014-03/thumbs/1395378347_twitter-bird.jpg" style="float:left;max-width:100%;" alt=""></a><br><br>Представляем вам бесплатный и <a href="https://dle9.com/haki/haki-other/">прикольный JS скрипт</a> «<b>Птичка Твиттер</b>» по сайту летает птица синего цвета к месту куда вы наводите курсор мыши и просит поделиться в Twitter социальный сервис. Где-то даже продается этот скрипт за 5$, хотя автор предлагает бесплатно.<br>Скрипт Птичка Твиттер легко устанавливается на сайты <a href="https://dle9.com/">DLE</a> и другие интернет порталы под управлением разных CMS <a href="https://dle9.com/books/dle-news/">DataLife Engine</a>.<br><br>Установка делается легко. <br>в main.tpl подключаются файлы скрипта <br><pre><code>&lt;script type="text/javascript" src="js/twitter-bird.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; var twitterAccount = "ТУТ свой аккаунт на Тввитер добавляем "; var tweetThisText = " &lt;dаta:blog.pageTitle/&gt; : &lt;dаta:blog.url/&gt; "; tripleflapInit(); &lt;/script&gt;</code></pre><br>в этом месте кода выше правим <br><pre><code> var twitterAccount = "ТУТ свой аккаунт на Тввитер добавляем ";</code></pre><br><br>Файлы из архива заливаются в шаблон <br><br>В файле twitter-bird.js не забыть прописать полный путь до картинки http://ваш домен/js/twitter-bird.png<br><pre><code>var birdSprite = "ТУТ ПОЛНЫЙ АДРЕС ДО КАРТИНКИ twitter-bird.png";</code></pre><br><br>, можно попробовать удалить надпись ТУТ ПОЛНЫЙ АДРЕС ДО КАРТИНКИ и оставить <br><pre><code>var birdSprite = "twitter-bird.png";</code></pre><br><br>На этом все, скрипт прислал пользователь Karat7 <br><br>Скачать <a href="https://dle9.com/haki/">хаки для dle</a>, как скрипт Птичка Твиттер соц. сервис <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3091">Tvitter-ptica.rar</a> [155,57 Kb] (cкачиваний: 117) </span></description>
[allow-turbo]<turbo:content><![CDATA[<a href="https://dle9.com/uploads/posts/2014-03/1395378347_twitter-bird.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2014-03/thumbs/1395378347_twitter-bird.jpg" style="float:left;max-width:100%;" alt=""></a><br><br>Представляем вам бесплатный и <a href="https://dle9.com/haki/haki-other/">прикольный JS скрипт</a> «<b>Птичка Твиттер</b>» по сайту летает птица синего цвета к месту куда вы наводите курсор мыши и просит поделиться в Twitter социальный сервис. Где-то даже продается этот скрипт за 5$, хотя автор предлагает бесплатно.<br>Скрипт Птичка Твиттер легко устанавливается на сайты <a href="https://dle9.com/">DLE</a> и другие интернет порталы под управлением разных CMS <a href="https://dle9.com/books/dle-news/">DataLife Engine</a>.<br><br>Установка делается легко. <br>в main.tpl подключаются файлы скрипта <br><pre><code>&lt;script type="text/javascript" src="js/twitter-bird.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; var twitterAccount = "ТУТ свой аккаунт на Тввитер добавляем "; var tweetThisText = " &lt;dаta:blog.pageTitle/&gt; : &lt;dаta:blog.url/&gt; "; tripleflapInit(); &lt;/script&gt;</code></pre><br>в этом месте кода выше правим <br><pre><code> var twitterAccount = "ТУТ свой аккаунт на Тввитер добавляем ";</code></pre><br><br>Файлы из архива заливаются в шаблон <br><br>В файле twitter-bird.js не забыть прописать полный путь до картинки http://ваш домен/js/twitter-bird.png<br><pre><code>var birdSprite = "ТУТ ПОЛНЫЙ АДРЕС ДО КАРТИНКИ twitter-bird.png";</code></pre><br><br>, можно попробовать удалить надпись ТУТ ПОЛНЫЙ АДРЕС ДО КАРТИНКИ и оставить <br><pre><code>var birdSprite = "twitter-bird.png";</code></pre><br><br>На этом все, скрипт прислал пользователь Karat7 <br><br>Скачать <a href="https://dle9.com/haki/">хаки для dle</a>, как скрипт Птичка Твиттер соц. сервис <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3091">Tvitter-ptica.rar</a> [155,57 Kb] (cкачиваний: 117) </span>]]></turbo:content>[/allow-turbo]
<category>DLE хаки   Разные навороты, сборник хаков</category>
<dc:creator>dle9.com</dc:creator>
<pubDate>Thu, 21 Mar 2019 09:06:00 +0000</pubDate>
</item>[/shortrss]
[fullrss]<item turbo="{allow-turbo}">
<title>Скрипт Птичка Твиттер</title>
<guid isPermaLink="true">https://dle9.com/haki/3498-skript-ptichka-tvitter.html</guid>
<link>https://dle9.com/haki/3498-skript-ptichka-tvitter.html</link>
<category><![CDATA[DLE хаки   Разные навороты, сборник хаков]]></category>
<dc:creator>dle9.com</dc:creator>
<pubDate>Thu, 21 Mar 2019 09:06:00 +0000</pubDate>
<description><![CDATA[<a href="https://dle9.com/uploads/posts/2014-03/1395378347_twitter-bird.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2014-03/thumbs/1395378347_twitter-bird.jpg" style="float:left;max-width:100%;" alt=""></a><br><br>Представляем вам бесплатный и <a href="https://dle9.com/haki/haki-other/">прикольный JS скрипт</a> «<b>Птичка Твиттер</b>» по сайту летает птица синего цвета к месту куда вы наводите курсор мыши и просит поделиться в Twitter социальный сервис. Где-то даже продается этот скрипт за 5$, хотя автор предлагает бесплатно.<br>Скрипт Птичка Твиттер легко устанавливается на сайты <a href="https://dle9.com/">DLE</a> и другие интернет порталы под управлением разных CMS <a href="https://dle9.com/books/dle-news/">DataLife Engine</a>.<br><br>Установка делается легко. <br>в main.tpl подключаются файлы скрипта <br><pre><code>&lt;script type="text/javascript" src="js/twitter-bird.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; var twitterAccount = "ТУТ свой аккаунт на Тввитер добавляем "; var tweetThisText = " &lt;dаta:blog.pageTitle/&gt; : &lt;dаta:blog.url/&gt; "; tripleflapInit(); &lt;/script&gt;</code></pre><br>в этом месте кода выше правим <br><pre><code> var twitterAccount = "ТУТ свой аккаунт на Тввитер добавляем ";</code></pre><br><br>Файлы из архива заливаются в шаблон <br><br>В файле twitter-bird.js не забыть прописать полный путь до картинки http://ваш домен/js/twitter-bird.png<br><pre><code>var birdSprite = "ТУТ ПОЛНЫЙ АДРЕС ДО КАРТИНКИ twitter-bird.png";</code></pre><br><br>, можно попробовать удалить надпись ТУТ ПОЛНЫЙ АДРЕС ДО КАРТИНКИ и оставить <br><pre><code>var birdSprite = "twitter-bird.png";</code></pre><br><br>На этом все, скрипт прислал пользователь Karat7 <br><br>Скачать <a href="https://dle9.com/haki/">хаки для dle</a>, как скрипт Птичка Твиттер соц. сервис <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3091">Tvitter-ptica.rar</a> [155,57 Kb] (cкачиваний: 117) </span>]]></description>
[allow-turbo]<turbo:content><![CDATA[<a href="https://dle9.com/uploads/posts/2014-03/1395378347_twitter-bird.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2014-03/thumbs/1395378347_twitter-bird.jpg" style="float:left;max-width:100%;" alt=""></a><br><br>Представляем вам бесплатный и <a href="https://dle9.com/haki/haki-other/">прикольный JS скрипт</a> «<b>Птичка Твиттер</b>» по сайту летает птица синего цвета к месту куда вы наводите курсор мыши и просит поделиться в Twitter социальный сервис. Где-то даже продается этот скрипт за 5$, хотя автор предлагает бесплатно.<br>Скрипт Птичка Твиттер легко устанавливается на сайты <a href="https://dle9.com/">DLE</a> и другие интернет порталы под управлением разных CMS <a href="https://dle9.com/books/dle-news/">DataLife Engine</a>.<br><br>Установка делается легко. <br>в main.tpl подключаются файлы скрипта <br><pre><code>&lt;script type="text/javascript" src="js/twitter-bird.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; var twitterAccount = "ТУТ свой аккаунт на Тввитер добавляем "; var tweetThisText = " &lt;dаta:blog.pageTitle/&gt; : &lt;dаta:blog.url/&gt; "; tripleflapInit(); &lt;/script&gt;</code></pre><br>в этом месте кода выше правим <br><pre><code> var twitterAccount = "ТУТ свой аккаунт на Тввитер добавляем ";</code></pre><br><br>Файлы из архива заливаются в шаблон <br><br>В файле twitter-bird.js не забыть прописать полный путь до картинки http://ваш домен/js/twitter-bird.png<br><pre><code>var birdSprite = "ТУТ ПОЛНЫЙ АДРЕС ДО КАРТИНКИ twitter-bird.png";</code></pre><br><br>, можно попробовать удалить надпись ТУТ ПОЛНЫЙ АДРЕС ДО КАРТИНКИ и оставить <br><pre><code>var birdSprite = "twitter-bird.png";</code></pre><br><br>На этом все, скрипт прислал пользователь Karat7 <br><br>Скачать <a href="https://dle9.com/haki/">хаки для dle</a>, как скрипт Птичка Твиттер соц. сервис <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3091">Tvitter-ptica.rar</a> [155,57 Kb] (cкачиваний: 117) </span>]]></turbo:content>[/allow-turbo]
[allow-dzen]<content:encoded><![CDATA[<a href="https://dle9.com/uploads/posts/2014-03/1395378347_twitter-bird.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2014-03/thumbs/1395378347_twitter-bird.jpg" style="float:left;max-width:100%;" alt=""></a><br><br>Представляем вам бесплатный и <a href="https://dle9.com/haki/haki-other/">прикольный JS скрипт</a> «<b>Птичка Твиттер</b>» по сайту летает птица синего цвета к месту куда вы наводите курсор мыши и просит поделиться в Twitter социальный сервис. Где-то даже продается этот скрипт за 5$, хотя автор предлагает бесплатно.<br>Скрипт Птичка Твиттер легко устанавливается на сайты <a href="https://dle9.com/">DLE</a> и другие интернет порталы под управлением разных CMS <a href="https://dle9.com/books/dle-news/">DataLife Engine</a>.<br><br>Установка делается легко. <br>в main.tpl подключаются файлы скрипта <br><pre><code>&lt;script type="text/javascript" src="js/twitter-bird.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; var twitterAccount = "ТУТ свой аккаунт на Тввитер добавляем "; var tweetThisText = " &lt;dаta:blog.pageTitle/&gt; : &lt;dаta:blog.url/&gt; "; tripleflapInit(); &lt;/script&gt;</code></pre><br>в этом месте кода выше правим <br><pre><code> var twitterAccount = "ТУТ свой аккаунт на Тввитер добавляем ";</code></pre><br><br>Файлы из архива заливаются в шаблон <br><br>В файле twitter-bird.js не забыть прописать полный путь до картинки http://ваш домен/js/twitter-bird.png<br><pre><code>var birdSprite = "ТУТ ПОЛНЫЙ АДРЕС ДО КАРТИНКИ twitter-bird.png";</code></pre><br><br>, можно попробовать удалить надпись ТУТ ПОЛНЫЙ АДРЕС ДО КАРТИНКИ и оставить <br><pre><code>var birdSprite = "twitter-bird.png";</code></pre><br><br>На этом все, скрипт прислал пользователь Karat7 <br><br>Скачать <a href="https://dle9.com/haki/">хаки для dle</a>, как скрипт Птичка Твиттер соц. сервис <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3091">Tvitter-ptica.rar</a> [155,57 Kb] (cкачиваний: 117) </span>]]></content:encoded>[/allow-dzen]
</item>[/fullrss]
[yandexrss]<item turbo="{allow-turbo}">
<title>Скрипт Птичка Твиттер</title>
<link>https://dle9.com/haki/3498-skript-ptichka-tvitter.html</link>
<description><a href="https://dle9.com/uploads/posts/2014-03/1395378347_twitter-bird.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2014-03/thumbs/1395378347_twitter-bird.jpg" style="float:left;max-width:100%;" alt=""></a><br><br>Представляем вам бесплатный и <a href="https://dle9.com/haki/haki-other/">прикольный JS скрипт</a> «<b>Птичка Твиттер</b>» по сайту летает птица синего цвета к месту куда вы наводите курсор мыши и просит поделиться в Twitter социальный сервис. Где-то даже продается этот скрипт за 5$, хотя автор предлагает бесплатно.<br>Скрипт Птичка Твиттер легко устанавливается на сайты <a href="https://dle9.com/">DLE</a> и другие интернет порталы под управлением разных CMS <a href="https://dle9.com/books/dle-news/">DataLife Engine</a>.<br><br>Установка делается легко. <br>в main.tpl подключаются файлы скрипта <br><pre><code>&lt;script type="text/javascript" src="js/twitter-bird.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; var twitterAccount = "ТУТ свой аккаунт на Тввитер добавляем "; var tweetThisText = " &lt;dаta:blog.pageTitle/&gt; : &lt;dаta:blog.url/&gt; "; tripleflapInit(); &lt;/script&gt;</code></pre><br>в этом месте кода выше правим <br><pre><code> var twitterAccount = "ТУТ свой аккаунт на Тввитер добавляем ";</code></pre><br><br>Файлы из архива заливаются в шаблон <br><br>В файле twitter-bird.js не забыть прописать полный путь до картинки http://ваш домен/js/twitter-bird.png<br><pre><code>var birdSprite = "ТУТ ПОЛНЫЙ АДРЕС ДО КАРТИНКИ twitter-bird.png";</code></pre><br><br>, можно попробовать удалить надпись ТУТ ПОЛНЫЙ АДРЕС ДО КАРТИНКИ и оставить <br><pre><code>var birdSprite = "twitter-bird.png";</code></pre><br><br>На этом все, скрипт прислал пользователь Karat7 <br><br>Скачать <a href="https://dle9.com/haki/">хаки для dle</a>, как скрипт Птичка Твиттер соц. сервис <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3091">Tvitter-ptica.rar</a> [155,57 Kb] (cкачиваний: 117) </span></description>
<category>DLE хаки   Разные навороты, сборник хаков</category>
<enclosure url="https://dle9.com/uploads/posts/2014-03/thumbs/1395378347_twitter-bird.jpg" type="image/jpeg" />
<pubDate>Thu, 21 Mar 2019 09:06:00 +0000</pubDate>
<yandex:full-text><a href="https://dle9.com/uploads/posts/2014-03/1395378347_twitter-bird.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2014-03/thumbs/1395378347_twitter-bird.jpg" style="float:left;max-width:100%;" alt=""></a><br><br>Представляем вам бесплатный и <a href="https://dle9.com/haki/haki-other/">прикольный JS скрипт</a> «<b>Птичка Твиттер</b>» по сайту летает птица синего цвета к месту куда вы наводите курсор мыши и просит поделиться в Twitter социальный сервис. Где-то даже продается этот скрипт за 5$, хотя автор предлагает бесплатно.<br>Скрипт Птичка Твиттер легко устанавливается на сайты <a href="https://dle9.com/">DLE</a> и другие интернет порталы под управлением разных CMS <a href="https://dle9.com/books/dle-news/">DataLife Engine</a>.<br><br>Установка делается легко. <br>в main.tpl подключаются файлы скрипта <br><pre><code>&lt;script type="text/javascript" src="js/twitter-bird.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; var twitterAccount = "ТУТ свой аккаунт на Тввитер добавляем "; var tweetThisText = " &lt;dаta:blog.pageTitle/&gt; : &lt;dаta:blog.url/&gt; "; tripleflapInit(); &lt;/script&gt;</code></pre><br>в этом месте кода выше правим <br><pre><code> var twitterAccount = "ТУТ свой аккаунт на Тввитер добавляем ";</code></pre><br><br>Файлы из архива заливаются в шаблон <br><br>В файле twitter-bird.js не забыть прописать полный путь до картинки http://ваш домен/js/twitter-bird.png<br><pre><code>var birdSprite = "ТУТ ПОЛНЫЙ АДРЕС ДО КАРТИНКИ twitter-bird.png";</code></pre><br><br>, можно попробовать удалить надпись ТУТ ПОЛНЫЙ АДРЕС ДО КАРТИНКИ и оставить <br><pre><code>var birdSprite = "twitter-bird.png";</code></pre><br><br>На этом все, скрипт прислал пользователь Karat7 <br><br>Скачать <a href="https://dle9.com/haki/">хаки для dle</a>, как скрипт Птичка Твиттер соц. сервис <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3091">Tvitter-ptica.rar</a> [155,57 Kb] (cкачиваний: 117) </span></yandex:full-text>
[allow-turbo]<turbo:content><![CDATA[<a href="https://dle9.com/uploads/posts/2014-03/1395378347_twitter-bird.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2014-03/thumbs/1395378347_twitter-bird.jpg" style="float:left;max-width:100%;" alt=""></a><br><br>Представляем вам бесплатный и <a href="https://dle9.com/haki/haki-other/">прикольный JS скрипт</a> «<b>Птичка Твиттер</b>» по сайту летает птица синего цвета к месту куда вы наводите курсор мыши и просит поделиться в Twitter социальный сервис. Где-то даже продается этот скрипт за 5$, хотя автор предлагает бесплатно.<br>Скрипт Птичка Твиттер легко устанавливается на сайты <a href="https://dle9.com/">DLE</a> и другие интернет порталы под управлением разных CMS <a href="https://dle9.com/books/dle-news/">DataLife Engine</a>.<br><br>Установка делается легко. <br>в main.tpl подключаются файлы скрипта <br><pre><code>&lt;script type="text/javascript" src="js/twitter-bird.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; var twitterAccount = "ТУТ свой аккаунт на Тввитер добавляем "; var tweetThisText = " &lt;dаta:blog.pageTitle/&gt; : &lt;dаta:blog.url/&gt; "; tripleflapInit(); &lt;/script&gt;</code></pre><br>в этом месте кода выше правим <br><pre><code> var twitterAccount = "ТУТ свой аккаунт на Тввитер добавляем ";</code></pre><br><br>Файлы из архива заливаются в шаблон <br><br>В файле twitter-bird.js не забыть прописать полный путь до картинки http://ваш домен/js/twitter-bird.png<br><pre><code>var birdSprite = "ТУТ ПОЛНЫЙ АДРЕС ДО КАРТИНКИ twitter-bird.png";</code></pre><br><br>, можно попробовать удалить надпись ТУТ ПОЛНЫЙ АДРЕС ДО КАРТИНКИ и оставить <br><pre><code>var birdSprite = "twitter-bird.png";</code></pre><br><br>На этом все, скрипт прислал пользователь Karat7 <br><br>Скачать <a href="https://dle9.com/haki/">хаки для dle</a>, как скрипт Птичка Твиттер соц. сервис <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3091">Tvitter-ptica.rar</a> [155,57 Kb] (cкачиваний: 117) </span>]]></turbo:content>[/allow-turbo]
[allow-dzen]<content:encoded><![CDATA[<a href="https://dle9.com/uploads/posts/2014-03/1395378347_twitter-bird.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2014-03/thumbs/1395378347_twitter-bird.jpg" style="float:left;max-width:100%;" alt=""></a><br><br>Представляем вам бесплатный и <a href="https://dle9.com/haki/haki-other/">прикольный JS скрипт</a> «<b>Птичка Твиттер</b>» по сайту летает птица синего цвета к месту куда вы наводите курсор мыши и просит поделиться в Twitter социальный сервис. Где-то даже продается этот скрипт за 5$, хотя автор предлагает бесплатно.<br>Скрипт Птичка Твиттер легко устанавливается на сайты <a href="https://dle9.com/">DLE</a> и другие интернет порталы под управлением разных CMS <a href="https://dle9.com/books/dle-news/">DataLife Engine</a>.<br><br>Установка делается легко. <br>в main.tpl подключаются файлы скрипта <br><pre><code>&lt;script type="text/javascript" src="js/twitter-bird.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; var twitterAccount = "ТУТ свой аккаунт на Тввитер добавляем "; var tweetThisText = " &lt;dаta:blog.pageTitle/&gt; : &lt;dаta:blog.url/&gt; "; tripleflapInit(); &lt;/script&gt;</code></pre><br>в этом месте кода выше правим <br><pre><code> var twitterAccount = "ТУТ свой аккаунт на Тввитер добавляем ";</code></pre><br><br>Файлы из архива заливаются в шаблон <br><br>В файле twitter-bird.js не забыть прописать полный путь до картинки http://ваш домен/js/twitter-bird.png<br><pre><code>var birdSprite = "ТУТ ПОЛНЫЙ АДРЕС ДО КАРТИНКИ twitter-bird.png";</code></pre><br><br>, можно попробовать удалить надпись ТУТ ПОЛНЫЙ АДРЕС ДО КАРТИНКИ и оставить <br><pre><code>var birdSprite = "twitter-bird.png";</code></pre><br><br>На этом все, скрипт прислал пользователь Karat7 <br><br>Скачать <a href="https://dle9.com/haki/">хаки для dle</a>, как скрипт Птичка Твиттер соц. сервис <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=3091">Tvitter-ptica.rar</a> [155,57 Kb] (cкачиваний: 117) </span>]]></content:encoded>[/allow-dzen]
</item>[/yandexrss][shortrss]<item turbo="{allow-turbo}">
<title>Красивый Слайдер для DLE</title>
<guid isPermaLink="true">https://dle9.com/haki/4558-krasivyy-slayder-dlya-dle.html</guid>
<link>https://dle9.com/haki/4558-krasivyy-slayder-dlya-dle.html</link>
<description><a href="https://dle9.com/uploads/posts/2016-11/1480527539_1211.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-11/thumbs/1480527539_1211.jpg" style="float:left;max-width:100%;" alt=""></a><br><br>Красивый <b>Auto Slider</b> для <a href="https://dle9.com/books/dle-news/4434-skachat-dle-111.html">DLE 11.1</a> - cлайдер DLE (для всех версий), установка простая и не займет много времени. Размер блока для установки по умолчанию 940px. Совместимость с браузерами: IE6 до IE8 + Chrome + Opera + Firefox. Теперь естественно приступим к установки слайдера!<br><br>Красивый Слайдер для <a href="https://dle9.com/">DLE</a> (Auto Slider) установка:<br><br>1. Для начала скопируйте все файлы из папки Slider в данном архиве на ваш сервер. Внимание ! Из папки &#123;THEME} архива Auto-slider.zip, файлы следует перекачать в вашу папку шаблона. <br>2. Строки кода выше добавляемым до закрывающих тегов <br><pre><code>&lt; / head &gt;</code></pre><br><br>следующий код:<br><pre><code> marqueeInit({ uniqueid: 'mycrawler2', style: { 'padding': '2px', 'width': '100%', 'height': '195px' }, inc: 7, //speed - pixel increment for each iteration of this marquee's movement mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false) moveatleast: 2, neutral: 150, savedirection: true, random: true}); </code></pre><br><br>3. Open 'main.tpl' и добавить кодировщик , где вы хотите отобразить его.<br><br>&#123;custom category="1,2,3,4,5,6,7,8,9,10" template="slider" aviable="global" from="0" limit="10" cache="yes"}<br><br>4. В "CSS" Открыть папку "style.css" и добавить в любом месте<br><pre><code>/* Movies */ .slider { width:940px; float:left; height: 195px; margin:5px 0 0 0; padding:7px; border-style: solid; border-width: 1px; border-color: #D3D3D3; -moz-border-radius: 7px; } .slider img { margin-left:5px; border-style: solid; border-width: 1px; border-radius : 8px; margin : 5px; background : #ffffff; padding : 5px; position : relative; box-shadow : 0 5px 3px rgba(0, 0, 0, 0.1); border-color: #A9A9A9; -webkit-filter: brightness(70%); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; -moz-border-radius: 7px; } .slider a:hover img { margin-left:5px; border-style: solid; border-color:#2F4F4F; -webkit-filter: brightness(145%); -moz-border-radius: 7px; } /* End Movies */ </code></pre><br><br>Вы можете выбрать любую категорию и выбрать количество новостей , чтобы показать в слайдер <br>категории = "1,2,3,4" /////// выбрать любую категорию , которую вы хотите отобразить <br>предел = "10" ////// Выберите количество новостей для отображения!<br><br>Красивый Слайдер Auto Slider для <a href="https://dle9.com/books/dle-news/">DataLife Engine</a> скачать <u>Обращайтесь к пользователю</u> <b>admin491</b> модуль Auto-slider-DLE-11.1 <span style="color:#CC0000;"><b>Платный</b></span>.</description>
[allow-turbo]<turbo:content><![CDATA[<a href="https://dle9.com/uploads/posts/2016-11/1480527539_1211.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-11/thumbs/1480527539_1211.jpg" style="float:left;max-width:100%;" alt=""></a><br><br>Красивый <b>Auto Slider</b> для <a href="https://dle9.com/books/dle-news/4434-skachat-dle-111.html">DLE 11.1</a> - cлайдер DLE (для всех версий), установка простая и не займет много времени. Размер блока для установки по умолчанию 940px. Совместимость с браузерами: IE6 до IE8 + Chrome + Opera + Firefox. Теперь естественно приступим к установки слайдера!<br><br>Красивый Слайдер для <a href="https://dle9.com/">DLE</a> (Auto Slider) установка:<br><br>1. Для начала скопируйте все файлы из папки Slider в данном архиве на ваш сервер. Внимание ! Из папки &#123;THEME} архива Auto-slider.zip, файлы следует перекачать в вашу папку шаблона. <br>2. Строки кода выше добавляемым до закрывающих тегов <br><pre><code>&lt; / head &gt;</code></pre><br><br>следующий код:<br><pre><code> marqueeInit({ uniqueid: 'mycrawler2', style: { 'padding': '2px', 'width': '100%', 'height': '195px' }, inc: 7, //speed - pixel increment for each iteration of this marquee's movement mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false) moveatleast: 2, neutral: 150, savedirection: true, random: true}); </code></pre><br><br>3. Open 'main.tpl' и добавить кодировщик , где вы хотите отобразить его.<br><br>&#123;custom category="1,2,3,4,5,6,7,8,9,10" template="slider" aviable="global" from="0" limit="10" cache="yes"}<br><br>4. В "CSS" Открыть папку "style.css" и добавить в любом месте<br><pre><code>/* Movies */ .slider { width:940px; float:left; height: 195px; margin:5px 0 0 0; padding:7px; border-style: solid; border-width: 1px; border-color: #D3D3D3; -moz-border-radius: 7px; } .slider img { margin-left:5px; border-style: solid; border-width: 1px; border-radius : 8px; margin : 5px; background : #ffffff; padding : 5px; position : relative; box-shadow : 0 5px 3px rgba(0, 0, 0, 0.1); border-color: #A9A9A9; -webkit-filter: brightness(70%); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; -moz-border-radius: 7px; } .slider a:hover img { margin-left:5px; border-style: solid; border-color:#2F4F4F; -webkit-filter: brightness(145%); -moz-border-radius: 7px; } /* End Movies */ </code></pre><br><br>Вы можете выбрать любую категорию и выбрать количество новостей , чтобы показать в слайдер <br>категории = "1,2,3,4" /////// выбрать любую категорию , которую вы хотите отобразить <br>предел = "10" ////// Выберите количество новостей для отображения!<br><br>Красивый Слайдер Auto Slider для <a href="https://dle9.com/books/dle-news/">DataLife Engine</a> скачать <u>Обращайтесь к пользователю</u> <b>admin491</b> модуль Auto-slider-DLE-11.1 <span style="color:#CC0000;"><b>Платный</b></span>.]]></turbo:content>[/allow-turbo]
<category>DLE хаки   Разные навороты, сборник хаков</category>
<dc:creator>dle9.com</dc:creator>
<pubDate>Mon, 21 Jan 2019 20:44:00 +0000</pubDate>
</item>[/shortrss]
[fullrss]<item turbo="{allow-turbo}">
<title>Красивый Слайдер для DLE</title>
<guid isPermaLink="true">https://dle9.com/haki/4558-krasivyy-slayder-dlya-dle.html</guid>
<link>https://dle9.com/haki/4558-krasivyy-slayder-dlya-dle.html</link>
<category><![CDATA[DLE хаки   Разные навороты, сборник хаков]]></category>
<dc:creator>dle9.com</dc:creator>
<pubDate>Mon, 21 Jan 2019 20:44:00 +0000</pubDate>
<description><![CDATA[<a href="https://dle9.com/uploads/posts/2016-11/1480527539_1211.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-11/thumbs/1480527539_1211.jpg" style="float:left;max-width:100%;" alt=""></a><br><br>Красивый <b>Auto Slider</b> для <a href="https://dle9.com/books/dle-news/4434-skachat-dle-111.html">DLE 11.1</a> - cлайдер DLE (для всех версий), установка простая и не займет много времени. Размер блока для установки по умолчанию 940px. Совместимость с браузерами: IE6 до IE8 + Chrome + Opera + Firefox. Теперь естественно приступим к установки слайдера!<br><br>Красивый Слайдер для <a href="https://dle9.com/">DLE</a> (Auto Slider) установка:<br><br>1. Для начала скопируйте все файлы из папки Slider в данном архиве на ваш сервер. Внимание ! Из папки &#123;THEME} архива Auto-slider.zip, файлы следует перекачать в вашу папку шаблона. <br>2. Строки кода выше добавляемым до закрывающих тегов <br><pre><code>&lt; / head &gt;</code></pre><br><br>следующий код:<br><pre><code> marqueeInit({ uniqueid: 'mycrawler2', style: { 'padding': '2px', 'width': '100%', 'height': '195px' }, inc: 7, //speed - pixel increment for each iteration of this marquee's movement mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false) moveatleast: 2, neutral: 150, savedirection: true, random: true}); </code></pre><br><br>3. Open 'main.tpl' и добавить кодировщик , где вы хотите отобразить его.<br><br>&#123;custom category="1,2,3,4,5,6,7,8,9,10" template="slider" aviable="global" from="0" limit="10" cache="yes"}<br><br>4. В "CSS" Открыть папку "style.css" и добавить в любом месте<br><pre><code>/* Movies */ .slider { width:940px; float:left; height: 195px; margin:5px 0 0 0; padding:7px; border-style: solid; border-width: 1px; border-color: #D3D3D3; -moz-border-radius: 7px; } .slider img { margin-left:5px; border-style: solid; border-width: 1px; border-radius : 8px; margin : 5px; background : #ffffff; padding : 5px; position : relative; box-shadow : 0 5px 3px rgba(0, 0, 0, 0.1); border-color: #A9A9A9; -webkit-filter: brightness(70%); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; -moz-border-radius: 7px; } .slider a:hover img { margin-left:5px; border-style: solid; border-color:#2F4F4F; -webkit-filter: brightness(145%); -moz-border-radius: 7px; } /* End Movies */ </code></pre><br><br>Вы можете выбрать любую категорию и выбрать количество новостей , чтобы показать в слайдер <br>категории = "1,2,3,4" /////// выбрать любую категорию , которую вы хотите отобразить <br>предел = "10" ////// Выберите количество новостей для отображения!<br><br>Красивый Слайдер Auto Slider для <a href="https://dle9.com/books/dle-news/">DataLife Engine</a> скачать <u>Обращайтесь к пользователю</u> <b>admin491</b> модуль Auto-slider-DLE-11.1 <span style="color:#CC0000;"><b>Платный</b></span>.]]></description>
[allow-turbo]<turbo:content><![CDATA[<a href="https://dle9.com/uploads/posts/2016-11/1480527539_1211.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-11/thumbs/1480527539_1211.jpg" style="float:left;max-width:100%;" alt=""></a><br><br>Красивый <b>Auto Slider</b> для <a href="https://dle9.com/books/dle-news/4434-skachat-dle-111.html">DLE 11.1</a> - cлайдер DLE (для всех версий), установка простая и не займет много времени. Размер блока для установки по умолчанию 940px. Совместимость с браузерами: IE6 до IE8 + Chrome + Opera + Firefox. Теперь естественно приступим к установки слайдера!<br><br>Красивый Слайдер для <a href="https://dle9.com/">DLE</a> (Auto Slider) установка:<br><br>1. Для начала скопируйте все файлы из папки Slider в данном архиве на ваш сервер. Внимание ! Из папки &#123;THEME} архива Auto-slider.zip, файлы следует перекачать в вашу папку шаблона. <br>2. Строки кода выше добавляемым до закрывающих тегов <br><pre><code>&lt; / head &gt;</code></pre><br><br>следующий код:<br><pre><code> marqueeInit({ uniqueid: 'mycrawler2', style: { 'padding': '2px', 'width': '100%', 'height': '195px' }, inc: 7, //speed - pixel increment for each iteration of this marquee's movement mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false) moveatleast: 2, neutral: 150, savedirection: true, random: true}); </code></pre><br><br>3. Open 'main.tpl' и добавить кодировщик , где вы хотите отобразить его.<br><br>&#123;custom category="1,2,3,4,5,6,7,8,9,10" template="slider" aviable="global" from="0" limit="10" cache="yes"}<br><br>4. В "CSS" Открыть папку "style.css" и добавить в любом месте<br><pre><code>/* Movies */ .slider { width:940px; float:left; height: 195px; margin:5px 0 0 0; padding:7px; border-style: solid; border-width: 1px; border-color: #D3D3D3; -moz-border-radius: 7px; } .slider img { margin-left:5px; border-style: solid; border-width: 1px; border-radius : 8px; margin : 5px; background : #ffffff; padding : 5px; position : relative; box-shadow : 0 5px 3px rgba(0, 0, 0, 0.1); border-color: #A9A9A9; -webkit-filter: brightness(70%); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; -moz-border-radius: 7px; } .slider a:hover img { margin-left:5px; border-style: solid; border-color:#2F4F4F; -webkit-filter: brightness(145%); -moz-border-radius: 7px; } /* End Movies */ </code></pre><br><br>Вы можете выбрать любую категорию и выбрать количество новостей , чтобы показать в слайдер <br>категории = "1,2,3,4" /////// выбрать любую категорию , которую вы хотите отобразить <br>предел = "10" ////// Выберите количество новостей для отображения!<br><br>Красивый Слайдер Auto Slider для <a href="https://dle9.com/books/dle-news/">DataLife Engine</a> скачать <u>Обращайтесь к пользователю</u> <b>admin491</b> модуль Auto-slider-DLE-11.1 <span style="color:#CC0000;"><b>Платный</b></span>.]]></turbo:content>[/allow-turbo]
[allow-dzen]<content:encoded><![CDATA[<a href="https://dle9.com/uploads/posts/2016-11/1480527539_1211.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-11/thumbs/1480527539_1211.jpg" style="float:left;max-width:100%;" alt=""></a><br><br>Красивый <b>Auto Slider</b> для <a href="https://dle9.com/books/dle-news/4434-skachat-dle-111.html">DLE 11.1</a> - cлайдер DLE (для всех версий), установка простая и не займет много времени. Размер блока для установки по умолчанию 940px. Совместимость с браузерами: IE6 до IE8 + Chrome + Opera + Firefox. Теперь естественно приступим к установки слайдера!<br><br>Красивый Слайдер для <a href="https://dle9.com/">DLE</a> (Auto Slider) установка:<br><br>1. Для начала скопируйте все файлы из папки Slider в данном архиве на ваш сервер. Внимание ! Из папки &#123;THEME} архива Auto-slider.zip, файлы следует перекачать в вашу папку шаблона. <br>2. Строки кода выше добавляемым до закрывающих тегов <br><pre><code>&lt; / head &gt;</code></pre><br><br>следующий код:<br><pre><code> marqueeInit({ uniqueid: 'mycrawler2', style: { 'padding': '2px', 'width': '100%', 'height': '195px' }, inc: 7, //speed - pixel increment for each iteration of this marquee's movement mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false) moveatleast: 2, neutral: 150, savedirection: true, random: true}); </code></pre><br><br>3. Open 'main.tpl' и добавить кодировщик , где вы хотите отобразить его.<br><br>&#123;custom category="1,2,3,4,5,6,7,8,9,10" template="slider" aviable="global" from="0" limit="10" cache="yes"}<br><br>4. В "CSS" Открыть папку "style.css" и добавить в любом месте<br><pre><code>/* Movies */ .slider { width:940px; float:left; height: 195px; margin:5px 0 0 0; padding:7px; border-style: solid; border-width: 1px; border-color: #D3D3D3; -moz-border-radius: 7px; } .slider img { margin-left:5px; border-style: solid; border-width: 1px; border-radius : 8px; margin : 5px; background : #ffffff; padding : 5px; position : relative; box-shadow : 0 5px 3px rgba(0, 0, 0, 0.1); border-color: #A9A9A9; -webkit-filter: brightness(70%); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; -moz-border-radius: 7px; } .slider a:hover img { margin-left:5px; border-style: solid; border-color:#2F4F4F; -webkit-filter: brightness(145%); -moz-border-radius: 7px; } /* End Movies */ </code></pre><br><br>Вы можете выбрать любую категорию и выбрать количество новостей , чтобы показать в слайдер <br>категории = "1,2,3,4" /////// выбрать любую категорию , которую вы хотите отобразить <br>предел = "10" ////// Выберите количество новостей для отображения!<br><br>Красивый Слайдер Auto Slider для <a href="https://dle9.com/books/dle-news/">DataLife Engine</a> скачать <u>Обращайтесь к пользователю</u> <b>admin491</b> модуль Auto-slider-DLE-11.1 <span style="color:#CC0000;"><b>Платный</b></span>.]]></content:encoded>[/allow-dzen]
</item>[/fullrss]
[yandexrss]<item turbo="{allow-turbo}">
<title>Красивый Слайдер для DLE</title>
<link>https://dle9.com/haki/4558-krasivyy-slayder-dlya-dle.html</link>
<description><a href="https://dle9.com/uploads/posts/2016-11/1480527539_1211.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-11/thumbs/1480527539_1211.jpg" style="float:left;max-width:100%;" alt=""></a><br><br>Красивый <b>Auto Slider</b> для <a href="https://dle9.com/books/dle-news/4434-skachat-dle-111.html">DLE 11.1</a> - cлайдер DLE (для всех версий), установка простая и не займет много времени. Размер блока для установки по умолчанию 940px. Совместимость с браузерами: IE6 до IE8 + Chrome + Opera + Firefox. Теперь естественно приступим к установки слайдера!<br><br>Красивый Слайдер для <a href="https://dle9.com/">DLE</a> (Auto Slider) установка:<br><br>1. Для начала скопируйте все файлы из папки Slider в данном архиве на ваш сервер. Внимание ! Из папки &#123;THEME} архива Auto-slider.zip, файлы следует перекачать в вашу папку шаблона. <br>2. Строки кода выше добавляемым до закрывающих тегов <br><pre><code>&lt; / head &gt;</code></pre><br><br>следующий код:<br><pre><code> marqueeInit({ uniqueid: 'mycrawler2', style: { 'padding': '2px', 'width': '100%', 'height': '195px' }, inc: 7, //speed - pixel increment for each iteration of this marquee's movement mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false) moveatleast: 2, neutral: 150, savedirection: true, random: true}); </code></pre><br><br>3. Open 'main.tpl' и добавить кодировщик , где вы хотите отобразить его.<br><br>&#123;custom category="1,2,3,4,5,6,7,8,9,10" template="slider" aviable="global" from="0" limit="10" cache="yes"}<br><br>4. В "CSS" Открыть папку "style.css" и добавить в любом месте<br><pre><code>/* Movies */ .slider { width:940px; float:left; height: 195px; margin:5px 0 0 0; padding:7px; border-style: solid; border-width: 1px; border-color: #D3D3D3; -moz-border-radius: 7px; } .slider img { margin-left:5px; border-style: solid; border-width: 1px; border-radius : 8px; margin : 5px; background : #ffffff; padding : 5px; position : relative; box-shadow : 0 5px 3px rgba(0, 0, 0, 0.1); border-color: #A9A9A9; -webkit-filter: brightness(70%); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; -moz-border-radius: 7px; } .slider a:hover img { margin-left:5px; border-style: solid; border-color:#2F4F4F; -webkit-filter: brightness(145%); -moz-border-radius: 7px; } /* End Movies */ </code></pre><br><br>Вы можете выбрать любую категорию и выбрать количество новостей , чтобы показать в слайдер <br>категории = "1,2,3,4" /////// выбрать любую категорию , которую вы хотите отобразить <br>предел = "10" ////// Выберите количество новостей для отображения!<br><br>Красивый Слайдер Auto Slider для <a href="https://dle9.com/books/dle-news/">DataLife Engine</a> скачать <u>Обращайтесь к пользователю</u> <b>admin491</b> модуль Auto-slider-DLE-11.1 <span style="color:#CC0000;"><b>Платный</b></span>.</description>
<category>DLE хаки   Разные навороты, сборник хаков</category>
<enclosure url="https://dle9.com/uploads/posts/2016-11/thumbs/1480527539_1211.jpg" type="image/jpeg" />
<pubDate>Mon, 21 Jan 2019 20:44:00 +0000</pubDate>
<yandex:full-text><a href="https://dle9.com/uploads/posts/2016-11/1480527539_1211.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-11/thumbs/1480527539_1211.jpg" style="float:left;max-width:100%;" alt=""></a><br><br>Красивый <b>Auto Slider</b> для <a href="https://dle9.com/books/dle-news/4434-skachat-dle-111.html">DLE 11.1</a> - cлайдер DLE (для всех версий), установка простая и не займет много времени. Размер блока для установки по умолчанию 940px. Совместимость с браузерами: IE6 до IE8 + Chrome + Opera + Firefox. Теперь естественно приступим к установки слайдера!<br><br>Красивый Слайдер для <a href="https://dle9.com/">DLE</a> (Auto Slider) установка:<br><br>1. Для начала скопируйте все файлы из папки Slider в данном архиве на ваш сервер. Внимание ! Из папки &#123;THEME} архива Auto-slider.zip, файлы следует перекачать в вашу папку шаблона. <br>2. Строки кода выше добавляемым до закрывающих тегов <br><pre><code>&lt; / head &gt;</code></pre><br><br>следующий код:<br><pre><code> marqueeInit({ uniqueid: 'mycrawler2', style: { 'padding': '2px', 'width': '100%', 'height': '195px' }, inc: 7, //speed - pixel increment for each iteration of this marquee's movement mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false) moveatleast: 2, neutral: 150, savedirection: true, random: true}); </code></pre><br><br>3. Open 'main.tpl' и добавить кодировщик , где вы хотите отобразить его.<br><br>&#123;custom category="1,2,3,4,5,6,7,8,9,10" template="slider" aviable="global" from="0" limit="10" cache="yes"}<br><br>4. В "CSS" Открыть папку "style.css" и добавить в любом месте<br><pre><code>/* Movies */ .slider { width:940px; float:left; height: 195px; margin:5px 0 0 0; padding:7px; border-style: solid; border-width: 1px; border-color: #D3D3D3; -moz-border-radius: 7px; } .slider img { margin-left:5px; border-style: solid; border-width: 1px; border-radius : 8px; margin : 5px; background : #ffffff; padding : 5px; position : relative; box-shadow : 0 5px 3px rgba(0, 0, 0, 0.1); border-color: #A9A9A9; -webkit-filter: brightness(70%); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; -moz-border-radius: 7px; } .slider a:hover img { margin-left:5px; border-style: solid; border-color:#2F4F4F; -webkit-filter: brightness(145%); -moz-border-radius: 7px; } /* End Movies */ </code></pre><br><br>Вы можете выбрать любую категорию и выбрать количество новостей , чтобы показать в слайдер <br>категории = "1,2,3,4" /////// выбрать любую категорию , которую вы хотите отобразить <br>предел = "10" ////// Выберите количество новостей для отображения!<br><br>Красивый Слайдер Auto Slider для <a href="https://dle9.com/books/dle-news/">DataLife Engine</a> скачать <u>Обращайтесь к пользователю</u> <b>admin491</b> модуль Auto-slider-DLE-11.1 <span style="color:#CC0000;"><b>Платный</b></span>.</yandex:full-text>
[allow-turbo]<turbo:content><![CDATA[<a href="https://dle9.com/uploads/posts/2016-11/1480527539_1211.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-11/thumbs/1480527539_1211.jpg" style="float:left;max-width:100%;" alt=""></a><br><br>Красивый <b>Auto Slider</b> для <a href="https://dle9.com/books/dle-news/4434-skachat-dle-111.html">DLE 11.1</a> - cлайдер DLE (для всех версий), установка простая и не займет много времени. Размер блока для установки по умолчанию 940px. Совместимость с браузерами: IE6 до IE8 + Chrome + Opera + Firefox. Теперь естественно приступим к установки слайдера!<br><br>Красивый Слайдер для <a href="https://dle9.com/">DLE</a> (Auto Slider) установка:<br><br>1. Для начала скопируйте все файлы из папки Slider в данном архиве на ваш сервер. Внимание ! Из папки &#123;THEME} архива Auto-slider.zip, файлы следует перекачать в вашу папку шаблона. <br>2. Строки кода выше добавляемым до закрывающих тегов <br><pre><code>&lt; / head &gt;</code></pre><br><br>следующий код:<br><pre><code> marqueeInit({ uniqueid: 'mycrawler2', style: { 'padding': '2px', 'width': '100%', 'height': '195px' }, inc: 7, //speed - pixel increment for each iteration of this marquee's movement mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false) moveatleast: 2, neutral: 150, savedirection: true, random: true}); </code></pre><br><br>3. Open 'main.tpl' и добавить кодировщик , где вы хотите отобразить его.<br><br>&#123;custom category="1,2,3,4,5,6,7,8,9,10" template="slider" aviable="global" from="0" limit="10" cache="yes"}<br><br>4. В "CSS" Открыть папку "style.css" и добавить в любом месте<br><pre><code>/* Movies */ .slider { width:940px; float:left; height: 195px; margin:5px 0 0 0; padding:7px; border-style: solid; border-width: 1px; border-color: #D3D3D3; -moz-border-radius: 7px; } .slider img { margin-left:5px; border-style: solid; border-width: 1px; border-radius : 8px; margin : 5px; background : #ffffff; padding : 5px; position : relative; box-shadow : 0 5px 3px rgba(0, 0, 0, 0.1); border-color: #A9A9A9; -webkit-filter: brightness(70%); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; -moz-border-radius: 7px; } .slider a:hover img { margin-left:5px; border-style: solid; border-color:#2F4F4F; -webkit-filter: brightness(145%); -moz-border-radius: 7px; } /* End Movies */ </code></pre><br><br>Вы можете выбрать любую категорию и выбрать количество новостей , чтобы показать в слайдер <br>категории = "1,2,3,4" /////// выбрать любую категорию , которую вы хотите отобразить <br>предел = "10" ////// Выберите количество новостей для отображения!<br><br>Красивый Слайдер Auto Slider для <a href="https://dle9.com/books/dle-news/">DataLife Engine</a> скачать <u>Обращайтесь к пользователю</u> <b>admin491</b> модуль Auto-slider-DLE-11.1 <span style="color:#CC0000;"><b>Платный</b></span>.]]></turbo:content>[/allow-turbo]
[allow-dzen]<content:encoded><![CDATA[<a href="https://dle9.com/uploads/posts/2016-11/1480527539_1211.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2016-11/thumbs/1480527539_1211.jpg" style="float:left;max-width:100%;" alt=""></a><br><br>Красивый <b>Auto Slider</b> для <a href="https://dle9.com/books/dle-news/4434-skachat-dle-111.html">DLE 11.1</a> - cлайдер DLE (для всех версий), установка простая и не займет много времени. Размер блока для установки по умолчанию 940px. Совместимость с браузерами: IE6 до IE8 + Chrome + Opera + Firefox. Теперь естественно приступим к установки слайдера!<br><br>Красивый Слайдер для <a href="https://dle9.com/">DLE</a> (Auto Slider) установка:<br><br>1. Для начала скопируйте все файлы из папки Slider в данном архиве на ваш сервер. Внимание ! Из папки &#123;THEME} архива Auto-slider.zip, файлы следует перекачать в вашу папку шаблона. <br>2. Строки кода выше добавляемым до закрывающих тегов <br><pre><code>&lt; / head &gt;</code></pre><br><br>следующий код:<br><pre><code> marqueeInit({ uniqueid: 'mycrawler2', style: { 'padding': '2px', 'width': '100%', 'height': '195px' }, inc: 7, //speed - pixel increment for each iteration of this marquee's movement mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false) moveatleast: 2, neutral: 150, savedirection: true, random: true}); </code></pre><br><br>3. Open 'main.tpl' и добавить кодировщик , где вы хотите отобразить его.<br><br>&#123;custom category="1,2,3,4,5,6,7,8,9,10" template="slider" aviable="global" from="0" limit="10" cache="yes"}<br><br>4. В "CSS" Открыть папку "style.css" и добавить в любом месте<br><pre><code>/* Movies */ .slider { width:940px; float:left; height: 195px; margin:5px 0 0 0; padding:7px; border-style: solid; border-width: 1px; border-color: #D3D3D3; -moz-border-radius: 7px; } .slider img { margin-left:5px; border-style: solid; border-width: 1px; border-radius : 8px; margin : 5px; background : #ffffff; padding : 5px; position : relative; box-shadow : 0 5px 3px rgba(0, 0, 0, 0.1); border-color: #A9A9A9; -webkit-filter: brightness(70%); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; -moz-border-radius: 7px; } .slider a:hover img { margin-left:5px; border-style: solid; border-color:#2F4F4F; -webkit-filter: brightness(145%); -moz-border-radius: 7px; } /* End Movies */ </code></pre><br><br>Вы можете выбрать любую категорию и выбрать количество новостей , чтобы показать в слайдер <br>категории = "1,2,3,4" /////// выбрать любую категорию , которую вы хотите отобразить <br>предел = "10" ////// Выберите количество новостей для отображения!<br><br>Красивый Слайдер Auto Slider для <a href="https://dle9.com/books/dle-news/">DataLife Engine</a> скачать <u>Обращайтесь к пользователю</u> <b>admin491</b> модуль Auto-slider-DLE-11.1 <span style="color:#CC0000;"><b>Платный</b></span>.]]></content:encoded>[/allow-dzen]
</item>[/yandexrss][shortrss]<item turbo="{allow-turbo}">
<title>Хак меняет вид Shortstory на лету для DLE</title>
<guid isPermaLink="true">https://dle9.com/haki/3488-hak-menyaet-vid-shortstory-na-letu-dlya-dle.html</guid>
<link>https://dle9.com/haki/3488-hak-menyaet-vid-shortstory-na-letu-dlya-dle.html</link>
<description><a href="https://dle9.com/uploads/posts/2014-03/1395041679_menyaem-vid-shortstory-na-letu.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2014-03/thumbs/1395041679_menyaem-vid-shortstory-na-letu.jpg" style="float:left;max-width:100%;" alt=""></a><br><br><a href="https://dle9.com/haki/hak-dle/">Хак</a> <b>меняет вид Shortstory на лету</b> для <a href="https://dle9.com/">DLE</a> - это модификация использует скрипт jquery, чтобы переключать оформление шаблона короткой новости при просмотр в <a href="https://dle9.com/books/dle-news/">DataLife Engine</a>, есть три режима: вывод списком, картинками или стандартным видом.<br><br>Это вырезанный кусок кода взятый у автора Sander с новости Переключение <a href="https://dle9.com/besplatnye/shabloni/">шаблонов</a> shortstory.<br><br>Установка хака на дле Меняем вид Shortstory на лету:<br>В main.tpl вставить<br><br><pre><code>[aviable=main] &lt;script type="text/javascript"&gt; $(function(){ if($.cookie('short_template')){ $(".templtes").removeClass('current'); $(".templater a[data-template]").removeClass('current').each(function(){ if($(this).data('template')==$.cookie('short_template')){ $(this).addClass('current'); $(".template-"+$.cookie('short_template')).addClass('current'); } }); } $(".templater a[data-template]").click(function(){ if($(this).hasClass('current')) return false; $(this).addClass('current').siblings().removeClass('current'); $(".templtes").removeClass('current'); $(".template-"+$(this).data('template')).addClass('current'); $.cookie('short_template', $(this).data('template'),{path:'/'}); window.location.href=dle_root+'?short_template'+$(this).data('template'); return false; }); }) &lt;/script&gt; &lt;div class="sortn dpad"&gt;&lt;div class="sortn"&gt;&lt;div class="templater"&gt;Режим просмотра: &lt;a href="#" class="current" data-template="default"&gt;Стандарт&lt;/a&gt; | &lt;a href="#" data-template="list"&gt;Список&lt;/a&gt; | &lt;a href="#" data-template="icons"&gt;Иконки&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; [/aviable]</code></pre><br><br>Добавляем стили:<br><br><pre><code>.templater .current{color:#c00;} .templtes{display:none;} .templtes.current{display:block;}</code></pre><br><br>Качаем архив и подключаем: jquery.cookie.js<br>Открываем файл engine/modules/show.short.php<br><br>Закоментируем строки:<br><br><pre><code>/* if( isset( $view_template ) and $view_template == "rss" ) { } elseif( $category_id and $cat_info[$category_id]['short_tpl'] != '' ) $tpl-&gt;load_template( $cat_info[$category_id]['short_tpl'] . '.tpl' ); else $tpl-&gt;load_template( 'shortstory.tpl' ); */</code></pre><br><br>Вставляем ниже:<br><pre><code> $user_short_tpl = array( 'default' =&gt; 'shortstory.tpl', //дефолтный шаблон 'list' =&gt; 'shortstory_list.tpl', // шаблон списком 'icons' =&gt; 'shortstory_icons.tpl' // шаблон картинки ); $user_tpl =(isset($_COOKIE['short_template']) &amp;&amp; isset($user_short_tpl[$_COOKIE['short_template']])) ? $user_short_tpl[$_COOKIE['short_template']] : $user_short_tpl['default']; $user_tpl = (isset($_GET['short_template']) &amp;&amp; isset($user_short_tpl[$_GET['short_template']])) ? $user_short_tpl[$_GET['short_template']] : $user_tpl; if( isset( $view_template ) and $view_template == "rss" ) { } elseif( $category_id and $cat_info[$category_id]['short_tpl'] != '' ) $tpl-&gt;load_template( $cat_info[$category_id]['short_tpl'] . '.tpl' ); else $tpl-&gt;load_template($user_tpl);</code></pre><br>Вот и всё!<br><br><span style="color:#CC0000;"><b>Обновленный хак</b></span> меняет вид Shortstory на лету для DLE 13.0 <br>Автор обновления пользователь: TeraMoune<br><br>От автора: По поводу самой реализации, думаю нету смысла передавать get параметр и считывать его. Ведь мы при нажатии определили куки и при обновлении система считывает параметр и присваивает переменной её значение.<br><br>Есть xml под 13 версию движка. В админку добавил поле где можно перечислять шаблоны. Размещение html разметки осуществляется тегом {sortn} в любом месте main.tpl и дочерних шаблонах.<br><br>Поделился хаком на сайте Sander'a в той самой теме, он что-то мне про фильтрацию начал втирать. Я дописал с фильтрацией и еще появился некий предохранитель. Если писать произвольные названия префиксов в куках будет происходить проверка и если у шаблона указанного нету будет грузить дефолт. А сами переключатели видны только там где используется модуль show.short.php. Вот такие не плохие доработки. <br><br><br>В прочем вот сам xml <br><br><pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;dleplugin&gt; &lt;name&gt;Change shortstory&lt;/name&gt; &lt;description&gt;В шаблоне main.tpl и других подключенных в нём в удобном месте используйте {sortn} Добавление и изменение html разметки осуществляется в разделе &amp;quot;Действия в файлах&amp;quot; в правках над файлом &amp;quot;engine/modules/main.php&amp;quot;&lt;/description&gt; &lt;icon&gt;&lt;/icon&gt; &lt;version&gt;&lt;/version&gt; &lt;dleversion&gt;13&lt;/dleversion&gt; &lt;versioncompare&gt;greater&lt;/versioncompare&gt; &lt;mysqlinstall&gt;&lt;![CDATA[]]&gt;&lt;/mysqlinstall&gt; &lt;mysqlupgrade&gt;&lt;![CDATA[]]&gt;&lt;/mysqlupgrade&gt; &lt;mysqlenable&gt;&lt;![CDATA[]]&gt;&lt;/mysqlenable&gt; &lt;mysqldisable&gt;&lt;![CDATA[]]&gt;&lt;/mysqldisable&gt; &lt;mysqldelete&gt;&lt;![CDATA[]]&gt;&lt;/mysqldelete&gt; &lt;file name="engine/modules/show.short.php"&gt; &lt;operation action="replace"&gt; &lt;searchcode&gt;&lt;![CDATA[ if( $view_template != "rss" ) { if( $category_id and $cat_info[$category_id]['short_tpl'] != '' ) $tpl-&gt;load_template( $cat_info[$category_id]['short_tpl'] . '.tpl' ); else $tpl-&gt;load_template( 'shortstory.tpl' ); }]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[$change_template = true; if( isset($config['change_template']) AND $config['change_template'] != '' ) { $user_short_tpl_tmp = explode(',', $config['change_template']); if( count($user_short_tpl_tmp) &lt;= 1 ) $change_template = false; } $user_tpl = isset($_COOKIE['short_template']) ? trim($_COOKIE['short_template']) : 'default'; $user_tpl = ($user_tpl == 'default' OR !$change_template) ? 'shortstory.tpl' : 'shortstory_'.$user_tpl.'.tpl'; if( $view_template != "rss" ) { if( $category_id and $cat_info[$category_id]['short_tpl'] != '' ) $tpl-&gt;load_template( $cat_info[$category_id]['short_tpl'] . '.tpl' ); else $tpl-&gt;load_template( $user_tpl ); }]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;operation action="after"&gt; &lt;searchcode&gt;&lt;![CDATA[$db-&gt;free( $sql_result );]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[$onload_scripts[] = &lt;&lt;&lt;HTML $(".templater a[data-template]").click(function(){ if($(this).hasClass('current')) return false; $(this).addClass('current').siblings().removeClass('current'); $(".templtes").removeClass('current'); $(".template-"+$(this).data('template')).addClass('current'); Cookie.create('short_template', $(this).data('template'), { expires: 8760, path: '/' }); window.location.href=location.href; return false; }); HTML;]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;/file&gt; &lt;file name="engine/modules/main.php"&gt; &lt;operation action="after"&gt; &lt;searchcode&gt;&lt;![CDATA[$tpl-&gt;set ( '{speedbar}', $tpl-&gt;result['speedbar'] );]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[$change_template = true; if( isset($config['change_template']) AND $config['change_template'] != '' ) { $user_short_tpl = array(); $user_short_tpl_tmp = explode(',', $config['change_template']); if( count($user_short_tpl_tmp) &lt;= 1 ) $change_template = false; if( $change_template ) { foreach($user_short_tpl_tmp as $val) { $val = explode('|', $val); $user_short_tpl[] = array('template' =&gt; $val[0], 'name' =&gt; htmlspecialchars_decode($val[1])); } } } else { $user_short_tpl = array( array('template' =&gt; 'default', 'name' =&gt; 'Стандарт'), array('template' =&gt; 'list', 'name' =&gt; 'Список'), array('template' =&gt; 'icons', 'name' =&gt; 'Иконки') ); } if( $change_template ) { $sortn_arr = array(); $user_tpl = isset($_COOKIE['short_template']) ? trim($_COOKIE['short_template']) : 'default'; foreach($user_short_tpl as $val){ if( is_array($val) ) { $active_template = ' '; if($user_tpl == $val['template']) $active_template = ' class="current" '; $sortn_arr[] = '&lt;a href="#"'.$active_template.'data-template="'.$val['template'].'"&gt;'.$val['name'].'&lt;/a&gt;'; } } $sortn_arr = implode(' | ', $sortn_arr); $sortn = &lt;&lt;&lt;HTML &lt;div class="sortn dpad"&gt; &lt;div class="sortn"&gt; &lt;div class="templater"&gt;Режим просмотра: {$sortn_arr}&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; HTML; $tpl-&gt;set ( '{sortn}', $sortn); } else $tpl-&gt;set ( '{sortn}', '');]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;/file&gt; &lt;file name="engine/inc/options.php"&gt; &lt;operation action="after"&gt; &lt;searchcode&gt;&lt;![CDATA[showRow( $lang['opt_sys_biw'], $lang['opt_sys_biwd'], makeCheckBox( "save_con[bbimages_in_wysiwyg]", "{$config['bbimages_in_wysiwyg']}" ) );]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[showRow( $lang['change_template'], $lang['change_template_2'], "&lt;textarea class="classic" style="width:100%;height:150px;" name="save_con[change_template]"&gt;{$config['change_template']}&lt;/textarea&gt;" );]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;operation action="before"&gt; &lt;searchcode&gt;&lt;![CDATA[$save_con['offline_reason'] = trim(strip_tags(stripslashes( $save_con['offline_reason'] )));]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[$save_con['change_template'] = trim(stripslashes( $save_con['change_template'] )); $save_con['change_template'] = htmlspecialchars( $save_con['change_template'], ENT_QUOTES, $config['charset']);]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;operation action="replace"&gt; &lt;searchcode&gt;&lt;![CDATA[if( $name != "offline_reason" ) {]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[if( $name != "offline_reason" AND $name != "change_template" ) {]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;/file&gt; &lt;file name="language/Russian/adminpanel.lng"&gt; &lt;operation action="after"&gt; &lt;searchcode&gt;&lt;![CDATA['wysiwyg_language' =&gt; "ru",]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA['change_template' =&gt; "Список шаблонов", 'change_template_2' =&gt; "Перечислите шаблоны для смены&lt;br /&gt;Пример: &lt;strong&gt;default&lt;/strong&gt;-&lt;strong&gt;Стандарт&lt;/strong&gt; | &lt;strong&gt;list&lt;/strong&gt;-&lt;strong&gt;Список&lt;/strong&gt; | &lt;strong&gt;icons&lt;/strong&gt;-&lt;strong&gt;Иконки&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;Префикс шаблона - Текст или картинка&lt;br /&gt; - default = shortstory.tpl&lt;br /&gt; - list = shortstory_&lt;strong&gt;list&lt;/strong&gt;.tpl&lt;br /&gt;Для отключения смены оставьте один шаблон. Пустое поле задействует стандартный набор смены шаблонов.",]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;/file&gt; &lt;/dleplugin&gt;</code></pre><br><br>Скачать <a href="https://dle9.com/haki/">хаки для dle</a>, как Хак меняет вид Shortstory на лету для DLE исходники: <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=4327">Menyaem-vid-Shortstory-na-letu.rar</a> [18,59 Kb] (cкачиваний: 127) </span></description>
[allow-turbo]<turbo:content><![CDATA[<a href="https://dle9.com/uploads/posts/2014-03/1395041679_menyaem-vid-shortstory-na-letu.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2014-03/thumbs/1395041679_menyaem-vid-shortstory-na-letu.jpg" style="float:left;max-width:100%;" alt=""></a><br><br><a href="https://dle9.com/haki/hak-dle/">Хак</a> <b>меняет вид Shortstory на лету</b> для <a href="https://dle9.com/">DLE</a> - это модификация использует скрипт jquery, чтобы переключать оформление шаблона короткой новости при просмотр в <a href="https://dle9.com/books/dle-news/">DataLife Engine</a>, есть три режима: вывод списком, картинками или стандартным видом.<br><br>Это вырезанный кусок кода взятый у автора Sander с новости Переключение <a href="https://dle9.com/besplatnye/shabloni/">шаблонов</a> shortstory.<br><br>Установка хака на дле Меняем вид Shortstory на лету:<br>В main.tpl вставить<br><br><pre><code>[aviable=main] &lt;script type="text/javascript"&gt; $(function(){ if($.cookie('short_template')){ $(".templtes").removeClass('current'); $(".templater a[data-template]").removeClass('current').each(function(){ if($(this).data('template')==$.cookie('short_template')){ $(this).addClass('current'); $(".template-"+$.cookie('short_template')).addClass('current'); } }); } $(".templater a[data-template]").click(function(){ if($(this).hasClass('current')) return false; $(this).addClass('current').siblings().removeClass('current'); $(".templtes").removeClass('current'); $(".template-"+$(this).data('template')).addClass('current'); $.cookie('short_template', $(this).data('template'),{path:'/'}); window.location.href=dle_root+'?short_template'+$(this).data('template'); return false; }); }) &lt;/script&gt; &lt;div class="sortn dpad"&gt;&lt;div class="sortn"&gt;&lt;div class="templater"&gt;Режим просмотра: &lt;a href="#" class="current" data-template="default"&gt;Стандарт&lt;/a&gt; | &lt;a href="#" data-template="list"&gt;Список&lt;/a&gt; | &lt;a href="#" data-template="icons"&gt;Иконки&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; [/aviable]</code></pre><br><br>Добавляем стили:<br><br><pre><code>.templater .current{color:#c00;} .templtes{display:none;} .templtes.current{display:block;}</code></pre><br><br>Качаем архив и подключаем: jquery.cookie.js<br>Открываем файл engine/modules/show.short.php<br><br>Закоментируем строки:<br><br><pre><code>/* if( isset( $view_template ) and $view_template == "rss" ) { } elseif( $category_id and $cat_info[$category_id]['short_tpl'] != '' ) $tpl-&gt;load_template( $cat_info[$category_id]['short_tpl'] . '.tpl' ); else $tpl-&gt;load_template( 'shortstory.tpl' ); */</code></pre><br><br>Вставляем ниже:<br><pre><code> $user_short_tpl = array( 'default' =&gt; 'shortstory.tpl', //дефолтный шаблон 'list' =&gt; 'shortstory_list.tpl', // шаблон списком 'icons' =&gt; 'shortstory_icons.tpl' // шаблон картинки ); $user_tpl =(isset($_COOKIE['short_template']) &amp;&amp; isset($user_short_tpl[$_COOKIE['short_template']])) ? $user_short_tpl[$_COOKIE['short_template']] : $user_short_tpl['default']; $user_tpl = (isset($_GET['short_template']) &amp;&amp; isset($user_short_tpl[$_GET['short_template']])) ? $user_short_tpl[$_GET['short_template']] : $user_tpl; if( isset( $view_template ) and $view_template == "rss" ) { } elseif( $category_id and $cat_info[$category_id]['short_tpl'] != '' ) $tpl-&gt;load_template( $cat_info[$category_id]['short_tpl'] . '.tpl' ); else $tpl-&gt;load_template($user_tpl);</code></pre><br>Вот и всё!<br><br><span style="color:#CC0000;"><b>Обновленный хак</b></span> меняет вид Shortstory на лету для DLE 13.0 <br>Автор обновления пользователь: TeraMoune<br><br>От автора: По поводу самой реализации, думаю нету смысла передавать get параметр и считывать его. Ведь мы при нажатии определили куки и при обновлении система считывает параметр и присваивает переменной её значение.<br><br>Есть xml под 13 версию движка. В админку добавил поле где можно перечислять шаблоны. Размещение html разметки осуществляется тегом {sortn} в любом месте main.tpl и дочерних шаблонах.<br><br>Поделился хаком на сайте Sander'a в той самой теме, он что-то мне про фильтрацию начал втирать. Я дописал с фильтрацией и еще появился некий предохранитель. Если писать произвольные названия префиксов в куках будет происходить проверка и если у шаблона указанного нету будет грузить дефолт. А сами переключатели видны только там где используется модуль show.short.php. Вот такие не плохие доработки. <br><br><br>В прочем вот сам xml <br><br><pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;dleplugin&gt; &lt;name&gt;Change shortstory&lt;/name&gt; &lt;description&gt;В шаблоне main.tpl и других подключенных в нём в удобном месте используйте {sortn} Добавление и изменение html разметки осуществляется в разделе &amp;quot;Действия в файлах&amp;quot; в правках над файлом &amp;quot;engine/modules/main.php&amp;quot;&lt;/description&gt; &lt;icon&gt;&lt;/icon&gt; &lt;version&gt;&lt;/version&gt; &lt;dleversion&gt;13&lt;/dleversion&gt; &lt;versioncompare&gt;greater&lt;/versioncompare&gt; &lt;mysqlinstall&gt;&lt;![CDATA[]]&gt;&lt;/mysqlinstall&gt; &lt;mysqlupgrade&gt;&lt;![CDATA[]]&gt;&lt;/mysqlupgrade&gt; &lt;mysqlenable&gt;&lt;![CDATA[]]&gt;&lt;/mysqlenable&gt; &lt;mysqldisable&gt;&lt;![CDATA[]]&gt;&lt;/mysqldisable&gt; &lt;mysqldelete&gt;&lt;![CDATA[]]&gt;&lt;/mysqldelete&gt; &lt;file name="engine/modules/show.short.php"&gt; &lt;operation action="replace"&gt; &lt;searchcode&gt;&lt;![CDATA[ if( $view_template != "rss" ) { if( $category_id and $cat_info[$category_id]['short_tpl'] != '' ) $tpl-&gt;load_template( $cat_info[$category_id]['short_tpl'] . '.tpl' ); else $tpl-&gt;load_template( 'shortstory.tpl' ); }]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[$change_template = true; if( isset($config['change_template']) AND $config['change_template'] != '' ) { $user_short_tpl_tmp = explode(',', $config['change_template']); if( count($user_short_tpl_tmp) &lt;= 1 ) $change_template = false; } $user_tpl = isset($_COOKIE['short_template']) ? trim($_COOKIE['short_template']) : 'default'; $user_tpl = ($user_tpl == 'default' OR !$change_template) ? 'shortstory.tpl' : 'shortstory_'.$user_tpl.'.tpl'; if( $view_template != "rss" ) { if( $category_id and $cat_info[$category_id]['short_tpl'] != '' ) $tpl-&gt;load_template( $cat_info[$category_id]['short_tpl'] . '.tpl' ); else $tpl-&gt;load_template( $user_tpl ); }]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;operation action="after"&gt; &lt;searchcode&gt;&lt;![CDATA[$db-&gt;free( $sql_result );]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[$onload_scripts[] = &lt;&lt;&lt;HTML $(".templater a[data-template]").click(function(){ if($(this).hasClass('current')) return false; $(this).addClass('current').siblings().removeClass('current'); $(".templtes").removeClass('current'); $(".template-"+$(this).data('template')).addClass('current'); Cookie.create('short_template', $(this).data('template'), { expires: 8760, path: '/' }); window.location.href=location.href; return false; }); HTML;]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;/file&gt; &lt;file name="engine/modules/main.php"&gt; &lt;operation action="after"&gt; &lt;searchcode&gt;&lt;![CDATA[$tpl-&gt;set ( '{speedbar}', $tpl-&gt;result['speedbar'] );]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[$change_template = true; if( isset($config['change_template']) AND $config['change_template'] != '' ) { $user_short_tpl = array(); $user_short_tpl_tmp = explode(',', $config['change_template']); if( count($user_short_tpl_tmp) &lt;= 1 ) $change_template = false; if( $change_template ) { foreach($user_short_tpl_tmp as $val) { $val = explode('|', $val); $user_short_tpl[] = array('template' =&gt; $val[0], 'name' =&gt; htmlspecialchars_decode($val[1])); } } } else { $user_short_tpl = array( array('template' =&gt; 'default', 'name' =&gt; 'Стандарт'), array('template' =&gt; 'list', 'name' =&gt; 'Список'), array('template' =&gt; 'icons', 'name' =&gt; 'Иконки') ); } if( $change_template ) { $sortn_arr = array(); $user_tpl = isset($_COOKIE['short_template']) ? trim($_COOKIE['short_template']) : 'default'; foreach($user_short_tpl as $val){ if( is_array($val) ) { $active_template = ' '; if($user_tpl == $val['template']) $active_template = ' class="current" '; $sortn_arr[] = '&lt;a href="#"'.$active_template.'data-template="'.$val['template'].'"&gt;'.$val['name'].'&lt;/a&gt;'; } } $sortn_arr = implode(' | ', $sortn_arr); $sortn = &lt;&lt;&lt;HTML &lt;div class="sortn dpad"&gt; &lt;div class="sortn"&gt; &lt;div class="templater"&gt;Режим просмотра: {$sortn_arr}&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; HTML; $tpl-&gt;set ( '{sortn}', $sortn); } else $tpl-&gt;set ( '{sortn}', '');]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;/file&gt; &lt;file name="engine/inc/options.php"&gt; &lt;operation action="after"&gt; &lt;searchcode&gt;&lt;![CDATA[showRow( $lang['opt_sys_biw'], $lang['opt_sys_biwd'], makeCheckBox( "save_con[bbimages_in_wysiwyg]", "{$config['bbimages_in_wysiwyg']}" ) );]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[showRow( $lang['change_template'], $lang['change_template_2'], "&lt;textarea class="classic" style="width:100%;height:150px;" name="save_con[change_template]"&gt;{$config['change_template']}&lt;/textarea&gt;" );]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;operation action="before"&gt; &lt;searchcode&gt;&lt;![CDATA[$save_con['offline_reason'] = trim(strip_tags(stripslashes( $save_con['offline_reason'] )));]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[$save_con['change_template'] = trim(stripslashes( $save_con['change_template'] )); $save_con['change_template'] = htmlspecialchars( $save_con['change_template'], ENT_QUOTES, $config['charset']);]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;operation action="replace"&gt; &lt;searchcode&gt;&lt;![CDATA[if( $name != "offline_reason" ) {]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[if( $name != "offline_reason" AND $name != "change_template" ) {]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;/file&gt; &lt;file name="language/Russian/adminpanel.lng"&gt; &lt;operation action="after"&gt; &lt;searchcode&gt;&lt;![CDATA['wysiwyg_language' =&gt; "ru",]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA['change_template' =&gt; "Список шаблонов", 'change_template_2' =&gt; "Перечислите шаблоны для смены&lt;br /&gt;Пример: &lt;strong&gt;default&lt;/strong&gt;-&lt;strong&gt;Стандарт&lt;/strong&gt; | &lt;strong&gt;list&lt;/strong&gt;-&lt;strong&gt;Список&lt;/strong&gt; | &lt;strong&gt;icons&lt;/strong&gt;-&lt;strong&gt;Иконки&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;Префикс шаблона - Текст или картинка&lt;br /&gt; - default = shortstory.tpl&lt;br /&gt; - list = shortstory_&lt;strong&gt;list&lt;/strong&gt;.tpl&lt;br /&gt;Для отключения смены оставьте один шаблон. Пустое поле задействует стандартный набор смены шаблонов.",]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;/file&gt; &lt;/dleplugin&gt;</code></pre><br><br>Скачать <a href="https://dle9.com/haki/">хаки для dle</a>, как Хак меняет вид Shortstory на лету для DLE исходники: <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=4327">Menyaem-vid-Shortstory-na-letu.rar</a> [18,59 Kb] (cкачиваний: 127) </span>]]></turbo:content>[/allow-turbo]
<category>DLE хаки   Разные навороты, сборник хаков</category>
<dc:creator>dle9.com</dc:creator>
<pubDate>Sat, 06 Oct 2018 11:06:00 +0100</pubDate>
</item>[/shortrss]
[fullrss]<item turbo="{allow-turbo}">
<title>Хак меняет вид Shortstory на лету для DLE</title>
<guid isPermaLink="true">https://dle9.com/haki/3488-hak-menyaet-vid-shortstory-na-letu-dlya-dle.html</guid>
<link>https://dle9.com/haki/3488-hak-menyaet-vid-shortstory-na-letu-dlya-dle.html</link>
<category><![CDATA[DLE хаки   Разные навороты, сборник хаков]]></category>
<dc:creator>dle9.com</dc:creator>
<pubDate>Sat, 06 Oct 2018 11:06:00 +0100</pubDate>
<description><![CDATA[<a href="https://dle9.com/uploads/posts/2014-03/1395041679_menyaem-vid-shortstory-na-letu.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2014-03/thumbs/1395041679_menyaem-vid-shortstory-na-letu.jpg" style="float:left;max-width:100%;" alt=""></a><br><br><a href="https://dle9.com/haki/hak-dle/">Хак</a> <b>меняет вид Shortstory на лету</b> для <a href="https://dle9.com/">DLE</a> - это модификация использует скрипт jquery, чтобы переключать оформление шаблона короткой новости при просмотр в <a href="https://dle9.com/books/dle-news/">DataLife Engine</a>, есть три режима: вывод списком, картинками или стандартным видом.<br><br>Это вырезанный кусок кода взятый у автора Sander с новости Переключение <a href="https://dle9.com/besplatnye/shabloni/">шаблонов</a> shortstory.<br><br>Установка хака на дле Меняем вид Shortstory на лету:<br>В main.tpl вставить<br><br><pre><code>[aviable=main] &lt;script type="text/javascript"&gt; $(function(){ if($.cookie('short_template')){ $(".templtes").removeClass('current'); $(".templater a[data-template]").removeClass('current').each(function(){ if($(this).data('template')==$.cookie('short_template')){ $(this).addClass('current'); $(".template-"+$.cookie('short_template')).addClass('current'); } }); } $(".templater a[data-template]").click(function(){ if($(this).hasClass('current')) return false; $(this).addClass('current').siblings().removeClass('current'); $(".templtes").removeClass('current'); $(".template-"+$(this).data('template')).addClass('current'); $.cookie('short_template', $(this).data('template'),{path:'/'}); window.location.href=dle_root+'?short_template'+$(this).data('template'); return false; }); }) &lt;/script&gt; &lt;div class="sortn dpad"&gt;&lt;div class="sortn"&gt;&lt;div class="templater"&gt;Режим просмотра: &lt;a href="#" class="current" data-template="default"&gt;Стандарт&lt;/a&gt; | &lt;a href="#" data-template="list"&gt;Список&lt;/a&gt; | &lt;a href="#" data-template="icons"&gt;Иконки&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; [/aviable]</code></pre><br><br>Добавляем стили:<br><br><pre><code>.templater .current{color:#c00;} .templtes{display:none;} .templtes.current{display:block;}</code></pre><br><br>Качаем архив и подключаем: jquery.cookie.js<br>Открываем файл engine/modules/show.short.php<br><br>Закоментируем строки:<br><br><pre><code>/* if( isset( $view_template ) and $view_template == "rss" ) { } elseif( $category_id and $cat_info[$category_id]['short_tpl'] != '' ) $tpl-&gt;load_template( $cat_info[$category_id]['short_tpl'] . '.tpl' ); else $tpl-&gt;load_template( 'shortstory.tpl' ); */</code></pre><br><br>Вставляем ниже:<br><pre><code> $user_short_tpl = array( 'default' =&gt; 'shortstory.tpl', //дефолтный шаблон 'list' =&gt; 'shortstory_list.tpl', // шаблон списком 'icons' =&gt; 'shortstory_icons.tpl' // шаблон картинки ); $user_tpl =(isset($_COOKIE['short_template']) &amp;&amp; isset($user_short_tpl[$_COOKIE['short_template']])) ? $user_short_tpl[$_COOKIE['short_template']] : $user_short_tpl['default']; $user_tpl = (isset($_GET['short_template']) &amp;&amp; isset($user_short_tpl[$_GET['short_template']])) ? $user_short_tpl[$_GET['short_template']] : $user_tpl; if( isset( $view_template ) and $view_template == "rss" ) { } elseif( $category_id and $cat_info[$category_id]['short_tpl'] != '' ) $tpl-&gt;load_template( $cat_info[$category_id]['short_tpl'] . '.tpl' ); else $tpl-&gt;load_template($user_tpl);</code></pre><br>Вот и всё!<br><br><span style="color:#CC0000;"><b>Обновленный хак</b></span> меняет вид Shortstory на лету для DLE 13.0 <br>Автор обновления пользователь: TeraMoune<br><br>От автора: По поводу самой реализации, думаю нету смысла передавать get параметр и считывать его. Ведь мы при нажатии определили куки и при обновлении система считывает параметр и присваивает переменной её значение.<br><br>Есть xml под 13 версию движка. В админку добавил поле где можно перечислять шаблоны. Размещение html разметки осуществляется тегом {sortn} в любом месте main.tpl и дочерних шаблонах.<br><br>Поделился хаком на сайте Sander'a в той самой теме, он что-то мне про фильтрацию начал втирать. Я дописал с фильтрацией и еще появился некий предохранитель. Если писать произвольные названия префиксов в куках будет происходить проверка и если у шаблона указанного нету будет грузить дефолт. А сами переключатели видны только там где используется модуль show.short.php. Вот такие не плохие доработки. <br><br><br>В прочем вот сам xml <br><br><pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;dleplugin&gt; &lt;name&gt;Change shortstory&lt;/name&gt; &lt;description&gt;В шаблоне main.tpl и других подключенных в нём в удобном месте используйте {sortn} Добавление и изменение html разметки осуществляется в разделе &amp;quot;Действия в файлах&amp;quot; в правках над файлом &amp;quot;engine/modules/main.php&amp;quot;&lt;/description&gt; &lt;icon&gt;&lt;/icon&gt; &lt;version&gt;&lt;/version&gt; &lt;dleversion&gt;13&lt;/dleversion&gt; &lt;versioncompare&gt;greater&lt;/versioncompare&gt; &lt;mysqlinstall&gt;&lt;![CDATA[]]&gt;&lt;/mysqlinstall&gt; &lt;mysqlupgrade&gt;&lt;![CDATA[]]&gt;&lt;/mysqlupgrade&gt; &lt;mysqlenable&gt;&lt;![CDATA[]]&gt;&lt;/mysqlenable&gt; &lt;mysqldisable&gt;&lt;![CDATA[]]&gt;&lt;/mysqldisable&gt; &lt;mysqldelete&gt;&lt;![CDATA[]]&gt;&lt;/mysqldelete&gt; &lt;file name="engine/modules/show.short.php"&gt; &lt;operation action="replace"&gt; &lt;searchcode&gt;&lt;![CDATA[ if( $view_template != "rss" ) { if( $category_id and $cat_info[$category_id]['short_tpl'] != '' ) $tpl-&gt;load_template( $cat_info[$category_id]['short_tpl'] . '.tpl' ); else $tpl-&gt;load_template( 'shortstory.tpl' ); }]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[$change_template = true; if( isset($config['change_template']) AND $config['change_template'] != '' ) { $user_short_tpl_tmp = explode(',', $config['change_template']); if( count($user_short_tpl_tmp) &lt;= 1 ) $change_template = false; } $user_tpl = isset($_COOKIE['short_template']) ? trim($_COOKIE['short_template']) : 'default'; $user_tpl = ($user_tpl == 'default' OR !$change_template) ? 'shortstory.tpl' : 'shortstory_'.$user_tpl.'.tpl'; if( $view_template != "rss" ) { if( $category_id and $cat_info[$category_id]['short_tpl'] != '' ) $tpl-&gt;load_template( $cat_info[$category_id]['short_tpl'] . '.tpl' ); else $tpl-&gt;load_template( $user_tpl ); }]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;operation action="after"&gt; &lt;searchcode&gt;&lt;![CDATA[$db-&gt;free( $sql_result );]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[$onload_scripts[] = &lt;&lt;&lt;HTML $(".templater a[data-template]").click(function(){ if($(this).hasClass('current')) return false; $(this).addClass('current').siblings().removeClass('current'); $(".templtes").removeClass('current'); $(".template-"+$(this).data('template')).addClass('current'); Cookie.create('short_template', $(this).data('template'), { expires: 8760, path: '/' }); window.location.href=location.href; return false; }); HTML;]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;/file&gt; &lt;file name="engine/modules/main.php"&gt; &lt;operation action="after"&gt; &lt;searchcode&gt;&lt;![CDATA[$tpl-&gt;set ( '{speedbar}', $tpl-&gt;result['speedbar'] );]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[$change_template = true; if( isset($config['change_template']) AND $config['change_template'] != '' ) { $user_short_tpl = array(); $user_short_tpl_tmp = explode(',', $config['change_template']); if( count($user_short_tpl_tmp) &lt;= 1 ) $change_template = false; if( $change_template ) { foreach($user_short_tpl_tmp as $val) { $val = explode('|', $val); $user_short_tpl[] = array('template' =&gt; $val[0], 'name' =&gt; htmlspecialchars_decode($val[1])); } } } else { $user_short_tpl = array( array('template' =&gt; 'default', 'name' =&gt; 'Стандарт'), array('template' =&gt; 'list', 'name' =&gt; 'Список'), array('template' =&gt; 'icons', 'name' =&gt; 'Иконки') ); } if( $change_template ) { $sortn_arr = array(); $user_tpl = isset($_COOKIE['short_template']) ? trim($_COOKIE['short_template']) : 'default'; foreach($user_short_tpl as $val){ if( is_array($val) ) { $active_template = ' '; if($user_tpl == $val['template']) $active_template = ' class="current" '; $sortn_arr[] = '&lt;a href="#"'.$active_template.'data-template="'.$val['template'].'"&gt;'.$val['name'].'&lt;/a&gt;'; } } $sortn_arr = implode(' | ', $sortn_arr); $sortn = &lt;&lt;&lt;HTML &lt;div class="sortn dpad"&gt; &lt;div class="sortn"&gt; &lt;div class="templater"&gt;Режим просмотра: {$sortn_arr}&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; HTML; $tpl-&gt;set ( '{sortn}', $sortn); } else $tpl-&gt;set ( '{sortn}', '');]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;/file&gt; &lt;file name="engine/inc/options.php"&gt; &lt;operation action="after"&gt; &lt;searchcode&gt;&lt;![CDATA[showRow( $lang['opt_sys_biw'], $lang['opt_sys_biwd'], makeCheckBox( "save_con[bbimages_in_wysiwyg]", "{$config['bbimages_in_wysiwyg']}" ) );]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[showRow( $lang['change_template'], $lang['change_template_2'], "&lt;textarea class="classic" style="width:100%;height:150px;" name="save_con[change_template]"&gt;{$config['change_template']}&lt;/textarea&gt;" );]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;operation action="before"&gt; &lt;searchcode&gt;&lt;![CDATA[$save_con['offline_reason'] = trim(strip_tags(stripslashes( $save_con['offline_reason'] )));]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[$save_con['change_template'] = trim(stripslashes( $save_con['change_template'] )); $save_con['change_template'] = htmlspecialchars( $save_con['change_template'], ENT_QUOTES, $config['charset']);]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;operation action="replace"&gt; &lt;searchcode&gt;&lt;![CDATA[if( $name != "offline_reason" ) {]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[if( $name != "offline_reason" AND $name != "change_template" ) {]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;/file&gt; &lt;file name="language/Russian/adminpanel.lng"&gt; &lt;operation action="after"&gt; &lt;searchcode&gt;&lt;![CDATA['wysiwyg_language' =&gt; "ru",]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA['change_template' =&gt; "Список шаблонов", 'change_template_2' =&gt; "Перечислите шаблоны для смены&lt;br /&gt;Пример: &lt;strong&gt;default&lt;/strong&gt;-&lt;strong&gt;Стандарт&lt;/strong&gt; | &lt;strong&gt;list&lt;/strong&gt;-&lt;strong&gt;Список&lt;/strong&gt; | &lt;strong&gt;icons&lt;/strong&gt;-&lt;strong&gt;Иконки&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;Префикс шаблона - Текст или картинка&lt;br /&gt; - default = shortstory.tpl&lt;br /&gt; - list = shortstory_&lt;strong&gt;list&lt;/strong&gt;.tpl&lt;br /&gt;Для отключения смены оставьте один шаблон. Пустое поле задействует стандартный набор смены шаблонов.",]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;/file&gt; &lt;/dleplugin&gt;</code></pre><br><br>Скачать <a href="https://dle9.com/haki/">хаки для dle</a>, как Хак меняет вид Shortstory на лету для DLE исходники: <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=4327">Menyaem-vid-Shortstory-na-letu.rar</a> [18,59 Kb] (cкачиваний: 127) </span>]]></description>
[allow-turbo]<turbo:content><![CDATA[<a href="https://dle9.com/uploads/posts/2014-03/1395041679_menyaem-vid-shortstory-na-letu.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2014-03/thumbs/1395041679_menyaem-vid-shortstory-na-letu.jpg" style="float:left;max-width:100%;" alt=""></a><br><br><a href="https://dle9.com/haki/hak-dle/">Хак</a> <b>меняет вид Shortstory на лету</b> для <a href="https://dle9.com/">DLE</a> - это модификация использует скрипт jquery, чтобы переключать оформление шаблона короткой новости при просмотр в <a href="https://dle9.com/books/dle-news/">DataLife Engine</a>, есть три режима: вывод списком, картинками или стандартным видом.<br><br>Это вырезанный кусок кода взятый у автора Sander с новости Переключение <a href="https://dle9.com/besplatnye/shabloni/">шаблонов</a> shortstory.<br><br>Установка хака на дле Меняем вид Shortstory на лету:<br>В main.tpl вставить<br><br><pre><code>[aviable=main] &lt;script type="text/javascript"&gt; $(function(){ if($.cookie('short_template')){ $(".templtes").removeClass('current'); $(".templater a[data-template]").removeClass('current').each(function(){ if($(this).data('template')==$.cookie('short_template')){ $(this).addClass('current'); $(".template-"+$.cookie('short_template')).addClass('current'); } }); } $(".templater a[data-template]").click(function(){ if($(this).hasClass('current')) return false; $(this).addClass('current').siblings().removeClass('current'); $(".templtes").removeClass('current'); $(".template-"+$(this).data('template')).addClass('current'); $.cookie('short_template', $(this).data('template'),{path:'/'}); window.location.href=dle_root+'?short_template'+$(this).data('template'); return false; }); }) &lt;/script&gt; &lt;div class="sortn dpad"&gt;&lt;div class="sortn"&gt;&lt;div class="templater"&gt;Режим просмотра: &lt;a href="#" class="current" data-template="default"&gt;Стандарт&lt;/a&gt; | &lt;a href="#" data-template="list"&gt;Список&lt;/a&gt; | &lt;a href="#" data-template="icons"&gt;Иконки&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; [/aviable]</code></pre><br><br>Добавляем стили:<br><br><pre><code>.templater .current{color:#c00;} .templtes{display:none;} .templtes.current{display:block;}</code></pre><br><br>Качаем архив и подключаем: jquery.cookie.js<br>Открываем файл engine/modules/show.short.php<br><br>Закоментируем строки:<br><br><pre><code>/* if( isset( $view_template ) and $view_template == "rss" ) { } elseif( $category_id and $cat_info[$category_id]['short_tpl'] != '' ) $tpl-&gt;load_template( $cat_info[$category_id]['short_tpl'] . '.tpl' ); else $tpl-&gt;load_template( 'shortstory.tpl' ); */</code></pre><br><br>Вставляем ниже:<br><pre><code> $user_short_tpl = array( 'default' =&gt; 'shortstory.tpl', //дефолтный шаблон 'list' =&gt; 'shortstory_list.tpl', // шаблон списком 'icons' =&gt; 'shortstory_icons.tpl' // шаблон картинки ); $user_tpl =(isset($_COOKIE['short_template']) &amp;&amp; isset($user_short_tpl[$_COOKIE['short_template']])) ? $user_short_tpl[$_COOKIE['short_template']] : $user_short_tpl['default']; $user_tpl = (isset($_GET['short_template']) &amp;&amp; isset($user_short_tpl[$_GET['short_template']])) ? $user_short_tpl[$_GET['short_template']] : $user_tpl; if( isset( $view_template ) and $view_template == "rss" ) { } elseif( $category_id and $cat_info[$category_id]['short_tpl'] != '' ) $tpl-&gt;load_template( $cat_info[$category_id]['short_tpl'] . '.tpl' ); else $tpl-&gt;load_template($user_tpl);</code></pre><br>Вот и всё!<br><br><span style="color:#CC0000;"><b>Обновленный хак</b></span> меняет вид Shortstory на лету для DLE 13.0 <br>Автор обновления пользователь: TeraMoune<br><br>От автора: По поводу самой реализации, думаю нету смысла передавать get параметр и считывать его. Ведь мы при нажатии определили куки и при обновлении система считывает параметр и присваивает переменной её значение.<br><br>Есть xml под 13 версию движка. В админку добавил поле где можно перечислять шаблоны. Размещение html разметки осуществляется тегом {sortn} в любом месте main.tpl и дочерних шаблонах.<br><br>Поделился хаком на сайте Sander'a в той самой теме, он что-то мне про фильтрацию начал втирать. Я дописал с фильтрацией и еще появился некий предохранитель. Если писать произвольные названия префиксов в куках будет происходить проверка и если у шаблона указанного нету будет грузить дефолт. А сами переключатели видны только там где используется модуль show.short.php. Вот такие не плохие доработки. <br><br><br>В прочем вот сам xml <br><br><pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;dleplugin&gt; &lt;name&gt;Change shortstory&lt;/name&gt; &lt;description&gt;В шаблоне main.tpl и других подключенных в нём в удобном месте используйте {sortn} Добавление и изменение html разметки осуществляется в разделе &amp;quot;Действия в файлах&amp;quot; в правках над файлом &amp;quot;engine/modules/main.php&amp;quot;&lt;/description&gt; &lt;icon&gt;&lt;/icon&gt; &lt;version&gt;&lt;/version&gt; &lt;dleversion&gt;13&lt;/dleversion&gt; &lt;versioncompare&gt;greater&lt;/versioncompare&gt; &lt;mysqlinstall&gt;&lt;![CDATA[]]&gt;&lt;/mysqlinstall&gt; &lt;mysqlupgrade&gt;&lt;![CDATA[]]&gt;&lt;/mysqlupgrade&gt; &lt;mysqlenable&gt;&lt;![CDATA[]]&gt;&lt;/mysqlenable&gt; &lt;mysqldisable&gt;&lt;![CDATA[]]&gt;&lt;/mysqldisable&gt; &lt;mysqldelete&gt;&lt;![CDATA[]]&gt;&lt;/mysqldelete&gt; &lt;file name="engine/modules/show.short.php"&gt; &lt;operation action="replace"&gt; &lt;searchcode&gt;&lt;![CDATA[ if( $view_template != "rss" ) { if( $category_id and $cat_info[$category_id]['short_tpl'] != '' ) $tpl-&gt;load_template( $cat_info[$category_id]['short_tpl'] . '.tpl' ); else $tpl-&gt;load_template( 'shortstory.tpl' ); }]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[$change_template = true; if( isset($config['change_template']) AND $config['change_template'] != '' ) { $user_short_tpl_tmp = explode(',', $config['change_template']); if( count($user_short_tpl_tmp) &lt;= 1 ) $change_template = false; } $user_tpl = isset($_COOKIE['short_template']) ? trim($_COOKIE['short_template']) : 'default'; $user_tpl = ($user_tpl == 'default' OR !$change_template) ? 'shortstory.tpl' : 'shortstory_'.$user_tpl.'.tpl'; if( $view_template != "rss" ) { if( $category_id and $cat_info[$category_id]['short_tpl'] != '' ) $tpl-&gt;load_template( $cat_info[$category_id]['short_tpl'] . '.tpl' ); else $tpl-&gt;load_template( $user_tpl ); }]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;operation action="after"&gt; &lt;searchcode&gt;&lt;![CDATA[$db-&gt;free( $sql_result );]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[$onload_scripts[] = &lt;&lt;&lt;HTML $(".templater a[data-template]").click(function(){ if($(this).hasClass('current')) return false; $(this).addClass('current').siblings().removeClass('current'); $(".templtes").removeClass('current'); $(".template-"+$(this).data('template')).addClass('current'); Cookie.create('short_template', $(this).data('template'), { expires: 8760, path: '/' }); window.location.href=location.href; return false; }); HTML;]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;/file&gt; &lt;file name="engine/modules/main.php"&gt; &lt;operation action="after"&gt; &lt;searchcode&gt;&lt;![CDATA[$tpl-&gt;set ( '{speedbar}', $tpl-&gt;result['speedbar'] );]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[$change_template = true; if( isset($config['change_template']) AND $config['change_template'] != '' ) { $user_short_tpl = array(); $user_short_tpl_tmp = explode(',', $config['change_template']); if( count($user_short_tpl_tmp) &lt;= 1 ) $change_template = false; if( $change_template ) { foreach($user_short_tpl_tmp as $val) { $val = explode('|', $val); $user_short_tpl[] = array('template' =&gt; $val[0], 'name' =&gt; htmlspecialchars_decode($val[1])); } } } else { $user_short_tpl = array( array('template' =&gt; 'default', 'name' =&gt; 'Стандарт'), array('template' =&gt; 'list', 'name' =&gt; 'Список'), array('template' =&gt; 'icons', 'name' =&gt; 'Иконки') ); } if( $change_template ) { $sortn_arr = array(); $user_tpl = isset($_COOKIE['short_template']) ? trim($_COOKIE['short_template']) : 'default'; foreach($user_short_tpl as $val){ if( is_array($val) ) { $active_template = ' '; if($user_tpl == $val['template']) $active_template = ' class="current" '; $sortn_arr[] = '&lt;a href="#"'.$active_template.'data-template="'.$val['template'].'"&gt;'.$val['name'].'&lt;/a&gt;'; } } $sortn_arr = implode(' | ', $sortn_arr); $sortn = &lt;&lt;&lt;HTML &lt;div class="sortn dpad"&gt; &lt;div class="sortn"&gt; &lt;div class="templater"&gt;Режим просмотра: {$sortn_arr}&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; HTML; $tpl-&gt;set ( '{sortn}', $sortn); } else $tpl-&gt;set ( '{sortn}', '');]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;/file&gt; &lt;file name="engine/inc/options.php"&gt; &lt;operation action="after"&gt; &lt;searchcode&gt;&lt;![CDATA[showRow( $lang['opt_sys_biw'], $lang['opt_sys_biwd'], makeCheckBox( "save_con[bbimages_in_wysiwyg]", "{$config['bbimages_in_wysiwyg']}" ) );]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[showRow( $lang['change_template'], $lang['change_template_2'], "&lt;textarea class="classic" style="width:100%;height:150px;" name="save_con[change_template]"&gt;{$config['change_template']}&lt;/textarea&gt;" );]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;operation action="before"&gt; &lt;searchcode&gt;&lt;![CDATA[$save_con['offline_reason'] = trim(strip_tags(stripslashes( $save_con['offline_reason'] )));]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[$save_con['change_template'] = trim(stripslashes( $save_con['change_template'] )); $save_con['change_template'] = htmlspecialchars( $save_con['change_template'], ENT_QUOTES, $config['charset']);]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;operation action="replace"&gt; &lt;searchcode&gt;&lt;![CDATA[if( $name != "offline_reason" ) {]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[if( $name != "offline_reason" AND $name != "change_template" ) {]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;/file&gt; &lt;file name="language/Russian/adminpanel.lng"&gt; &lt;operation action="after"&gt; &lt;searchcode&gt;&lt;![CDATA['wysiwyg_language' =&gt; "ru",]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA['change_template' =&gt; "Список шаблонов", 'change_template_2' =&gt; "Перечислите шаблоны для смены&lt;br /&gt;Пример: &lt;strong&gt;default&lt;/strong&gt;-&lt;strong&gt;Стандарт&lt;/strong&gt; | &lt;strong&gt;list&lt;/strong&gt;-&lt;strong&gt;Список&lt;/strong&gt; | &lt;strong&gt;icons&lt;/strong&gt;-&lt;strong&gt;Иконки&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;Префикс шаблона - Текст или картинка&lt;br /&gt; - default = shortstory.tpl&lt;br /&gt; - list = shortstory_&lt;strong&gt;list&lt;/strong&gt;.tpl&lt;br /&gt;Для отключения смены оставьте один шаблон. Пустое поле задействует стандартный набор смены шаблонов.",]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;/file&gt; &lt;/dleplugin&gt;</code></pre><br><br>Скачать <a href="https://dle9.com/haki/">хаки для dle</a>, как Хак меняет вид Shortstory на лету для DLE исходники: <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=4327">Menyaem-vid-Shortstory-na-letu.rar</a> [18,59 Kb] (cкачиваний: 127) </span>]]></turbo:content>[/allow-turbo]
[allow-dzen]<content:encoded><![CDATA[<a href="https://dle9.com/uploads/posts/2014-03/1395041679_menyaem-vid-shortstory-na-letu.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2014-03/thumbs/1395041679_menyaem-vid-shortstory-na-letu.jpg" style="float:left;max-width:100%;" alt=""></a><br><br><a href="https://dle9.com/haki/hak-dle/">Хак</a> <b>меняет вид Shortstory на лету</b> для <a href="https://dle9.com/">DLE</a> - это модификация использует скрипт jquery, чтобы переключать оформление шаблона короткой новости при просмотр в <a href="https://dle9.com/books/dle-news/">DataLife Engine</a>, есть три режима: вывод списком, картинками или стандартным видом.<br><br>Это вырезанный кусок кода взятый у автора Sander с новости Переключение <a href="https://dle9.com/besplatnye/shabloni/">шаблонов</a> shortstory.<br><br>Установка хака на дле Меняем вид Shortstory на лету:<br>В main.tpl вставить<br><br><pre><code>[aviable=main] &lt;script type="text/javascript"&gt; $(function(){ if($.cookie('short_template')){ $(".templtes").removeClass('current'); $(".templater a[data-template]").removeClass('current').each(function(){ if($(this).data('template')==$.cookie('short_template')){ $(this).addClass('current'); $(".template-"+$.cookie('short_template')).addClass('current'); } }); } $(".templater a[data-template]").click(function(){ if($(this).hasClass('current')) return false; $(this).addClass('current').siblings().removeClass('current'); $(".templtes").removeClass('current'); $(".template-"+$(this).data('template')).addClass('current'); $.cookie('short_template', $(this).data('template'),{path:'/'}); window.location.href=dle_root+'?short_template'+$(this).data('template'); return false; }); }) &lt;/script&gt; &lt;div class="sortn dpad"&gt;&lt;div class="sortn"&gt;&lt;div class="templater"&gt;Режим просмотра: &lt;a href="#" class="current" data-template="default"&gt;Стандарт&lt;/a&gt; | &lt;a href="#" data-template="list"&gt;Список&lt;/a&gt; | &lt;a href="#" data-template="icons"&gt;Иконки&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; [/aviable]</code></pre><br><br>Добавляем стили:<br><br><pre><code>.templater .current{color:#c00;} .templtes{display:none;} .templtes.current{display:block;}</code></pre><br><br>Качаем архив и подключаем: jquery.cookie.js<br>Открываем файл engine/modules/show.short.php<br><br>Закоментируем строки:<br><br><pre><code>/* if( isset( $view_template ) and $view_template == "rss" ) { } elseif( $category_id and $cat_info[$category_id]['short_tpl'] != '' ) $tpl-&gt;load_template( $cat_info[$category_id]['short_tpl'] . '.tpl' ); else $tpl-&gt;load_template( 'shortstory.tpl' ); */</code></pre><br><br>Вставляем ниже:<br><pre><code> $user_short_tpl = array( 'default' =&gt; 'shortstory.tpl', //дефолтный шаблон 'list' =&gt; 'shortstory_list.tpl', // шаблон списком 'icons' =&gt; 'shortstory_icons.tpl' // шаблон картинки ); $user_tpl =(isset($_COOKIE['short_template']) &amp;&amp; isset($user_short_tpl[$_COOKIE['short_template']])) ? $user_short_tpl[$_COOKIE['short_template']] : $user_short_tpl['default']; $user_tpl = (isset($_GET['short_template']) &amp;&amp; isset($user_short_tpl[$_GET['short_template']])) ? $user_short_tpl[$_GET['short_template']] : $user_tpl; if( isset( $view_template ) and $view_template == "rss" ) { } elseif( $category_id and $cat_info[$category_id]['short_tpl'] != '' ) $tpl-&gt;load_template( $cat_info[$category_id]['short_tpl'] . '.tpl' ); else $tpl-&gt;load_template($user_tpl);</code></pre><br>Вот и всё!<br><br><span style="color:#CC0000;"><b>Обновленный хак</b></span> меняет вид Shortstory на лету для DLE 13.0 <br>Автор обновления пользователь: TeraMoune<br><br>От автора: По поводу самой реализации, думаю нету смысла передавать get параметр и считывать его. Ведь мы при нажатии определили куки и при обновлении система считывает параметр и присваивает переменной её значение.<br><br>Есть xml под 13 версию движка. В админку добавил поле где можно перечислять шаблоны. Размещение html разметки осуществляется тегом {sortn} в любом месте main.tpl и дочерних шаблонах.<br><br>Поделился хаком на сайте Sander'a в той самой теме, он что-то мне про фильтрацию начал втирать. Я дописал с фильтрацией и еще появился некий предохранитель. Если писать произвольные названия префиксов в куках будет происходить проверка и если у шаблона указанного нету будет грузить дефолт. А сами переключатели видны только там где используется модуль show.short.php. Вот такие не плохие доработки. <br><br><br>В прочем вот сам xml <br><br><pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;dleplugin&gt; &lt;name&gt;Change shortstory&lt;/name&gt; &lt;description&gt;В шаблоне main.tpl и других подключенных в нём в удобном месте используйте {sortn} Добавление и изменение html разметки осуществляется в разделе &amp;quot;Действия в файлах&amp;quot; в правках над файлом &amp;quot;engine/modules/main.php&amp;quot;&lt;/description&gt; &lt;icon&gt;&lt;/icon&gt; &lt;version&gt;&lt;/version&gt; &lt;dleversion&gt;13&lt;/dleversion&gt; &lt;versioncompare&gt;greater&lt;/versioncompare&gt; &lt;mysqlinstall&gt;&lt;![CDATA[]]&gt;&lt;/mysqlinstall&gt; &lt;mysqlupgrade&gt;&lt;![CDATA[]]&gt;&lt;/mysqlupgrade&gt; &lt;mysqlenable&gt;&lt;![CDATA[]]&gt;&lt;/mysqlenable&gt; &lt;mysqldisable&gt;&lt;![CDATA[]]&gt;&lt;/mysqldisable&gt; &lt;mysqldelete&gt;&lt;![CDATA[]]&gt;&lt;/mysqldelete&gt; &lt;file name="engine/modules/show.short.php"&gt; &lt;operation action="replace"&gt; &lt;searchcode&gt;&lt;![CDATA[ if( $view_template != "rss" ) { if( $category_id and $cat_info[$category_id]['short_tpl'] != '' ) $tpl-&gt;load_template( $cat_info[$category_id]['short_tpl'] . '.tpl' ); else $tpl-&gt;load_template( 'shortstory.tpl' ); }]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[$change_template = true; if( isset($config['change_template']) AND $config['change_template'] != '' ) { $user_short_tpl_tmp = explode(',', $config['change_template']); if( count($user_short_tpl_tmp) &lt;= 1 ) $change_template = false; } $user_tpl = isset($_COOKIE['short_template']) ? trim($_COOKIE['short_template']) : 'default'; $user_tpl = ($user_tpl == 'default' OR !$change_template) ? 'shortstory.tpl' : 'shortstory_'.$user_tpl.'.tpl'; if( $view_template != "rss" ) { if( $category_id and $cat_info[$category_id]['short_tpl'] != '' ) $tpl-&gt;load_template( $cat_info[$category_id]['short_tpl'] . '.tpl' ); else $tpl-&gt;load_template( $user_tpl ); }]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;operation action="after"&gt; &lt;searchcode&gt;&lt;![CDATA[$db-&gt;free( $sql_result );]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[$onload_scripts[] = &lt;&lt;&lt;HTML $(".templater a[data-template]").click(function(){ if($(this).hasClass('current')) return false; $(this).addClass('current').siblings().removeClass('current'); $(".templtes").removeClass('current'); $(".template-"+$(this).data('template')).addClass('current'); Cookie.create('short_template', $(this).data('template'), { expires: 8760, path: '/' }); window.location.href=location.href; return false; }); HTML;]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;/file&gt; &lt;file name="engine/modules/main.php"&gt; &lt;operation action="after"&gt; &lt;searchcode&gt;&lt;![CDATA[$tpl-&gt;set ( '{speedbar}', $tpl-&gt;result['speedbar'] );]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[$change_template = true; if( isset($config['change_template']) AND $config['change_template'] != '' ) { $user_short_tpl = array(); $user_short_tpl_tmp = explode(',', $config['change_template']); if( count($user_short_tpl_tmp) &lt;= 1 ) $change_template = false; if( $change_template ) { foreach($user_short_tpl_tmp as $val) { $val = explode('|', $val); $user_short_tpl[] = array('template' =&gt; $val[0], 'name' =&gt; htmlspecialchars_decode($val[1])); } } } else { $user_short_tpl = array( array('template' =&gt; 'default', 'name' =&gt; 'Стандарт'), array('template' =&gt; 'list', 'name' =&gt; 'Список'), array('template' =&gt; 'icons', 'name' =&gt; 'Иконки') ); } if( $change_template ) { $sortn_arr = array(); $user_tpl = isset($_COOKIE['short_template']) ? trim($_COOKIE['short_template']) : 'default'; foreach($user_short_tpl as $val){ if( is_array($val) ) { $active_template = ' '; if($user_tpl == $val['template']) $active_template = ' class="current" '; $sortn_arr[] = '&lt;a href="#"'.$active_template.'data-template="'.$val['template'].'"&gt;'.$val['name'].'&lt;/a&gt;'; } } $sortn_arr = implode(' | ', $sortn_arr); $sortn = &lt;&lt;&lt;HTML &lt;div class="sortn dpad"&gt; &lt;div class="sortn"&gt; &lt;div class="templater"&gt;Режим просмотра: {$sortn_arr}&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; HTML; $tpl-&gt;set ( '{sortn}', $sortn); } else $tpl-&gt;set ( '{sortn}', '');]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;/file&gt; &lt;file name="engine/inc/options.php"&gt; &lt;operation action="after"&gt; &lt;searchcode&gt;&lt;![CDATA[showRow( $lang['opt_sys_biw'], $lang['opt_sys_biwd'], makeCheckBox( "save_con[bbimages_in_wysiwyg]", "{$config['bbimages_in_wysiwyg']}" ) );]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[showRow( $lang['change_template'], $lang['change_template_2'], "&lt;textarea class="classic" style="width:100%;height:150px;" name="save_con[change_template]"&gt;{$config['change_template']}&lt;/textarea&gt;" );]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;operation action="before"&gt; &lt;searchcode&gt;&lt;![CDATA[$save_con['offline_reason'] = trim(strip_tags(stripslashes( $save_con['offline_reason'] )));]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[$save_con['change_template'] = trim(stripslashes( $save_con['change_template'] )); $save_con['change_template'] = htmlspecialchars( $save_con['change_template'], ENT_QUOTES, $config['charset']);]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;operation action="replace"&gt; &lt;searchcode&gt;&lt;![CDATA[if( $name != "offline_reason" ) {]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[if( $name != "offline_reason" AND $name != "change_template" ) {]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;/file&gt; &lt;file name="language/Russian/adminpanel.lng"&gt; &lt;operation action="after"&gt; &lt;searchcode&gt;&lt;![CDATA['wysiwyg_language' =&gt; "ru",]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA['change_template' =&gt; "Список шаблонов", 'change_template_2' =&gt; "Перечислите шаблоны для смены&lt;br /&gt;Пример: &lt;strong&gt;default&lt;/strong&gt;-&lt;strong&gt;Стандарт&lt;/strong&gt; | &lt;strong&gt;list&lt;/strong&gt;-&lt;strong&gt;Список&lt;/strong&gt; | &lt;strong&gt;icons&lt;/strong&gt;-&lt;strong&gt;Иконки&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;Префикс шаблона - Текст или картинка&lt;br /&gt; - default = shortstory.tpl&lt;br /&gt; - list = shortstory_&lt;strong&gt;list&lt;/strong&gt;.tpl&lt;br /&gt;Для отключения смены оставьте один шаблон. Пустое поле задействует стандартный набор смены шаблонов.",]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;/file&gt; &lt;/dleplugin&gt;</code></pre><br><br>Скачать <a href="https://dle9.com/haki/">хаки для dle</a>, как Хак меняет вид Shortstory на лету для DLE исходники: <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=4327">Menyaem-vid-Shortstory-na-letu.rar</a> [18,59 Kb] (cкачиваний: 127) </span>]]></content:encoded>[/allow-dzen]
</item>[/fullrss]
[yandexrss]<item turbo="{allow-turbo}">
<title>Хак меняет вид Shortstory на лету для DLE</title>
<link>https://dle9.com/haki/3488-hak-menyaet-vid-shortstory-na-letu-dlya-dle.html</link>
<description><a href="https://dle9.com/uploads/posts/2014-03/1395041679_menyaem-vid-shortstory-na-letu.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2014-03/thumbs/1395041679_menyaem-vid-shortstory-na-letu.jpg" style="float:left;max-width:100%;" alt=""></a><br><br><a href="https://dle9.com/haki/hak-dle/">Хак</a> <b>меняет вид Shortstory на лету</b> для <a href="https://dle9.com/">DLE</a> - это модификация использует скрипт jquery, чтобы переключать оформление шаблона короткой новости при просмотр в <a href="https://dle9.com/books/dle-news/">DataLife Engine</a>, есть три режима: вывод списком, картинками или стандартным видом.<br><br>Это вырезанный кусок кода взятый у автора Sander с новости Переключение <a href="https://dle9.com/besplatnye/shabloni/">шаблонов</a> shortstory.<br><br>Установка хака на дле Меняем вид Shortstory на лету:<br>В main.tpl вставить<br><br><pre><code>[aviable=main] &lt;script type="text/javascript"&gt; $(function(){ if($.cookie('short_template')){ $(".templtes").removeClass('current'); $(".templater a[data-template]").removeClass('current').each(function(){ if($(this).data('template')==$.cookie('short_template')){ $(this).addClass('current'); $(".template-"+$.cookie('short_template')).addClass('current'); } }); } $(".templater a[data-template]").click(function(){ if($(this).hasClass('current')) return false; $(this).addClass('current').siblings().removeClass('current'); $(".templtes").removeClass('current'); $(".template-"+$(this).data('template')).addClass('current'); $.cookie('short_template', $(this).data('template'),{path:'/'}); window.location.href=dle_root+'?short_template'+$(this).data('template'); return false; }); }) &lt;/script&gt; &lt;div class="sortn dpad"&gt;&lt;div class="sortn"&gt;&lt;div class="templater"&gt;Режим просмотра: &lt;a href="#" class="current" data-template="default"&gt;Стандарт&lt;/a&gt; | &lt;a href="#" data-template="list"&gt;Список&lt;/a&gt; | &lt;a href="#" data-template="icons"&gt;Иконки&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; [/aviable]</code></pre><br><br>Добавляем стили:<br><br><pre><code>.templater .current{color:#c00;} .templtes{display:none;} .templtes.current{display:block;}</code></pre><br><br>Качаем архив и подключаем: jquery.cookie.js<br>Открываем файл engine/modules/show.short.php<br><br>Закоментируем строки:<br><br><pre><code>/* if( isset( $view_template ) and $view_template == "rss" ) { } elseif( $category_id and $cat_info[$category_id]['short_tpl'] != '' ) $tpl-&gt;load_template( $cat_info[$category_id]['short_tpl'] . '.tpl' ); else $tpl-&gt;load_template( 'shortstory.tpl' ); */</code></pre><br><br>Вставляем ниже:<br><pre><code> $user_short_tpl = array( 'default' =&gt; 'shortstory.tpl', //дефолтный шаблон 'list' =&gt; 'shortstory_list.tpl', // шаблон списком 'icons' =&gt; 'shortstory_icons.tpl' // шаблон картинки ); $user_tpl =(isset($_COOKIE['short_template']) &amp;&amp; isset($user_short_tpl[$_COOKIE['short_template']])) ? $user_short_tpl[$_COOKIE['short_template']] : $user_short_tpl['default']; $user_tpl = (isset($_GET['short_template']) &amp;&amp; isset($user_short_tpl[$_GET['short_template']])) ? $user_short_tpl[$_GET['short_template']] : $user_tpl; if( isset( $view_template ) and $view_template == "rss" ) { } elseif( $category_id and $cat_info[$category_id]['short_tpl'] != '' ) $tpl-&gt;load_template( $cat_info[$category_id]['short_tpl'] . '.tpl' ); else $tpl-&gt;load_template($user_tpl);</code></pre><br>Вот и всё!<br><br><span style="color:#CC0000;"><b>Обновленный хак</b></span> меняет вид Shortstory на лету для DLE 13.0 <br>Автор обновления пользователь: TeraMoune<br><br>От автора: По поводу самой реализации, думаю нету смысла передавать get параметр и считывать его. Ведь мы при нажатии определили куки и при обновлении система считывает параметр и присваивает переменной её значение.<br><br>Есть xml под 13 версию движка. В админку добавил поле где можно перечислять шаблоны. Размещение html разметки осуществляется тегом {sortn} в любом месте main.tpl и дочерних шаблонах.<br><br>Поделился хаком на сайте Sander'a в той самой теме, он что-то мне про фильтрацию начал втирать. Я дописал с фильтрацией и еще появился некий предохранитель. Если писать произвольные названия префиксов в куках будет происходить проверка и если у шаблона указанного нету будет грузить дефолт. А сами переключатели видны только там где используется модуль show.short.php. Вот такие не плохие доработки. <br><br><br>В прочем вот сам xml <br><br><pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;dleplugin&gt; &lt;name&gt;Change shortstory&lt;/name&gt; &lt;description&gt;В шаблоне main.tpl и других подключенных в нём в удобном месте используйте {sortn} Добавление и изменение html разметки осуществляется в разделе &amp;quot;Действия в файлах&amp;quot; в правках над файлом &amp;quot;engine/modules/main.php&amp;quot;&lt;/description&gt; &lt;icon&gt;&lt;/icon&gt; &lt;version&gt;&lt;/version&gt; &lt;dleversion&gt;13&lt;/dleversion&gt; &lt;versioncompare&gt;greater&lt;/versioncompare&gt; &lt;mysqlinstall&gt;&lt;![CDATA[]]&gt;&lt;/mysqlinstall&gt; &lt;mysqlupgrade&gt;&lt;![CDATA[]]&gt;&lt;/mysqlupgrade&gt; &lt;mysqlenable&gt;&lt;![CDATA[]]&gt;&lt;/mysqlenable&gt; &lt;mysqldisable&gt;&lt;![CDATA[]]&gt;&lt;/mysqldisable&gt; &lt;mysqldelete&gt;&lt;![CDATA[]]&gt;&lt;/mysqldelete&gt; &lt;file name="engine/modules/show.short.php"&gt; &lt;operation action="replace"&gt; &lt;searchcode&gt;&lt;![CDATA[ if( $view_template != "rss" ) { if( $category_id and $cat_info[$category_id]['short_tpl'] != '' ) $tpl-&gt;load_template( $cat_info[$category_id]['short_tpl'] . '.tpl' ); else $tpl-&gt;load_template( 'shortstory.tpl' ); }]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[$change_template = true; if( isset($config['change_template']) AND $config['change_template'] != '' ) { $user_short_tpl_tmp = explode(',', $config['change_template']); if( count($user_short_tpl_tmp) &lt;= 1 ) $change_template = false; } $user_tpl = isset($_COOKIE['short_template']) ? trim($_COOKIE['short_template']) : 'default'; $user_tpl = ($user_tpl == 'default' OR !$change_template) ? 'shortstory.tpl' : 'shortstory_'.$user_tpl.'.tpl'; if( $view_template != "rss" ) { if( $category_id and $cat_info[$category_id]['short_tpl'] != '' ) $tpl-&gt;load_template( $cat_info[$category_id]['short_tpl'] . '.tpl' ); else $tpl-&gt;load_template( $user_tpl ); }]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;operation action="after"&gt; &lt;searchcode&gt;&lt;![CDATA[$db-&gt;free( $sql_result );]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[$onload_scripts[] = &lt;&lt;&lt;HTML $(".templater a[data-template]").click(function(){ if($(this).hasClass('current')) return false; $(this).addClass('current').siblings().removeClass('current'); $(".templtes").removeClass('current'); $(".template-"+$(this).data('template')).addClass('current'); Cookie.create('short_template', $(this).data('template'), { expires: 8760, path: '/' }); window.location.href=location.href; return false; }); HTML;]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;/file&gt; &lt;file name="engine/modules/main.php"&gt; &lt;operation action="after"&gt; &lt;searchcode&gt;&lt;![CDATA[$tpl-&gt;set ( '{speedbar}', $tpl-&gt;result['speedbar'] );]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[$change_template = true; if( isset($config['change_template']) AND $config['change_template'] != '' ) { $user_short_tpl = array(); $user_short_tpl_tmp = explode(',', $config['change_template']); if( count($user_short_tpl_tmp) &lt;= 1 ) $change_template = false; if( $change_template ) { foreach($user_short_tpl_tmp as $val) { $val = explode('|', $val); $user_short_tpl[] = array('template' =&gt; $val[0], 'name' =&gt; htmlspecialchars_decode($val[1])); } } } else { $user_short_tpl = array( array('template' =&gt; 'default', 'name' =&gt; 'Стандарт'), array('template' =&gt; 'list', 'name' =&gt; 'Список'), array('template' =&gt; 'icons', 'name' =&gt; 'Иконки') ); } if( $change_template ) { $sortn_arr = array(); $user_tpl = isset($_COOKIE['short_template']) ? trim($_COOKIE['short_template']) : 'default'; foreach($user_short_tpl as $val){ if( is_array($val) ) { $active_template = ' '; if($user_tpl == $val['template']) $active_template = ' class="current" '; $sortn_arr[] = '&lt;a href="#"'.$active_template.'data-template="'.$val['template'].'"&gt;'.$val['name'].'&lt;/a&gt;'; } } $sortn_arr = implode(' | ', $sortn_arr); $sortn = &lt;&lt;&lt;HTML &lt;div class="sortn dpad"&gt; &lt;div class="sortn"&gt; &lt;div class="templater"&gt;Режим просмотра: {$sortn_arr}&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; HTML; $tpl-&gt;set ( '{sortn}', $sortn); } else $tpl-&gt;set ( '{sortn}', '');]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;/file&gt; &lt;file name="engine/inc/options.php"&gt; &lt;operation action="after"&gt; &lt;searchcode&gt;&lt;![CDATA[showRow( $lang['opt_sys_biw'], $lang['opt_sys_biwd'], makeCheckBox( "save_con[bbimages_in_wysiwyg]", "{$config['bbimages_in_wysiwyg']}" ) );]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[showRow( $lang['change_template'], $lang['change_template_2'], "&lt;textarea class="classic" style="width:100%;height:150px;" name="save_con[change_template]"&gt;{$config['change_template']}&lt;/textarea&gt;" );]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;operation action="before"&gt; &lt;searchcode&gt;&lt;![CDATA[$save_con['offline_reason'] = trim(strip_tags(stripslashes( $save_con['offline_reason'] )));]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[$save_con['change_template'] = trim(stripslashes( $save_con['change_template'] )); $save_con['change_template'] = htmlspecialchars( $save_con['change_template'], ENT_QUOTES, $config['charset']);]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;operation action="replace"&gt; &lt;searchcode&gt;&lt;![CDATA[if( $name != "offline_reason" ) {]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[if( $name != "offline_reason" AND $name != "change_template" ) {]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;/file&gt; &lt;file name="language/Russian/adminpanel.lng"&gt; &lt;operation action="after"&gt; &lt;searchcode&gt;&lt;![CDATA['wysiwyg_language' =&gt; "ru",]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA['change_template' =&gt; "Список шаблонов", 'change_template_2' =&gt; "Перечислите шаблоны для смены&lt;br /&gt;Пример: &lt;strong&gt;default&lt;/strong&gt;-&lt;strong&gt;Стандарт&lt;/strong&gt; | &lt;strong&gt;list&lt;/strong&gt;-&lt;strong&gt;Список&lt;/strong&gt; | &lt;strong&gt;icons&lt;/strong&gt;-&lt;strong&gt;Иконки&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;Префикс шаблона - Текст или картинка&lt;br /&gt; - default = shortstory.tpl&lt;br /&gt; - list = shortstory_&lt;strong&gt;list&lt;/strong&gt;.tpl&lt;br /&gt;Для отключения смены оставьте один шаблон. Пустое поле задействует стандартный набор смены шаблонов.",]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;/file&gt; &lt;/dleplugin&gt;</code></pre><br><br>Скачать <a href="https://dle9.com/haki/">хаки для dle</a>, как Хак меняет вид Shortstory на лету для DLE исходники: <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=4327">Menyaem-vid-Shortstory-na-letu.rar</a> [18,59 Kb] (cкачиваний: 127) </span></description>
<category>DLE хаки   Разные навороты, сборник хаков</category>
<enclosure url="https://dle9.com/uploads/posts/2014-03/thumbs/1395041679_menyaem-vid-shortstory-na-letu.jpg" type="image/jpeg" />
<pubDate>Sat, 06 Oct 2018 11:06:00 +0100</pubDate>
<yandex:full-text><a href="https://dle9.com/uploads/posts/2014-03/1395041679_menyaem-vid-shortstory-na-letu.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2014-03/thumbs/1395041679_menyaem-vid-shortstory-na-letu.jpg" style="float:left;max-width:100%;" alt=""></a><br><br><a href="https://dle9.com/haki/hak-dle/">Хак</a> <b>меняет вид Shortstory на лету</b> для <a href="https://dle9.com/">DLE</a> - это модификация использует скрипт jquery, чтобы переключать оформление шаблона короткой новости при просмотр в <a href="https://dle9.com/books/dle-news/">DataLife Engine</a>, есть три режима: вывод списком, картинками или стандартным видом.<br><br>Это вырезанный кусок кода взятый у автора Sander с новости Переключение <a href="https://dle9.com/besplatnye/shabloni/">шаблонов</a> shortstory.<br><br>Установка хака на дле Меняем вид Shortstory на лету:<br>В main.tpl вставить<br><br><pre><code>[aviable=main] &lt;script type="text/javascript"&gt; $(function(){ if($.cookie('short_template')){ $(".templtes").removeClass('current'); $(".templater a[data-template]").removeClass('current').each(function(){ if($(this).data('template')==$.cookie('short_template')){ $(this).addClass('current'); $(".template-"+$.cookie('short_template')).addClass('current'); } }); } $(".templater a[data-template]").click(function(){ if($(this).hasClass('current')) return false; $(this).addClass('current').siblings().removeClass('current'); $(".templtes").removeClass('current'); $(".template-"+$(this).data('template')).addClass('current'); $.cookie('short_template', $(this).data('template'),{path:'/'}); window.location.href=dle_root+'?short_template'+$(this).data('template'); return false; }); }) &lt;/script&gt; &lt;div class="sortn dpad"&gt;&lt;div class="sortn"&gt;&lt;div class="templater"&gt;Режим просмотра: &lt;a href="#" class="current" data-template="default"&gt;Стандарт&lt;/a&gt; | &lt;a href="#" data-template="list"&gt;Список&lt;/a&gt; | &lt;a href="#" data-template="icons"&gt;Иконки&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; [/aviable]</code></pre><br><br>Добавляем стили:<br><br><pre><code>.templater .current{color:#c00;} .templtes{display:none;} .templtes.current{display:block;}</code></pre><br><br>Качаем архив и подключаем: jquery.cookie.js<br>Открываем файл engine/modules/show.short.php<br><br>Закоментируем строки:<br><br><pre><code>/* if( isset( $view_template ) and $view_template == "rss" ) { } elseif( $category_id and $cat_info[$category_id]['short_tpl'] != '' ) $tpl-&gt;load_template( $cat_info[$category_id]['short_tpl'] . '.tpl' ); else $tpl-&gt;load_template( 'shortstory.tpl' ); */</code></pre><br><br>Вставляем ниже:<br><pre><code> $user_short_tpl = array( 'default' =&gt; 'shortstory.tpl', //дефолтный шаблон 'list' =&gt; 'shortstory_list.tpl', // шаблон списком 'icons' =&gt; 'shortstory_icons.tpl' // шаблон картинки ); $user_tpl =(isset($_COOKIE['short_template']) &amp;&amp; isset($user_short_tpl[$_COOKIE['short_template']])) ? $user_short_tpl[$_COOKIE['short_template']] : $user_short_tpl['default']; $user_tpl = (isset($_GET['short_template']) &amp;&amp; isset($user_short_tpl[$_GET['short_template']])) ? $user_short_tpl[$_GET['short_template']] : $user_tpl; if( isset( $view_template ) and $view_template == "rss" ) { } elseif( $category_id and $cat_info[$category_id]['short_tpl'] != '' ) $tpl-&gt;load_template( $cat_info[$category_id]['short_tpl'] . '.tpl' ); else $tpl-&gt;load_template($user_tpl);</code></pre><br>Вот и всё!<br><br><span style="color:#CC0000;"><b>Обновленный хак</b></span> меняет вид Shortstory на лету для DLE 13.0 <br>Автор обновления пользователь: TeraMoune<br><br>От автора: По поводу самой реализации, думаю нету смысла передавать get параметр и считывать его. Ведь мы при нажатии определили куки и при обновлении система считывает параметр и присваивает переменной её значение.<br><br>Есть xml под 13 версию движка. В админку добавил поле где можно перечислять шаблоны. Размещение html разметки осуществляется тегом {sortn} в любом месте main.tpl и дочерних шаблонах.<br><br>Поделился хаком на сайте Sander'a в той самой теме, он что-то мне про фильтрацию начал втирать. Я дописал с фильтрацией и еще появился некий предохранитель. Если писать произвольные названия префиксов в куках будет происходить проверка и если у шаблона указанного нету будет грузить дефолт. А сами переключатели видны только там где используется модуль show.short.php. Вот такие не плохие доработки. <br><br><br>В прочем вот сам xml <br><br><pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;dleplugin&gt; &lt;name&gt;Change shortstory&lt;/name&gt; &lt;description&gt;В шаблоне main.tpl и других подключенных в нём в удобном месте используйте {sortn} Добавление и изменение html разметки осуществляется в разделе &amp;quot;Действия в файлах&amp;quot; в правках над файлом &amp;quot;engine/modules/main.php&amp;quot;&lt;/description&gt; &lt;icon&gt;&lt;/icon&gt; &lt;version&gt;&lt;/version&gt; &lt;dleversion&gt;13&lt;/dleversion&gt; &lt;versioncompare&gt;greater&lt;/versioncompare&gt; &lt;mysqlinstall&gt;&lt;![CDATA[]]&gt;&lt;/mysqlinstall&gt; &lt;mysqlupgrade&gt;&lt;![CDATA[]]&gt;&lt;/mysqlupgrade&gt; &lt;mysqlenable&gt;&lt;![CDATA[]]&gt;&lt;/mysqlenable&gt; &lt;mysqldisable&gt;&lt;![CDATA[]]&gt;&lt;/mysqldisable&gt; &lt;mysqldelete&gt;&lt;![CDATA[]]&gt;&lt;/mysqldelete&gt; &lt;file name="engine/modules/show.short.php"&gt; &lt;operation action="replace"&gt; &lt;searchcode&gt;&lt;![CDATA[ if( $view_template != "rss" ) { if( $category_id and $cat_info[$category_id]['short_tpl'] != '' ) $tpl-&gt;load_template( $cat_info[$category_id]['short_tpl'] . '.tpl' ); else $tpl-&gt;load_template( 'shortstory.tpl' ); }]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[$change_template = true; if( isset($config['change_template']) AND $config['change_template'] != '' ) { $user_short_tpl_tmp = explode(',', $config['change_template']); if( count($user_short_tpl_tmp) &lt;= 1 ) $change_template = false; } $user_tpl = isset($_COOKIE['short_template']) ? trim($_COOKIE['short_template']) : 'default'; $user_tpl = ($user_tpl == 'default' OR !$change_template) ? 'shortstory.tpl' : 'shortstory_'.$user_tpl.'.tpl'; if( $view_template != "rss" ) { if( $category_id and $cat_info[$category_id]['short_tpl'] != '' ) $tpl-&gt;load_template( $cat_info[$category_id]['short_tpl'] . '.tpl' ); else $tpl-&gt;load_template( $user_tpl ); }]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;operation action="after"&gt; &lt;searchcode&gt;&lt;![CDATA[$db-&gt;free( $sql_result );]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[$onload_scripts[] = &lt;&lt;&lt;HTML $(".templater a[data-template]").click(function(){ if($(this).hasClass('current')) return false; $(this).addClass('current').siblings().removeClass('current'); $(".templtes").removeClass('current'); $(".template-"+$(this).data('template')).addClass('current'); Cookie.create('short_template', $(this).data('template'), { expires: 8760, path: '/' }); window.location.href=location.href; return false; }); HTML;]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;/file&gt; &lt;file name="engine/modules/main.php"&gt; &lt;operation action="after"&gt; &lt;searchcode&gt;&lt;![CDATA[$tpl-&gt;set ( '{speedbar}', $tpl-&gt;result['speedbar'] );]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[$change_template = true; if( isset($config['change_template']) AND $config['change_template'] != '' ) { $user_short_tpl = array(); $user_short_tpl_tmp = explode(',', $config['change_template']); if( count($user_short_tpl_tmp) &lt;= 1 ) $change_template = false; if( $change_template ) { foreach($user_short_tpl_tmp as $val) { $val = explode('|', $val); $user_short_tpl[] = array('template' =&gt; $val[0], 'name' =&gt; htmlspecialchars_decode($val[1])); } } } else { $user_short_tpl = array( array('template' =&gt; 'default', 'name' =&gt; 'Стандарт'), array('template' =&gt; 'list', 'name' =&gt; 'Список'), array('template' =&gt; 'icons', 'name' =&gt; 'Иконки') ); } if( $change_template ) { $sortn_arr = array(); $user_tpl = isset($_COOKIE['short_template']) ? trim($_COOKIE['short_template']) : 'default'; foreach($user_short_tpl as $val){ if( is_array($val) ) { $active_template = ' '; if($user_tpl == $val['template']) $active_template = ' class="current" '; $sortn_arr[] = '&lt;a href="#"'.$active_template.'data-template="'.$val['template'].'"&gt;'.$val['name'].'&lt;/a&gt;'; } } $sortn_arr = implode(' | ', $sortn_arr); $sortn = &lt;&lt;&lt;HTML &lt;div class="sortn dpad"&gt; &lt;div class="sortn"&gt; &lt;div class="templater"&gt;Режим просмотра: {$sortn_arr}&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; HTML; $tpl-&gt;set ( '{sortn}', $sortn); } else $tpl-&gt;set ( '{sortn}', '');]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;/file&gt; &lt;file name="engine/inc/options.php"&gt; &lt;operation action="after"&gt; &lt;searchcode&gt;&lt;![CDATA[showRow( $lang['opt_sys_biw'], $lang['opt_sys_biwd'], makeCheckBox( "save_con[bbimages_in_wysiwyg]", "{$config['bbimages_in_wysiwyg']}" ) );]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[showRow( $lang['change_template'], $lang['change_template_2'], "&lt;textarea class="classic" style="width:100%;height:150px;" name="save_con[change_template]"&gt;{$config['change_template']}&lt;/textarea&gt;" );]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;operation action="before"&gt; &lt;searchcode&gt;&lt;![CDATA[$save_con['offline_reason'] = trim(strip_tags(stripslashes( $save_con['offline_reason'] )));]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[$save_con['change_template'] = trim(stripslashes( $save_con['change_template'] )); $save_con['change_template'] = htmlspecialchars( $save_con['change_template'], ENT_QUOTES, $config['charset']);]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;operation action="replace"&gt; &lt;searchcode&gt;&lt;![CDATA[if( $name != "offline_reason" ) {]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[if( $name != "offline_reason" AND $name != "change_template" ) {]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;/file&gt; &lt;file name="language/Russian/adminpanel.lng"&gt; &lt;operation action="after"&gt; &lt;searchcode&gt;&lt;![CDATA['wysiwyg_language' =&gt; "ru",]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA['change_template' =&gt; "Список шаблонов", 'change_template_2' =&gt; "Перечислите шаблоны для смены&lt;br /&gt;Пример: &lt;strong&gt;default&lt;/strong&gt;-&lt;strong&gt;Стандарт&lt;/strong&gt; | &lt;strong&gt;list&lt;/strong&gt;-&lt;strong&gt;Список&lt;/strong&gt; | &lt;strong&gt;icons&lt;/strong&gt;-&lt;strong&gt;Иконки&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;Префикс шаблона - Текст или картинка&lt;br /&gt; - default = shortstory.tpl&lt;br /&gt; - list = shortstory_&lt;strong&gt;list&lt;/strong&gt;.tpl&lt;br /&gt;Для отключения смены оставьте один шаблон. Пустое поле задействует стандартный набор смены шаблонов.",]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;/file&gt; &lt;/dleplugin&gt;</code></pre><br><br>Скачать <a href="https://dle9.com/haki/">хаки для dle</a>, как Хак меняет вид Shortstory на лету для DLE исходники: <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=4327">Menyaem-vid-Shortstory-na-letu.rar</a> [18,59 Kb] (cкачиваний: 127) </span></yandex:full-text>
[allow-turbo]<turbo:content><![CDATA[<a href="https://dle9.com/uploads/posts/2014-03/1395041679_menyaem-vid-shortstory-na-letu.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2014-03/thumbs/1395041679_menyaem-vid-shortstory-na-letu.jpg" style="float:left;max-width:100%;" alt=""></a><br><br><a href="https://dle9.com/haki/hak-dle/">Хак</a> <b>меняет вид Shortstory на лету</b> для <a href="https://dle9.com/">DLE</a> - это модификация использует скрипт jquery, чтобы переключать оформление шаблона короткой новости при просмотр в <a href="https://dle9.com/books/dle-news/">DataLife Engine</a>, есть три режима: вывод списком, картинками или стандартным видом.<br><br>Это вырезанный кусок кода взятый у автора Sander с новости Переключение <a href="https://dle9.com/besplatnye/shabloni/">шаблонов</a> shortstory.<br><br>Установка хака на дле Меняем вид Shortstory на лету:<br>В main.tpl вставить<br><br><pre><code>[aviable=main] &lt;script type="text/javascript"&gt; $(function(){ if($.cookie('short_template')){ $(".templtes").removeClass('current'); $(".templater a[data-template]").removeClass('current').each(function(){ if($(this).data('template')==$.cookie('short_template')){ $(this).addClass('current'); $(".template-"+$.cookie('short_template')).addClass('current'); } }); } $(".templater a[data-template]").click(function(){ if($(this).hasClass('current')) return false; $(this).addClass('current').siblings().removeClass('current'); $(".templtes").removeClass('current'); $(".template-"+$(this).data('template')).addClass('current'); $.cookie('short_template', $(this).data('template'),{path:'/'}); window.location.href=dle_root+'?short_template'+$(this).data('template'); return false; }); }) &lt;/script&gt; &lt;div class="sortn dpad"&gt;&lt;div class="sortn"&gt;&lt;div class="templater"&gt;Режим просмотра: &lt;a href="#" class="current" data-template="default"&gt;Стандарт&lt;/a&gt; | &lt;a href="#" data-template="list"&gt;Список&lt;/a&gt; | &lt;a href="#" data-template="icons"&gt;Иконки&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; [/aviable]</code></pre><br><br>Добавляем стили:<br><br><pre><code>.templater .current{color:#c00;} .templtes{display:none;} .templtes.current{display:block;}</code></pre><br><br>Качаем архив и подключаем: jquery.cookie.js<br>Открываем файл engine/modules/show.short.php<br><br>Закоментируем строки:<br><br><pre><code>/* if( isset( $view_template ) and $view_template == "rss" ) { } elseif( $category_id and $cat_info[$category_id]['short_tpl'] != '' ) $tpl-&gt;load_template( $cat_info[$category_id]['short_tpl'] . '.tpl' ); else $tpl-&gt;load_template( 'shortstory.tpl' ); */</code></pre><br><br>Вставляем ниже:<br><pre><code> $user_short_tpl = array( 'default' =&gt; 'shortstory.tpl', //дефолтный шаблон 'list' =&gt; 'shortstory_list.tpl', // шаблон списком 'icons' =&gt; 'shortstory_icons.tpl' // шаблон картинки ); $user_tpl =(isset($_COOKIE['short_template']) &amp;&amp; isset($user_short_tpl[$_COOKIE['short_template']])) ? $user_short_tpl[$_COOKIE['short_template']] : $user_short_tpl['default']; $user_tpl = (isset($_GET['short_template']) &amp;&amp; isset($user_short_tpl[$_GET['short_template']])) ? $user_short_tpl[$_GET['short_template']] : $user_tpl; if( isset( $view_template ) and $view_template == "rss" ) { } elseif( $category_id and $cat_info[$category_id]['short_tpl'] != '' ) $tpl-&gt;load_template( $cat_info[$category_id]['short_tpl'] . '.tpl' ); else $tpl-&gt;load_template($user_tpl);</code></pre><br>Вот и всё!<br><br><span style="color:#CC0000;"><b>Обновленный хак</b></span> меняет вид Shortstory на лету для DLE 13.0 <br>Автор обновления пользователь: TeraMoune<br><br>От автора: По поводу самой реализации, думаю нету смысла передавать get параметр и считывать его. Ведь мы при нажатии определили куки и при обновлении система считывает параметр и присваивает переменной её значение.<br><br>Есть xml под 13 версию движка. В админку добавил поле где можно перечислять шаблоны. Размещение html разметки осуществляется тегом {sortn} в любом месте main.tpl и дочерних шаблонах.<br><br>Поделился хаком на сайте Sander'a в той самой теме, он что-то мне про фильтрацию начал втирать. Я дописал с фильтрацией и еще появился некий предохранитель. Если писать произвольные названия префиксов в куках будет происходить проверка и если у шаблона указанного нету будет грузить дефолт. А сами переключатели видны только там где используется модуль show.short.php. Вот такие не плохие доработки. <br><br><br>В прочем вот сам xml <br><br><pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;dleplugin&gt; &lt;name&gt;Change shortstory&lt;/name&gt; &lt;description&gt;В шаблоне main.tpl и других подключенных в нём в удобном месте используйте {sortn} Добавление и изменение html разметки осуществляется в разделе &amp;quot;Действия в файлах&amp;quot; в правках над файлом &amp;quot;engine/modules/main.php&amp;quot;&lt;/description&gt; &lt;icon&gt;&lt;/icon&gt; &lt;version&gt;&lt;/version&gt; &lt;dleversion&gt;13&lt;/dleversion&gt; &lt;versioncompare&gt;greater&lt;/versioncompare&gt; &lt;mysqlinstall&gt;&lt;![CDATA[]]&gt;&lt;/mysqlinstall&gt; &lt;mysqlupgrade&gt;&lt;![CDATA[]]&gt;&lt;/mysqlupgrade&gt; &lt;mysqlenable&gt;&lt;![CDATA[]]&gt;&lt;/mysqlenable&gt; &lt;mysqldisable&gt;&lt;![CDATA[]]&gt;&lt;/mysqldisable&gt; &lt;mysqldelete&gt;&lt;![CDATA[]]&gt;&lt;/mysqldelete&gt; &lt;file name="engine/modules/show.short.php"&gt; &lt;operation action="replace"&gt; &lt;searchcode&gt;&lt;![CDATA[ if( $view_template != "rss" ) { if( $category_id and $cat_info[$category_id]['short_tpl'] != '' ) $tpl-&gt;load_template( $cat_info[$category_id]['short_tpl'] . '.tpl' ); else $tpl-&gt;load_template( 'shortstory.tpl' ); }]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[$change_template = true; if( isset($config['change_template']) AND $config['change_template'] != '' ) { $user_short_tpl_tmp = explode(',', $config['change_template']); if( count($user_short_tpl_tmp) &lt;= 1 ) $change_template = false; } $user_tpl = isset($_COOKIE['short_template']) ? trim($_COOKIE['short_template']) : 'default'; $user_tpl = ($user_tpl == 'default' OR !$change_template) ? 'shortstory.tpl' : 'shortstory_'.$user_tpl.'.tpl'; if( $view_template != "rss" ) { if( $category_id and $cat_info[$category_id]['short_tpl'] != '' ) $tpl-&gt;load_template( $cat_info[$category_id]['short_tpl'] . '.tpl' ); else $tpl-&gt;load_template( $user_tpl ); }]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;operation action="after"&gt; &lt;searchcode&gt;&lt;![CDATA[$db-&gt;free( $sql_result );]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[$onload_scripts[] = &lt;&lt;&lt;HTML $(".templater a[data-template]").click(function(){ if($(this).hasClass('current')) return false; $(this).addClass('current').siblings().removeClass('current'); $(".templtes").removeClass('current'); $(".template-"+$(this).data('template')).addClass('current'); Cookie.create('short_template', $(this).data('template'), { expires: 8760, path: '/' }); window.location.href=location.href; return false; }); HTML;]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;/file&gt; &lt;file name="engine/modules/main.php"&gt; &lt;operation action="after"&gt; &lt;searchcode&gt;&lt;![CDATA[$tpl-&gt;set ( '{speedbar}', $tpl-&gt;result['speedbar'] );]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[$change_template = true; if( isset($config['change_template']) AND $config['change_template'] != '' ) { $user_short_tpl = array(); $user_short_tpl_tmp = explode(',', $config['change_template']); if( count($user_short_tpl_tmp) &lt;= 1 ) $change_template = false; if( $change_template ) { foreach($user_short_tpl_tmp as $val) { $val = explode('|', $val); $user_short_tpl[] = array('template' =&gt; $val[0], 'name' =&gt; htmlspecialchars_decode($val[1])); } } } else { $user_short_tpl = array( array('template' =&gt; 'default', 'name' =&gt; 'Стандарт'), array('template' =&gt; 'list', 'name' =&gt; 'Список'), array('template' =&gt; 'icons', 'name' =&gt; 'Иконки') ); } if( $change_template ) { $sortn_arr = array(); $user_tpl = isset($_COOKIE['short_template']) ? trim($_COOKIE['short_template']) : 'default'; foreach($user_short_tpl as $val){ if( is_array($val) ) { $active_template = ' '; if($user_tpl == $val['template']) $active_template = ' class="current" '; $sortn_arr[] = '&lt;a href="#"'.$active_template.'data-template="'.$val['template'].'"&gt;'.$val['name'].'&lt;/a&gt;'; } } $sortn_arr = implode(' | ', $sortn_arr); $sortn = &lt;&lt;&lt;HTML &lt;div class="sortn dpad"&gt; &lt;div class="sortn"&gt; &lt;div class="templater"&gt;Режим просмотра: {$sortn_arr}&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; HTML; $tpl-&gt;set ( '{sortn}', $sortn); } else $tpl-&gt;set ( '{sortn}', '');]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;/file&gt; &lt;file name="engine/inc/options.php"&gt; &lt;operation action="after"&gt; &lt;searchcode&gt;&lt;![CDATA[showRow( $lang['opt_sys_biw'], $lang['opt_sys_biwd'], makeCheckBox( "save_con[bbimages_in_wysiwyg]", "{$config['bbimages_in_wysiwyg']}" ) );]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[showRow( $lang['change_template'], $lang['change_template_2'], "&lt;textarea class="classic" style="width:100%;height:150px;" name="save_con[change_template]"&gt;{$config['change_template']}&lt;/textarea&gt;" );]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;operation action="before"&gt; &lt;searchcode&gt;&lt;![CDATA[$save_con['offline_reason'] = trim(strip_tags(stripslashes( $save_con['offline_reason'] )));]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[$save_con['change_template'] = trim(stripslashes( $save_con['change_template'] )); $save_con['change_template'] = htmlspecialchars( $save_con['change_template'], ENT_QUOTES, $config['charset']);]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;operation action="replace"&gt; &lt;searchcode&gt;&lt;![CDATA[if( $name != "offline_reason" ) {]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[if( $name != "offline_reason" AND $name != "change_template" ) {]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;/file&gt; &lt;file name="language/Russian/adminpanel.lng"&gt; &lt;operation action="after"&gt; &lt;searchcode&gt;&lt;![CDATA['wysiwyg_language' =&gt; "ru",]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA['change_template' =&gt; "Список шаблонов", 'change_template_2' =&gt; "Перечислите шаблоны для смены&lt;br /&gt;Пример: &lt;strong&gt;default&lt;/strong&gt;-&lt;strong&gt;Стандарт&lt;/strong&gt; | &lt;strong&gt;list&lt;/strong&gt;-&lt;strong&gt;Список&lt;/strong&gt; | &lt;strong&gt;icons&lt;/strong&gt;-&lt;strong&gt;Иконки&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;Префикс шаблона - Текст или картинка&lt;br /&gt; - default = shortstory.tpl&lt;br /&gt; - list = shortstory_&lt;strong&gt;list&lt;/strong&gt;.tpl&lt;br /&gt;Для отключения смены оставьте один шаблон. Пустое поле задействует стандартный набор смены шаблонов.",]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;/file&gt; &lt;/dleplugin&gt;</code></pre><br><br>Скачать <a href="https://dle9.com/haki/">хаки для dle</a>, как Хак меняет вид Shortstory на лету для DLE исходники: <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=4327">Menyaem-vid-Shortstory-na-letu.rar</a> [18,59 Kb] (cкачиваний: 127) </span>]]></turbo:content>[/allow-turbo]
[allow-dzen]<content:encoded><![CDATA[<a href="https://dle9.com/uploads/posts/2014-03/1395041679_menyaem-vid-shortstory-na-letu.jpg" class="highslide" target="_blank"><img src="https://dle9.com/uploads/posts/2014-03/thumbs/1395041679_menyaem-vid-shortstory-na-letu.jpg" style="float:left;max-width:100%;" alt=""></a><br><br><a href="https://dle9.com/haki/hak-dle/">Хак</a> <b>меняет вид Shortstory на лету</b> для <a href="https://dle9.com/">DLE</a> - это модификация использует скрипт jquery, чтобы переключать оформление шаблона короткой новости при просмотр в <a href="https://dle9.com/books/dle-news/">DataLife Engine</a>, есть три режима: вывод списком, картинками или стандартным видом.<br><br>Это вырезанный кусок кода взятый у автора Sander с новости Переключение <a href="https://dle9.com/besplatnye/shabloni/">шаблонов</a> shortstory.<br><br>Установка хака на дле Меняем вид Shortstory на лету:<br>В main.tpl вставить<br><br><pre><code>[aviable=main] &lt;script type="text/javascript"&gt; $(function(){ if($.cookie('short_template')){ $(".templtes").removeClass('current'); $(".templater a[data-template]").removeClass('current').each(function(){ if($(this).data('template')==$.cookie('short_template')){ $(this).addClass('current'); $(".template-"+$.cookie('short_template')).addClass('current'); } }); } $(".templater a[data-template]").click(function(){ if($(this).hasClass('current')) return false; $(this).addClass('current').siblings().removeClass('current'); $(".templtes").removeClass('current'); $(".template-"+$(this).data('template')).addClass('current'); $.cookie('short_template', $(this).data('template'),{path:'/'}); window.location.href=dle_root+'?short_template'+$(this).data('template'); return false; }); }) &lt;/script&gt; &lt;div class="sortn dpad"&gt;&lt;div class="sortn"&gt;&lt;div class="templater"&gt;Режим просмотра: &lt;a href="#" class="current" data-template="default"&gt;Стандарт&lt;/a&gt; | &lt;a href="#" data-template="list"&gt;Список&lt;/a&gt; | &lt;a href="#" data-template="icons"&gt;Иконки&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; [/aviable]</code></pre><br><br>Добавляем стили:<br><br><pre><code>.templater .current{color:#c00;} .templtes{display:none;} .templtes.current{display:block;}</code></pre><br><br>Качаем архив и подключаем: jquery.cookie.js<br>Открываем файл engine/modules/show.short.php<br><br>Закоментируем строки:<br><br><pre><code>/* if( isset( $view_template ) and $view_template == "rss" ) { } elseif( $category_id and $cat_info[$category_id]['short_tpl'] != '' ) $tpl-&gt;load_template( $cat_info[$category_id]['short_tpl'] . '.tpl' ); else $tpl-&gt;load_template( 'shortstory.tpl' ); */</code></pre><br><br>Вставляем ниже:<br><pre><code> $user_short_tpl = array( 'default' =&gt; 'shortstory.tpl', //дефолтный шаблон 'list' =&gt; 'shortstory_list.tpl', // шаблон списком 'icons' =&gt; 'shortstory_icons.tpl' // шаблон картинки ); $user_tpl =(isset($_COOKIE['short_template']) &amp;&amp; isset($user_short_tpl[$_COOKIE['short_template']])) ? $user_short_tpl[$_COOKIE['short_template']] : $user_short_tpl['default']; $user_tpl = (isset($_GET['short_template']) &amp;&amp; isset($user_short_tpl[$_GET['short_template']])) ? $user_short_tpl[$_GET['short_template']] : $user_tpl; if( isset( $view_template ) and $view_template == "rss" ) { } elseif( $category_id and $cat_info[$category_id]['short_tpl'] != '' ) $tpl-&gt;load_template( $cat_info[$category_id]['short_tpl'] . '.tpl' ); else $tpl-&gt;load_template($user_tpl);</code></pre><br>Вот и всё!<br><br><span style="color:#CC0000;"><b>Обновленный хак</b></span> меняет вид Shortstory на лету для DLE 13.0 <br>Автор обновления пользователь: TeraMoune<br><br>От автора: По поводу самой реализации, думаю нету смысла передавать get параметр и считывать его. Ведь мы при нажатии определили куки и при обновлении система считывает параметр и присваивает переменной её значение.<br><br>Есть xml под 13 версию движка. В админку добавил поле где можно перечислять шаблоны. Размещение html разметки осуществляется тегом {sortn} в любом месте main.tpl и дочерних шаблонах.<br><br>Поделился хаком на сайте Sander'a в той самой теме, он что-то мне про фильтрацию начал втирать. Я дописал с фильтрацией и еще появился некий предохранитель. Если писать произвольные названия префиксов в куках будет происходить проверка и если у шаблона указанного нету будет грузить дефолт. А сами переключатели видны только там где используется модуль show.short.php. Вот такие не плохие доработки. <br><br><br>В прочем вот сам xml <br><br><pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;dleplugin&gt; &lt;name&gt;Change shortstory&lt;/name&gt; &lt;description&gt;В шаблоне main.tpl и других подключенных в нём в удобном месте используйте {sortn} Добавление и изменение html разметки осуществляется в разделе &amp;quot;Действия в файлах&amp;quot; в правках над файлом &amp;quot;engine/modules/main.php&amp;quot;&lt;/description&gt; &lt;icon&gt;&lt;/icon&gt; &lt;version&gt;&lt;/version&gt; &lt;dleversion&gt;13&lt;/dleversion&gt; &lt;versioncompare&gt;greater&lt;/versioncompare&gt; &lt;mysqlinstall&gt;&lt;![CDATA[]]&gt;&lt;/mysqlinstall&gt; &lt;mysqlupgrade&gt;&lt;![CDATA[]]&gt;&lt;/mysqlupgrade&gt; &lt;mysqlenable&gt;&lt;![CDATA[]]&gt;&lt;/mysqlenable&gt; &lt;mysqldisable&gt;&lt;![CDATA[]]&gt;&lt;/mysqldisable&gt; &lt;mysqldelete&gt;&lt;![CDATA[]]&gt;&lt;/mysqldelete&gt; &lt;file name="engine/modules/show.short.php"&gt; &lt;operation action="replace"&gt; &lt;searchcode&gt;&lt;![CDATA[ if( $view_template != "rss" ) { if( $category_id and $cat_info[$category_id]['short_tpl'] != '' ) $tpl-&gt;load_template( $cat_info[$category_id]['short_tpl'] . '.tpl' ); else $tpl-&gt;load_template( 'shortstory.tpl' ); }]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[$change_template = true; if( isset($config['change_template']) AND $config['change_template'] != '' ) { $user_short_tpl_tmp = explode(',', $config['change_template']); if( count($user_short_tpl_tmp) &lt;= 1 ) $change_template = false; } $user_tpl = isset($_COOKIE['short_template']) ? trim($_COOKIE['short_template']) : 'default'; $user_tpl = ($user_tpl == 'default' OR !$change_template) ? 'shortstory.tpl' : 'shortstory_'.$user_tpl.'.tpl'; if( $view_template != "rss" ) { if( $category_id and $cat_info[$category_id]['short_tpl'] != '' ) $tpl-&gt;load_template( $cat_info[$category_id]['short_tpl'] . '.tpl' ); else $tpl-&gt;load_template( $user_tpl ); }]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;operation action="after"&gt; &lt;searchcode&gt;&lt;![CDATA[$db-&gt;free( $sql_result );]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[$onload_scripts[] = &lt;&lt;&lt;HTML $(".templater a[data-template]").click(function(){ if($(this).hasClass('current')) return false; $(this).addClass('current').siblings().removeClass('current'); $(".templtes").removeClass('current'); $(".template-"+$(this).data('template')).addClass('current'); Cookie.create('short_template', $(this).data('template'), { expires: 8760, path: '/' }); window.location.href=location.href; return false; }); HTML;]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;/file&gt; &lt;file name="engine/modules/main.php"&gt; &lt;operation action="after"&gt; &lt;searchcode&gt;&lt;![CDATA[$tpl-&gt;set ( '{speedbar}', $tpl-&gt;result['speedbar'] );]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[$change_template = true; if( isset($config['change_template']) AND $config['change_template'] != '' ) { $user_short_tpl = array(); $user_short_tpl_tmp = explode(',', $config['change_template']); if( count($user_short_tpl_tmp) &lt;= 1 ) $change_template = false; if( $change_template ) { foreach($user_short_tpl_tmp as $val) { $val = explode('|', $val); $user_short_tpl[] = array('template' =&gt; $val[0], 'name' =&gt; htmlspecialchars_decode($val[1])); } } } else { $user_short_tpl = array( array('template' =&gt; 'default', 'name' =&gt; 'Стандарт'), array('template' =&gt; 'list', 'name' =&gt; 'Список'), array('template' =&gt; 'icons', 'name' =&gt; 'Иконки') ); } if( $change_template ) { $sortn_arr = array(); $user_tpl = isset($_COOKIE['short_template']) ? trim($_COOKIE['short_template']) : 'default'; foreach($user_short_tpl as $val){ if( is_array($val) ) { $active_template = ' '; if($user_tpl == $val['template']) $active_template = ' class="current" '; $sortn_arr[] = '&lt;a href="#"'.$active_template.'data-template="'.$val['template'].'"&gt;'.$val['name'].'&lt;/a&gt;'; } } $sortn_arr = implode(' | ', $sortn_arr); $sortn = &lt;&lt;&lt;HTML &lt;div class="sortn dpad"&gt; &lt;div class="sortn"&gt; &lt;div class="templater"&gt;Режим просмотра: {$sortn_arr}&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; HTML; $tpl-&gt;set ( '{sortn}', $sortn); } else $tpl-&gt;set ( '{sortn}', '');]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;/file&gt; &lt;file name="engine/inc/options.php"&gt; &lt;operation action="after"&gt; &lt;searchcode&gt;&lt;![CDATA[showRow( $lang['opt_sys_biw'], $lang['opt_sys_biwd'], makeCheckBox( "save_con[bbimages_in_wysiwyg]", "{$config['bbimages_in_wysiwyg']}" ) );]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[showRow( $lang['change_template'], $lang['change_template_2'], "&lt;textarea class="classic" style="width:100%;height:150px;" name="save_con[change_template]"&gt;{$config['change_template']}&lt;/textarea&gt;" );]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;operation action="before"&gt; &lt;searchcode&gt;&lt;![CDATA[$save_con['offline_reason'] = trim(strip_tags(stripslashes( $save_con['offline_reason'] )));]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[$save_con['change_template'] = trim(stripslashes( $save_con['change_template'] )); $save_con['change_template'] = htmlspecialchars( $save_con['change_template'], ENT_QUOTES, $config['charset']);]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;operation action="replace"&gt; &lt;searchcode&gt;&lt;![CDATA[if( $name != "offline_reason" ) {]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA[if( $name != "offline_reason" AND $name != "change_template" ) {]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;/file&gt; &lt;file name="language/Russian/adminpanel.lng"&gt; &lt;operation action="after"&gt; &lt;searchcode&gt;&lt;![CDATA['wysiwyg_language' =&gt; "ru",]]&gt;&lt;/searchcode&gt; &lt;replacecode&gt;&lt;![CDATA['change_template' =&gt; "Список шаблонов", 'change_template_2' =&gt; "Перечислите шаблоны для смены&lt;br /&gt;Пример: &lt;strong&gt;default&lt;/strong&gt;-&lt;strong&gt;Стандарт&lt;/strong&gt; | &lt;strong&gt;list&lt;/strong&gt;-&lt;strong&gt;Список&lt;/strong&gt; | &lt;strong&gt;icons&lt;/strong&gt;-&lt;strong&gt;Иконки&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;Префикс шаблона - Текст или картинка&lt;br /&gt; - default = shortstory.tpl&lt;br /&gt; - list = shortstory_&lt;strong&gt;list&lt;/strong&gt;.tpl&lt;br /&gt;Для отключения смены оставьте один шаблон. Пустое поле задействует стандартный набор смены шаблонов.",]]&gt;&lt;/replacecode&gt; &lt;/operation&gt; &lt;/file&gt; &lt;/dleplugin&gt;</code></pre><br><br>Скачать <a href="https://dle9.com/haki/">хаки для dle</a>, как Хак меняет вид Shortstory на лету для DLE исходники: <span class="attachment"> <br><br><a href="https://dle9.com/index.php?do=download&amp;id=4327">Menyaem-vid-Shortstory-na-letu.rar</a> [18,59 Kb] (cкачиваний: 127) </span>]]></content:encoded>[/allow-dzen]
</item>[/yandexrss]</channel></rss>