Как вывести тег в мировые
Здравствуйте! Нужно вывести отдельно облако тегов блога в сайдбаре блога, отдельно категории. Категории получилось вывести, теги нет. Прошу помощи. Использую плагины для тегов и категорий. Стандартно они выводятся вместе, тема default 2.
Привет, я не шарю в php. Так вот у меня вопрос:Как вывести теги в не массива...{foreach $post.plugins.after as $plugin => $output}{$output}{/foreach}Как я понял, суть в том что все установленные плагины относящиеся к блогам будет выводиться в конце...
Добрый день, уважаемые. С платформой встретился первый раз. Заказчик хочет вывести теги на главную страницу. В бэкэнде я их вижу, как инструмент отбора по ним в низу админки, но не могу найти как это вывести в фронтэнд. С PHP знаком.
Есть решение
Добрый день.Подскажите кто-нибудь, как вывести теги к фотографиям скажем на странице photos-thumbs.html что бы у каждой фотографии снизу писалось не только Описание $photo.descriprion, но и подобие $tags как в photo.html. Тема дизайна Дефолт...
В шаблоне photos-thumbs.html добавить к примеру {implode($photo.tags,",")} после
Доброго всем, подскажите как вывести теги блога в home.html приложения магазин? Для блога используется бесплатный плагин
Есть решение
Как можно вывести информацию вверху страниц тегов? Нужно чтобы она отображалась только на страницах товаров, отобранных по тегу... Пробовали добавлять на страницу search.html, но блок виден еще и на страница брендов, а нужно только на странице тегов....
Ну...например так:{if $wa->currentUrl()|strstr:"/tag/"}
ваш код
{/if}
Как вывести категории блога в сайдбаре любой темы отдельно от облака тегов? Тоже самое облако тегов без категорий?У меня почему, то выводятся вместе. Облако тегов и под ним категории.Вот код:
{foreach $frontend_action as $plugin...
При создании страницы сайта в Настройках страницы если убрать галочку с "Для соцсетей использовать эти же заголовки и описания" появляются поля для ввода og тегов (og:title, og:image, og:video, og:description). Подскажите как вывести эти теги...
Стилизовать теги
Всем привет.Нужно стилизовать Теги, например как здесь http://www.rukzakoff.ru/product/ryukzak-holdie-lea...Делать нужно в этом магазине http://biznes-lanch.com/product/mindal-1-kg/, так-же вывести в сайд баре и под описание, сейчас они под кнопкой...
Наш магазин: http://instrumart.ru/tag/flir+one/Нужно для заданного тега выводить в мета-теге description название бренда товара, вывожу так:Только оригинальные {tag_name} производства компании {brand_name}, купить за наличные в Москве или по карте на...
Есть решение
Подскажите как вывести в sitemap страницы тегов?
В sitemap эти страницы не формируются для избежания дублирования ссылок.В рекомендациях https://www.shop-script.ru/help/149/shop-script-5-... индексирование тегов тоже закрыто - Disallow: /tag/
В приложении "Сайт", "Магазин" облако тегов выводится по алфавиту, в "Хаб" в порядке весов.Как вывести облако тегов для "Сайт", "Магазин" в порядке весов?p/s/ облако выводится примерно так: {$cloud =...
Есть решение
Как вывести облако тегов на странице товаров, отобранных по тегу? Чтобы это облако не выводилось на других страницах, например, брендов..
Попробуйте обернуть код вывода облака условием, получится примерно так:{if strstr($wa->currentUrl(), "tag")}{/if}
Есть решение
Здравствуйте. Подскажите пожалуйста, как вывести в карточке товара условие по конкретному тегу?{if $product.tags}...... {/if} выводит если указан вообще хоть один тег у товара, а как указать условия по конкретным тегам?
{if $product.tags.1|default:false} Tag 1 {/if}где 1 идентификатор тега.
Есть блок blog.latest_posts, позволяющий выводить заданное количество последних записей блога.
Нужен подобный блок, позволяющий выводить не последние записи, а записи с определенным тегом (например, "Новости")
Код блока blog.latest_posts:...
Есть два блога: blog/ и news/. Как вывести в блоге отображение тегов только этого блога? Всё равно при нажатии на тег другого блога ничего не находится.
Требуется вывести в наименовании товара как верхний индекс значок ®вслед за товарным знаком - ЗНАК®В HTML это можно сделать через теги . При попытке вставить их в поле наименование товара, выводятся и сами теги.
Подскажите - есть плагин тегов для блога(https://www.webasyst.ru/store/plugin/blog/tag/) в описании указано Облако тегов доступно в бекенде и во фронтенде (на сайте), ни как не могу вывести на сайте.
Есть решение
Собственно вопрос:В приложении фото есть возможность назначить к фото свои описания и теги. А для чего они нужны если они нигде во фронтеде не выводятся? И собственно вопрос: как эти описания и теги вывести в галереи или в другом месте, где выводятся...
Прошло три недели, как обещали поправить, а воз и ныне там Разочарованы этой темой дизайна "корпоративный"очень много лишнего кода, очень много шлака, под фото вообще не оптимизирована. Обидно, выброшенные деньги и время.
Здравствуйте! Требуются доработки: Добавить подстраницу товара «Запчасти для модели». Аналогично https://rc-today.ru/product/monstr-remo-hobby-rh1631/ (кнопка «Запчасти и тюнинг»). На этой подстранице вывести список товаров...
Вывести Cross-selling товары на подстраницу товара
Здравствуйте! Требуются доработки: Добавить подстраницу товара «Запчасти для модели». Аналогично https://rc-today.ru/product/monstr-remo-hobby-rh1631/ (кнопка «Запчасти и тюнинг»). На этой подстранице вывести...
Есть решение
Добрый день! В ShopScript5 краткое описание выводилось с учетом HTML разметки, тегов.В Webasyst 6 (тема Sidebar) после загрузки товаров из старого магазина SS5 краткое описание выводится сплошным текстом. При этом теги просто отбрасываются, не...
Да, в list-thumbs.html вашей темы измените {strip_tags($p.summary)|truncate:100} на, например, {$p.summary|truncate:100}, 100 - это ограничение на количество символов, можно увеличить.
Есть решение
Подскажите как вывести список всех используемых тегов в приложении ХАБ?
По такому принципу. Вставьте в нужное место шаблона вашей темы дизайна.{if $cloud = $wa->hub->tags()}
{foreach $cloud as $tag}
{$tag.name|escape}
{/foreach}
{/if}
Здравия друзья!Возник вопрос. Есть товар, допустим iphone. Люди задают на него вопросы в хабе с тегом #iphone. Имеется допустим 10 ответов. Я хочу их вывести на странице заказа iphone в магазине. Это возможно? И если да - то как это реализовать?
В статье разберем как сделать в wordpress вывод меток (не путать с тегами). Позволяют быстро найти нужную информацию, особенно если на сайте количество постов насчитывает сотню или более. Она добавляется в окне редактирования записи. Их может быть одна или несколько.
Для чего нужны и где ввести
Метки в wordpress служат некими ключевыми словами, по которым можно сориентироваться на блоге с целью поиска нужной информации.
Как сделать вывод меток в wordpress
Рассмотрим два способа вывода меток на сайте. В первом случае воспользуемся встроенными возможностями WordPress. Во втором – используем специальный плагин, позволяющий решить эту же задачу, но с расширенными возможностями. Будем считать, что они к статьям уже добавлены, и их осталось показать на страницах. Выводить будем в сайдбаре.
Способ 1. Стандартные средства WordPress
Для вывода, необходимо в админ-панели перейти Внешний вид -> Виджеты
. WordPress, для вывода имеет встроенный инструмент Облако меток
.
Для добавления виджета к выводу необходимо его перетянуть в сайдбар.
Тут можно задать имя и возможность показа количества записей, связанных с конкретным тегом. После нажатия кнопки Сохранить
можно переходить на сайт.
В нашем примере было добавлено 3 штуки. Видно на фото, их названия имеют разные размеры начертания. Это связано с тем, что Метка 1
был прикреплен к постам наибольшее количество раз. Дальше по количеству прикрепленности идут отстальные.
Способ 2. Плагин Simple Tags
Плагин Simple Tags
выполняет ту же задачу, но имеет больше визуальных возможностей. Так, после установки и активации плагина, следует перейти Настройки -> Simple Tags
, где увидите основное окно настроек плагина.
Для вывода с помощью плагина нужно снова перейти Внешний вид -> Виджеты
. Теперь среди списка доступен Tag Cloud (Simple Tags)
.
Перетягиваем его и видим множество настроек.
Среди настроек, можно задать максимальное количество меток для отображения, всевозможные сортировки, размер шрифта, цвета. Зададим, например, красный цвет для наиболее популярных. Для этого в поле Цвет шрифта минимальных: (по умолчанию: #CCCCCC)
укажем значение #ff0000
и нажмем кнопку Сохранить
.
Результат настроек на блоге:
Показать метки текущего поста или рубрики
Иногда необходимо показать в текущем посте (записи, странице, рубрики или категории). Для решение проблемы необходимо залезть в код самой темы и найти то место где необходима данная функция.
Внимание: если вы не особо дружите с HTML и большей части с PHP, то лучше прибегнкть к помощи других людей.
За вывод меток записи отвечает функция the_tags
рассмотрим три варианта:
- Стандартный вид
- Замена надписи
- Списком
В шаблоне (выбрал single.php вверху страницы, для категорий, например, это category), вставляем один из трёх кодов:
- добавляем стандартную надпись и далее все ссылки
- "); ?> заменяет стандартную надпись на свою
- показывает списком
Вот сюда я вставил код (сразу все три строчки) в файле single темы Twenty Sewenteen.
И получил такую картину, вверху записи появилось новых три раздела.
В статье разобрали и настроили вывод меток на wordpress блоге. Если у вас есть пожелания или дополнения то мы с радостью их выслушаем.
Браузеры интерпретируют html-теги в свой синтаксис. В итоге любой html-тег при написании его в виде <тег>
не отображается на странице, так как мы видим его в коде. Рассмотрим все способы как можно выводить теги html на странице сайта так, как они написаны в коде.
Существует три способа. Каждый из них не идеален. Я пользуюсь первым.
Замена левой и правой скобки на коды < и >
Чем характеризуется любой html-тег? Наличием открывающей и закрывающий скобки: < и >. Если мы будем писать эти скобки с помощью html-кодов , то добьемся как раз нужного нам результата, а точнее, что браузер поймет этот код, как простой текст.
Например, мы хотим вывести следующий html-код на странице сайта:
Пример №1. Рамка с тенью
Для этого заменяем
Пример №1. Рамка с тенью
Заменять каждую знак муторно и долго. Поэтому проще всего определиться сразу какой код нужно вывести, а потом массово сделать замену. Это делается с помощью любого блокнота (например, notepad++). Открыв код в блокноте, нажмите комбинацию "CTRL + H" (заменить). Заполните поля что заменить и чем. Таким образом, можно автоматом массово заменить все нужные символы на другие.
В интернете есть специальные онлайн генераторы для замены.
В целом я придерживаюсь этого метода, т.к. он кроссбраузерный и валидный (отвечает всем стандартам).
Используя теги <![CDATA[ и <plaintext></h2>
<p>В html есть специальные теги для отображения кода как есть: <xmp>
...]]>
и <![CDATA[
...</plaintext>
. Весь html-код нужно поместить как есть между открывающим и закрывающим тегами и все.</p>
<p>В целом этот метод работает во всех браузерах. Однако этот код не проходит валидацию.</p>
<p>Пользоваться этим методом или нет? Конечно, вряд ли это может как-то сказаться на позициях сайта и траста сайта со стороны поисковых систем, но лично я придерживаюсь к мнению, что если делать код, то сразу отвечающим всем стандартам. Сейчас это не важно, а завтра может быть это станет уже критично.</p>
<p>Пример с <xmp>
</p>
<blockquote><xmp
>
<html
>
<head
>
<style
>
.primer1
{
padding
: 10px;
margin
: 10px;
width
: 200px;
height
: 100px;
box-shadow
: 0px 0px 15px 5px
#a34b23;
}
</style
>
</head
>
<body
>
<div
class
="primer1
"><span>Пример №1. Рамка с тенью
</span></div
>
</body
>
</html
>
</xmp
>
</blockquote>
<p>Пример с <plaintext>
</p>
<blockquote><plaintext
>
<html
>
<head
>
<style
>
.primer1
{
padding
: 10px;
margin
: 10px;
width
: 200px;
height
: 100px;
box-shadow
: 0px 0px 15px 5px
#a34b23;
}
</style
>
</head
>
<body
>
<div
class
="primer1
"><span>Пример №1. Рамка с тенью
</span></div
>
</body
>
</html
>
</plaintext
>
</blockquote>
<p>Из этих двух тегов, советую выбирать <plaintext>Т.к. он более новый и есть шансы пройти валидность кода.</p>
<p><b><i>Кстати, делиться с читателями своим положительным или даже отрицательным опытом – это основа успешного ведения блога (и ).
</i>
</b></p> <p>Проблемы-то возникают у многих, поэтому подобная информация востребована.</p> <i>
</i><h2>Как вывести программный код</h2> <p>Итак, вы хотите дать читателям скопировать скрипт или html код, размещаете его в тело поста. Не тут-то было. Как вывести его без преобразования?</p> <p>Совсем недавно для корректного вывода тегов на странице предлагалось вручную заменять знаки < и > на спецсимволы < и >.</p> <p>Сегодня движок WordPress чаще всего умеет сам делать такие преобразования, но также добавляет много мусора, перековеркивает, обрезает код, делает его нечитаемым или некопируемым (было в моей теме).</p> <p><br><img src='https://i1.wp.com/moi-start.ru/images/ne-kopiruetsa-kod.png' width="100%" loading=lazy></p> <p>На самом деле способов красиво оформить html код, вставить его в пост с подсветкой синтаксиса несколько: без плагина и с применением wordpress плагинов для кода.</p> <p>Перечислю способы, а вы пробуйте, что подойдет именно вам. Я убедилась на своем опыте, что не в каждом шаблоне теги и плагины работают одинаково. Подробнее о правильном выведении кода смотрите в учебнике HTML.</p> <h3>Показать html код на странице как текст. Тег <pre></h3> <p>Показать html код на странице как текст, подсветить его помогают теги <p>В ВИЗУАЛЬНОМ РЕДАКТОРЕ пропишите код.</p> <p>Перейдите в HTML РЕЖИМ, добавьте открывающий и закрывающий тег <pre>В моей теме уже автоматически знаки < > преобразовались в спецсимволы < и >.</p> <p>СОХРАНИТЕ. В визуальный режим больше НЕ переключайтесь, иначе изменения пропадут.</p> <p>При отображении СОХРАНЯЮТСЯ все пробелы. В моем шаблоне получился следующий результат (у вас отображение может быть другим). <span><img src='https://i0.wp.com/moi-start.ru/images/otobraghenie-tega-pre.jpg' height="614" width="480" loading=lazy></p> <h4>Как вывести html код на странице поста как текст. Тег <code></h4> <p>Тег <code> также позволяет вывести одну или несколько строк программного кода. Пробелы и переносы НЕ УЧИТЫВАЮТСЯ, переносите строки тегами <p>Или <br>.</p> <p>Делайте все аналогично вставке тега <pre>. <span><img src='https://i0.wp.com/moi-start.ru/images/otobraghenie-tega-code.jpg' height="614" width="480" loading=lazy></p> <h4>Отобразить html код на странице как текст. Тег<xmp></h4> <p>Если вы предлагаете читателям коды нечасто, можете использовать такую конструкцию.</p><p> <div style="overflow: auto;
height: 80px;
width: 450px;
padding: 8px;
border: 1px solid #ccc;">
<xmp>
ВСТАВИТЬ СЮДА ВАШ КОД
</xmp>
</div>
</p><p>Она помогает отобразить коды или скрипты в виде текста, заключенного в рамочку, С УЧЕТОМ форматирования и всех переносов.<br><span><img src='https://i0.wp.com/moi-start.ru/images/otobraghenie-tega-xmp.jpg' height="538" width="480" loading=lazy></span><br> Отображение кода получится в симпатичной рамочке. Ее ширину редактируйте, изменяя параметр width, высоту - height.</p> <p><b><i>Но дело в том, что КОДЫ с использованием тега <xmp> считаются НЕВАЛИДНЫМИ.
</i>
</b> Учебник HTML предлагает вставлять этот тег только в таком виде.</p> <h4>Плагины для выведения кода на страницу поста</h4> <p>Большинство блогеров для красивого и неизменного отображения html кодов на странице поста применяют плагины для WordPress. Опять таки, плагинов множество, но у меня корректно заработал лишь один.</p> <p>Приведу список, а вы подберете плагин, работающий с вашим шаблоном.</p> <p>Сладкая парочка <b>WP-Syntax
</b> – выделяет код рамочкой, дает возможность подсветить синтаксис. Плюс <b>wp-syntax button
</b> – выводит кнопку в админпанель блога, предоставляет возможность вставить html код или скрипт без преобразования в специальное окно. Недостаток – все действия производятся в html режиме, переключаться в визуальный режим нельзя, иначе все изменения исчезнут.</p> <p><b>Syntax Highlighter Compress
</b> – в текстовый редактор выводит дополнительную кнопку. Нажимаете ее, открывается окно, куда можно ввести код и выбрать язык программирования.</p> <p>Так же работают и другие плагины.</p> <ul><li><b>Better WordPress Syntax
</b></li> <li><b>Wp-highlight.js
</b></li> <li><b>SyntaxHighlighter
</b></li> <li><b>Auto SyntaxHighlighter
</b> (у меня). И многие другие плагины.</li>
</ul><p>Мне пришлось устанавливать и активировать все по-очереди, пока не нашла тот, который работает в моем шаблоне.</p> <h4>Заключение</h4> <p>Итак, из статьи вы узнали, как можно вывести html код на странице поста, используя теги или плагины. А какой способ применяете вы, чтобы внести теги html в обычный текст без преобразования?</p>
<p>Возвращает или изменяет текстовое содержимое выбранных элементов.</p>
<ul><li><h4>version added: <a>1.0</a>
.text()</h4>
</li>
<li><h4>version added: <a>1.0</a>
.text(textString)</h4>
<p>Получает текст выбранного элемента в наборе. Если таких элементов несколько, получит содержимое всех элементов, разделенные пробелом</p></li>
<li><h4>version added: <a>1.4</a>
.text(function(index, text))</h4>
<p>Заменяет содержимое каждого выбранного элемента в наборе на возвращенное функцией <b>function
</b> текст. Функция вызывается, для каждого из выбранных элементов.
Параметры функции: <br><b>index
</b> - позиция элемента в наборе, <br><b>value
</b> - текущей текст элемента.</p></li>
</ul><p><b>Пример 1.
</b><b> Получим текстовое-содержимое элемента <b>div
</b>:
</b></p>
<p> <div class="example">Привет! я <strong>div</strong> <p>параграфы</p>, <h4>заголовок h4</h4>, <strong>strong</strong>, ссылка
</div>
<div class="example"><strong>Второй div</strong></div>
<button>Получить текстовое-содержимое элемента <strong>div</strong></button>
<br><b>JS:
</b> $(function (){
$("button").click(function(){
var html = $(".example").text();
alert(html);
});
});
<br></p><p><b>Пример 2.
</b><b> Заменим содержимое элемента <b>div на введенный текст
</b>:
</b></p>
<p> <div>Привет! я <strong>div</strong>-ный элемент на странице. Во мне много всякого html-а, <p>параграфы</p>, <h4>заголовок h4</h4>, <strong>strong</strong>, ссылка
</div>
<p>Введите текст: <input type="text" /></p>
<button>Заменить содержимое элемента <strong>div</strong> на введенный текст</button>
<br><b>JS:
</b> $(function (){
$("button").click(function(){
var text = $("input").val();
$("div").text(text);
});
});
<br></p><p>Обратите внимание, что метод<b> .text(textString)
</b>преобразует htm-теги в их сущности, аналогично функции <b>htmpspecialchars
</b>в php. Для проверки в примере выше попробуйте вставить какой-либо html-код.</p>
<p><b>Пример 3.
</b><b> Заменим HTML-содержимое элементов div c помощью функции, которая вернет первые 20 символов начального текста, полученный текст обернем в параграф, полученная строка вернется и заменит собой исходную
:
</b></p>
<p> <style>
body{
line-height: 100%;
}
div{
margin-bottom: 20px; padding: 5px; border: solid 1px #ccc;
}
</style>
<div class="example">Привет! я <strong>div</strong>-ный элемент на странице. Во мне много всякого html-а, <p>параграфы</p>, <h4>заголовок h4</h4>, <strong>strong</strong>, ссылка
</div>
<div class="example">Привет! я <strong>второй div</strong>-ный элемент на странице. Во мне тоже много всякой-всячины</a>
</div>
<button>Выбрать первые 20 символов в текстах каждого <strong>div</strong>-а</button>
<br><b>JS:
</b> $(function (){
$("button").click(function(){
$(".example").text(function(index, text){
text = text.substr(0,20);
return text;
});
});
});
</p>
<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+
";"+Math.random()+
"border='0' width='1' height='1' loading=lazy>");</script>
</div>
</article>
<div class="related-posts">
<h3 class="title text-uppercase text-center">Еще на эту тему:</h3>
<div class="row">
<div class="post article-wrp with-border col-sm-6 col-md-4">
<div class="article-in-loop">
<a class="thumb-title" href="/top-programm-dlya-udaleniya-draiverov-skachat-driver-sweeper/">
<span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb">
<span class="embed-responsive-item">
<span class="super-wrp">
<span class="span-table">
<span class="span-table-row">
<span class="span-table-row-cell">
<img src="https://i2.wp.com/pc-assistent.ru/wp-content/uploads/2017/06/driver_sweeper_200x175.png" class="img-responsive" alt="Скачать Driver Sweeper – программа для удаления драйверов из OC Windows Скачать программу для удаления драйверов карты" loading=lazy>
</span>
</span>
</span>
</span>
</span>
</span>
<span class="date">
</span>
<span class="title">
Скачать Driver Sweeper – программа для удаления драйверов из OC Windows Скачать программу для удаления драйверов карты </span>
</a>
</div>
</div>
<div class="post article-wrp with-border col-sm-6 col-md-4">
<div class="article-in-loop">
<a class="thumb-title" href="/vykidyvaet-na-rabochii-stol-sniper-elite-v2-vykidyvaet-na-rabochii-stol-sniper-elite-v2-chto/">
<span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb">
<span class="embed-responsive-item">
<span class="super-wrp">
<span class="span-table">
<span class="span-table-row">
<span class="span-table-row-cell">
<img src="https://i2.wp.com/i.rutab.net/upload/tech_issues/audio_check.png" class="img-responsive" alt="Выкидывает на рабочий стол Sniper Elite V2 Что делать если лагает sniper elite 3" loading=lazy>
</span>
</span>
</span>
</span>
</span>
</span>
<span class="date">
</span>
<span class="title">
Выкидывает на рабочий стол Sniper Elite V2 Что делать если лагает sniper elite 3 </span>
</a>
</div>
</div>
<div class="post article-wrp with-border col-sm-6 col-md-4">
<div class="article-in-loop">
<a class="thumb-title" href="/kak-naiti-kartinu-po-fotografii-poisk-pohozhei-fotografii-v-internet-poisk/">
<span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb">
<span class="embed-responsive-item">
<span class="super-wrp">
<span class="span-table">
<span class="span-table-row">
<span class="span-table-row-cell">
<img src="https://i2.wp.com/kompukter.ru/wp-content/uploads/2018/03/klikaem-po-znachku-foto-v-gugl.png" class="img-responsive" alt="Поиск похожей фотографии в интернет" loading=lazy>
</span>
</span>
</span>
</span>
</span>
</span>
<span class="date">
</span>
<span class="title">
Поиск похожей фотографии в интернет </span>
</a>
</div>
</div>
</div>
</div>
</div>
<aside id="sidebar" class="col-sm-4 col-sidebar hidden-xs" role="complementary">
<div class="content-menu bs-docs-sidebar">
<div class="progress-right" id="progress-right">0%</div>
<script>
window.onscroll = function() {
var scrolled = window.pageYOffset || document.documentElement.scrollTop;
var scrollprogress = Math.round(scrolled / ((document.documentElement.scrollHeight - document.documentElement.clientHeight) / 100));
document.getElementById('progress-right').innerHTML = scrollprogress + '%';
}
</script>
<div class="ad clearfix text-center">
</div>
</div>
<script>
/**
* Скрипт закріплення блоку при прокрутці
*/
(function() {
var a = document.querySelector('#sidebar'),
b = null,
P = 0;
window.addEventListener('scroll', Ascroll, false);
document.body.addEventListener('scroll', Ascroll, false);
function Ascroll() {
if (b == null) {
var Sa = getComputedStyle(a, ''),
s = '';
for (var i = 0; i < Sa.length; i++) {
if (Sa[i].indexOf('overflow') == 0 || Sa[i].indexOf('padding') == 0 || Sa[i].indexOf('border') == 0 || Sa[i].indexOf('outline') == 0 || Sa[i].indexOf('box-shadow') == 0 || Sa[i].indexOf('background') == 0) {
s += Sa[i] + ': ' + Sa.getPropertyValue(Sa[i]) + '; '
}
}
b = document.createElement('div');
b.style.cssText = s + ' box-sizing: border-box; width: ' + a.offsetWidth + 'px;';
a.insertBefore(b, a.firstChild);
var l = a.childNodes.length;
for (var i = 1; i < l; i++) {
b.appendChild(a.childNodes[1]);
}
a.style.height = b.getBoundingClientRect().height + 'px';
a.style.padding = '0';
a.style.border = '0';
}
var Ra = a.getBoundingClientRect(),
R = Math.round(Ra.top + b.getBoundingClientRect().height - document.querySelector('#content').getBoundingClientRect().bottom); // селектор блока, при достижении нижнего края которого нужно открепить прилипающий элемент
if ((Ra.top - P) <= 0) {
if ((Ra.top - P) <= R) {
b.className = 'stop';
b.style.top = -R + 'px';
} else {
b.className = 'evr-sticky';
b.style.top = P + 'px';
}
} else {
b.className = '';
b.style.top = '';
}
window.addEventListener('resize', function() {
a.children[0].style.width = getComputedStyle(a, '').width
}, false);
}
})()
</script>
<style>
/* Додаємо відступ вгорі, щоб було на одному рівні із змістом */
body.single #breadcrumbs {
margin-bottom: 5px;
}
#content article {
padding-top: 15px;
}
#sidebar .evr-sticky {
position: fixed;
z-index: 101;
}
#sidebar .stop {
position: relative;
z-index: 101;
}
#div-gpt-ad-30906309 {
margin-top: 20px;
}
#sidebar .evr-sticky #div-gpt-ad-30906309,
#sidebar .stop #div-gpt-ad-30906309 {
margin-top: 20px;
}
#sidebar .content-menu {
transition: 0.5s all;
}
#sidebar .content-menu .title {
padding-top: 15px;
font-size: 20px;
margin: 0 0 15px 0;
}
#sidebar .content-menu .title .glyphicon {
padding-right: 5px;
}
#sidebar .content-menu ul {
padding: 0;
margin: 0;
overflow: auto;
}
#sidebar .content-menu .nav li {
margin: 0;
clear: both;
margin-bottom: 4px;
}
/* Bullet before text */
#sidebar .content-menu .nav li a:before {
content: "●";
position: absolute;
font-size: 17px;
color: #dedede;
left: 0;
top: -1px;
}
#sidebar .content-menu .nav li a {
position: relative;
display: inline-block;
font-size: 15px;
color: #000;
line-height: 1.2;
padding: 3px 0 0 18px;
overflow: hidden;
text-decoration: none !important;
}
#sidebar .content-menu .nav li.active:focus>a,
#sidebar .content-menu .nav li.active:hover>a,
#sidebar .content-menu .nav li.active>a,
#sidebar .content-menu .nav li a:hover {
text-decoration: none;
font-weight: normal;
color: #c23085;
background-color: transparent;
border-left: 0 none;
}
/* Bullet before text */
#sidebar .content-menu .nav li.active>a:hover:before,
#sidebar .content-menu .nav li.active>a:before {
-moz-transform: scale(1.3);
-webkit-transform: scale(1.3);
transform: scale(1.3);
left: 1px;
color: #c23085;
background: transparent;
}
#sidebar .content-menu .nav li a:hover:before {
color: #c23085;
background: transparent;
}
#sidebar a.go-top {
display: block;
margin-top: 5px;
padding: 14px 0 5px 0;
text-align: center;
text-transform: lowercase;
font-size: 17px;
color: #666;
background: transparent url(/wp-content/themes/sk-Evrikak/i/go-top-in-sidebar.png) no-repeat 50% 50%;
opacity: 0;
transition: 0.2s all;
}
#sidebar a.go-top:hover {
color: #000;
text-decoration: none;
}
/* Якщо блок зафіксовний */
#sidebar .evr-sticky a.go-top {
opacity: 1;
}
#sidebar .evr-sticky {
box-shadow: -9px 0 10px 0 rgba(0, 0, 0, 0.08) !important;
}
</style>
<script>
jQuery(document).ready(function() {
// (c) http://jsfiddle.net/gableroux/S2SMK/
// підсвітка активного пункту меню, bootstrap
jQuery('body').scrollspy({
target: '.bs-docs-sidebar',
offset: 70
});
// даємо висоту меню, щоб зробити прокрутку
jQuery(window).bind("load resize", function() {
var body_w = jQuery("body").width(); // визначаємо ширину вікна
var window_h = jQuery(window).height(); // визначаємо висоту вікна
//alert(window_h);
if (body_w > '767') { // якщо ширина більша 767
window_h = window_h - 375; // коригуємо висоту блоку з меню. віднімаємо висоту блоку «наверх», у перспективі треба буще ще відняти інші-нові блоки
var menu_h = jQuery('#sidebar .content-menu').height();
//if(menu_h > window_h) { // якщо висота усього сайдбару більше висоти екрану, то вказуємо висоту для меню. Воно автоматично розтягне висоту сайдбару, з’явиться прорутка у меню, і сайдбар займе усю висоту вікна
jQuery('#sidebar .content-menu ul.nav').css('height', window_h);
//}
}
});
// парсимо контент і формуємо меню
jQuery('#content .evr-section').each(function() {
var evr_section_id = jQuery(this).attr('id');
var evr_section_title = jQuery(this).find(':header:first').text();
var txt = '<li class="content-menu-item added-by-js"><a href="#' + evr_section_id + '">' + evr_section_title + '</a></li>';
//var txt = txt.unwrap();
//txt = jQuery('li', txt).unwrap;
//txt = txt.unwrap('h3');
//txt = jQuery(txt).wrap('<li>');
jQuery('#sidebar ul.nav').append(txt); // Insert
});
// Додаємо спеціальний клас для посилання на відео
jQuery('#sidebar .content-menu').find("a[href='#entry-video']").addClass('link-to-video');
// навігація по статті (плавна прокрутка до потрібного блоку)
jQuery('#sidebar .content-menu .nav a').click(function() {
jQuery.scrollTo(this.hash, {
offset: -10, // Відступ вгорі
duration: 750
});
return false;
});
// перейти вгору (плавна прокрутка вгору)
jQuery('#sidebar a.go-top').click(function() {
jQuery.scrollTo(this.hash, {
offset: 0, // Відступ вгорі
duration: 450
});
return false;
});
});
</script>
<link type="text/css" href="/wp-content/themes/sk-Evrikak/scroll-Pane/jquery.jscrollpane.css" rel="stylesheet" media="all" />
<script type="text/javascript" src="https://battlecase.ru/wp-content/themes/sk-Evrikak/scroll-Pane/jquery.mousewheel.js"></script>
<script type="text/javascript" src="https://battlecase.ru/wp-content/themes/sk-Evrikak/scroll-Pane/jquery.jscrollpane.min.js"></script>
<script>
// Прокрутка оновлюється при зміні висоти вікна
jQuery(function() {
jQuery('#sidebar .content-menu ul.nav').each(
function() {
jQuery(this).jScrollPane({
showArrows: jQuery(this).is('.arrow')
});
var api = jQuery(this).data('jsp');
var throttleTimeout;
jQuery(window).bind("load resize", function() {
// IE fires multiple resize events while you are dragging the browser window which
// causes it to crash if you try to update the scrollpane on every one. So we need
// to throttle it to fire a maximum of once every 50 milliseconds...
if (!throttleTimeout) {
throttleTimeout = setTimeout(
function() {
api.reinitialise();
throttleTimeout = null;
},
50
);
}
});
}
)
});
</script>
<style>
/* Styles specific to this particular page */
.scroll-pane {
overflow: auto;
height: 400px;
}
.jspTrack {
background: #dedede;
}
.jspVerticalBar {
width: 6px;
}
.jspDrag {
background: #309dc6;
}
</style>
</aside>
</div>
</div>
<div class="other-posts">
<div class="container">
<h3 class="title text-uppercase text-center h">Другие статьи:</h3>
<div class="row articles">
<div class="post article-wrp with-border col-sm-6 col-md-4 col-lg-3">
<div class="article-in-loop">
<a class="thumb-title" href="/samyi-moshchnyi-telefon-v-mire-na-dannyi-moment-samye-moshchnye-smartfony-top-10/">
<span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb">
<span class="embed-responsive-item">
<span class="super-wrp">
<span class="span-table">
<span class="span-table-row">
<span class="span-table-row-cell">
<img src="https://i1.wp.com/technosova.ru/wp-content/uploads/2018/10/2-2.jpg" class="img-responsive" alt="Самые мощные смартфоны Топ 10 самых мощных телефонов" loading=lazy>
</span>
</span>
</span>
</span>
</span>
</span>
<span class="date">
Самые мощные смартфоны Топ 10 самых мощных телефонов </span>
<span class="title">
Современные технологии позволяют уместить в обычном смартфоне мощность и производительность... </span>
</a>
</div>
</div>
<div class="post article-wrp with-border col-sm-6 col-md-4 col-lg-3">
<div class="article-in-loop">
<a class="thumb-title" href="/kak-udalitsya-iz-moego-mira-kak-udalit-stranicu-i-akkaunt-v-moem-mire/">
<span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb">
<span class="embed-responsive-item">
<span class="super-wrp">
<span class="span-table">
<span class="span-table-row">
<span class="span-table-row-cell">
<img src="https://i1.wp.com/socialnie-seti.info/wp-content/uploads/2012/09/galochki-dlya-ydaleniya-stranici.jpg" class="img-responsive" alt="Как удалить страницу и аккаунт в моем мире" loading=lazy>
</span>
</span>
</span>
</span>
</span>
</span>
<span class="date">
Как удалить страницу и аккаунт в моем мире </span>
<span class="title">
Бывает так, что человек пройдя регистрацию понимает, что эта социальная сеть не для него и хочет... </span>
</a>
</div>
</div>
<div class="post article-wrp with-border col-sm-6 col-md-4 col-lg-3">
<div class="article-in-loop">
<a class="thumb-title" href="/ne-udalyaetsya-avast-chto-delat-kak-udalit-avast-s-kompyutera-esli-on-ne/">
<span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb">
<span class="embed-responsive-item">
<span class="super-wrp">
<span class="span-table">
<span class="span-table-row">
<span class="span-table-row-cell">
<img src="https://i2.wp.com/vellisa.ru/wp-content/uploads/2018/05/2-1.jpg" class="img-responsive" alt="Как удалить аваст с компьютера если он не удаляется" loading=lazy>
</span>
</span>
</span>
</span>
</span>
</span>
<span class="date">
Как удалить аваст с компьютера если он не удаляется </span>
<span class="title">
Сейчас мы разберем, как удалить Аваст, чтобы после деинсталляции антивируса, на компьютере не... </span>
</a>
</div>
</div>
<div class="post article-wrp with-border col-sm-6 col-md-4 col-lg-3">
<div class="article-in-loop">
<a class="thumb-title" href="/kak-podklyuchit-nokia-lyumiya-800-k-kompyuteru-podklyuchenie-nokia-lumia-k/">
<span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb">
<span class="embed-responsive-item">
<span class="super-wrp">
<span class="span-table">
<span class="span-table-row">
<span class="span-table-row-cell">
<img src="https://i2.wp.com/sms-mms-free.ru/sites/default/files/images/Specifications_Nokia_800_Zune.jpg" class="img-responsive" alt="Подключение Nokia Lumia к ПК" loading=lazy>
</span>
</span>
</span>
</span>
</span>
</span>
<span class="date">
Подключение Nokia Lumia к ПК </span>
<span class="title">
Статьи и Лайфхаки
впервые могло разочаровать всех, кто недавно приобрёл данное мобильное... </span>
</a>
</div>
</div>
</div>
</div>
</div>
<style>
/* Додаємо відступ внизу */
body.single #content .ad {
margin-bottom: 20px;
}
/* Додаємо відступ вгорі */
body.single #sidebar .ad {
margin-top: 20px;
}
</style>
<footer id="footer" class="clearfix">
<noindex>
<div class="container row-1 hidden-xs">
<nav class="nav">
<div class="menu menu-footer">
<ul id="menu-podval" class="menu">
<li class="menu-item type-custom object-custom home "><a href="/">Главная</a></li>
<li class="menu-item type-post_type object-page "><a href="">О проекте</a></li>
<li class="menu-item type-post_type object-page "><a href="">Рекламодателям</a></li>
<li class="menu-item type-post_type object-page "><a href="/sitemap.xml">Карта сайта</a></li>
<li class="menu-item type-post_type object-page "><a href="/feedback/">Обратная связь</a></li>
</ul>
</div>
</nav>
</div>
<div class="border-blue clearfix"></div>
<div class="container row-2">
<div class="row">
<div class="col-sm-6">
<div id="text-2" class="block widget-container widget_text">
<div class="textwidget">
<div class="sn">
<a href="https://www.facebook.com/sharer/sharer.php?u=https://battlecase.ru/kak-vyvesti-teg-v-mirovye/" target="_blank"><img src="https://battlecase.ru/wp-content/themes/sk-Evrikak/i/sn/facebook.png" alt="" class="img-responsive" loading=lazy></a>
<a href="https://vk.com/share.php?url=https://battlecase.ru/kak-vyvesti-teg-v-mirovye/" target="_blank"><img src="https://battlecase.ru/wp-content/themes/sk-Evrikak/i/sn/vkontakte.png" alt="" class="img-responsive" loading=lazy></a>
<a href="https://youtube.com/" target="_blank"><img src="https://battlecase.ru/wp-content/themes/sk-Evrikak/i/sn/youtube.png" alt="" class="img-responsive" loading=lazy></a>
</div>
<style>
.sn a {
display: inline-block;
margin: 0 10px 0 0;
width: 55px;
}
@media (max-width:767px) {
.sn {
text-align: center;
}
.sn a {
margin: 0 7px;
width: 43px;
}
}
.sn a:hover {
opacity: 0.9;
}
</style>
</div>
</div>
</div>
</div>
</div>
<div class="border-3 clearfix"></div>
<div class="container row-3">
<div class="row">
<div class="col-sm-8 col-txt col-txt-1">
Размещенные на сайте материалы, могут содержать информацию для пользователей старше 18 лет. </div>
<div class="col-sm-4 col-txt col-txt-2 text-right">
<div class="project-by-um">
© 2012 - 2018 <img src="https://battlecase.ru/wp-content/themes/sk-Evrikak/i/svg/logo-ukr-media.svg" width="90" class="img-responsive" loading=lazy>
</div>
</div>
</div>
</div>
</noindex>
</footer>
</div>
<div class="modal fade" id="modal-search" tabindex="-1" role="dialog" aria-labelledby="modal-searchLabel">
<div class="modal-dialog modal-lg itc-container" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Закрыть"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="modal-searchLabel">Поиск по сайту</h4>
</div>
<div class="modal-body">
<form role="search" method="get" class="form-search" id="modal-searchform" action="/">
<div class="form-group">
<input type="search" autocomplete="off" spellcheck="false" placeholder="Введите текст поиска" value="" name="s" id="modal-s" class="input-lg form-control">
</div>
</form>
<div class="modal-search-results"></div>
</div>
</div>
</div>
</div>
<link rel='stylesheet' id='dashicons-css' href='/wp-includes/css/dashicons.min.css?ver=4.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='thickbox-css' href='/wp-includes/js/thickbox/thickbox.css?ver=4.9.1' type='text/css' media='all' />
<script type='text/javascript' src='https://battlecase.ru/wp-content/plugins/decomments/templates/decomments/assets/js/decom.min.js?ver=1513648647'></script>
<script type='text/javascript' src='https://battlecase.ru/wp-content/themes/sk-Evrikak/js/modernizr-2.8.3.min.js?ver=4.9.1'></script>
<script type='text/javascript' src='https://battlecase.ru/wp-content/plugins/visualizer/js/lib/clipboardjs/clipboard.min.js?ver=3.0.4'></script>
<script type='text/javascript' src='https://battlecase.ru/wp-content/plugins/mistape/assets/js/mistape-front.js?ver=1.3.3'></script>
<script type='text/javascript' src='https://battlecase.ru/wp-content/plugins/lazy-load/js/jquery.sonar.min.js?ver=0.6.1'></script>
<script type='text/javascript' src='https://battlecase.ru/wp-content/plugins/lazy-load/js/lazy-load.js?ver=0.6.1'></script>
<script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.9.1'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var thickboxL10n = {
"next": "\u0414\u0430\u043b\u0435\u0435 \u2192",
"prev": "\u2190 \u041d\u0430\u0437\u0430\u0434",
"image": "\u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435",
"of": "\u0438\u0437",
"close": "\u0417\u0430\u043a\u0440\u044b\u0442\u044c",
"noiframes": "\u042d\u0442\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 \u043f\u043b\u0430\u0432\u0430\u044e\u0449\u0438\u0445 \u0444\u0440\u0435\u0439\u043c\u043e\u0432. \u0423 \u0432\u0430\u0441 \u043e\u0442\u043a\u043b\u044e\u0447\u0435\u043d\u044b \u0442\u0435\u0433\u0438 iframe, \u043b\u0438\u0431\u043e \u0432\u0430\u0448 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0438\u0445 \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442.",
"loadingAnimation": "http:\/\/battlecase.ru\/wp-includes\/js\/thickbox\/loadingAnimation.gif"
};
/* ]]]]><![CDATA[> */
</script>
<script type='text/javascript' src='/wp-includes/js/thickbox/thickbox.js?ver=3.1-20121105'></script>
<div id="mmenu_res" style="display:none;width:100%;height:40px;line-height:40px;background:#FD6A93;color:#FFFFFF;position:fixed;text-align:center;font-size:23px;;z-index:100000000">
<a class="mmenu_open" href="#irevoltmenu">
<span class="mmenu-icon-bar"></span>
<span class="mmenu-icon-bar"></span>
<span class="mmenu-icon-bar"></span>
</a> Рубрики
</div>
<div class="modal fade" id="modalAd" tabindex="-1" role="dialog" aria-labelledby="modalAdLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-body">
<div class="ad text-center">
</div>
</div>
</div>
</div>
</div>
<link rel="stylesheet" href="/wp-content/themes/sk-Evrikak/ad/ad_popup-and-bottom/show-ads.css">
<script src="/assets/jquery1.cookie1.js"></script>
<script src="https://battlecase.ru/wp-content/themes/sk-Evrikak/ad/ad_popup-and-bottom/show-ads.js"></script>
</body>
</html>]]></plaintext></h2></div></div>
