<?xml version="1.0" encoding="windows-1251"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<atom:link href="https://kolobdur.mybb.ru/export.php?type=rss" rel="self" type="application/rss+xml" />
		<title>Вёрстка от Колобдура</title>
		<link>https://kolobdur.mybb.ru/</link>
		<description>Вёрстка от Колобдура</description>
		<language>ru-ru</language>
		<lastBuildDate>Tue, 14 Apr 2026 11:33:44 +0300</lastBuildDate>
		<generator>MyBB/mybb.ru</generator>
		<item>
			<title>Содержание в разделе тем</title>
			<link>https://kolobdur.mybb.ru/viewtopic.php?pid=120#p120</link>
			<description>&lt;p&gt;&lt;strong&gt;&lt;span style=&quot;color: blue&quot;&gt;Каталогизация тем с поиском в разделе тем.&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;В НТМЛ низ:&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 25.5em&quot;&gt;&lt;pre&gt;
&amp;lt;!-- Содержание в разделе тем. (done by Kolobdur) --&amp;gt;
&amp;lt;link rel=&amp;quot;stylesheet&amp;quot; type=&amp;quot;text/css&amp;quot; href=&amp;quot;https://forumstatic.ru/files/001a/ad/c5/68630.css&amp;quot; /&amp;gt;
&amp;lt;!-- Настройки. --&amp;gt;
&amp;lt;script&amp;gt;
window.CATALOG_CONFIG = {
  forums: [1,4],                  // ID форумов, где нужен каталог
  cacheTTL: 6 * 60 * 60 * 1000, // 6 часов
  apiUrl: location.origin + &#039;/api.php&#039;,
  perRequest: 200,  // сколько за один запрос
  refreshInterval: 300000 // интервал запроса
};
&amp;lt;/script&amp;gt;
&amp;lt;script type=&amp;quot;text/javascript&amp;quot; src=&amp;quot;https://forumstatic.ru/files/001a/ad/c5/60202.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;
&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
						&lt;p&gt;Здесь: &lt;strong&gt;forums: [1,4], // ID форумов, где нужен каталог&lt;/strong&gt; - указываем ID разделов тем, где надо выводить Содержание.&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;&lt;span style=&quot;color: blue&quot;&gt;Посмотреть работу скрипта можно на этом форуме в разделах: &lt;a href=&quot;https://kolobdur.mybb.ru/viewforum.php?id=4&quot;&gt;Scripts&lt;/a&gt; и &lt;a href=&quot;https://kolobdur.mybb.ru/viewforum.php?id=1&quot;&gt;По HTML и CSS&lt;/a&gt; &lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;&lt;span style=&quot;color: red&quot;&gt;ВАЖНО:&lt;/span&gt;&lt;/strong&gt; скрипт оптимизирован, но всё равно делает запросы на сервер, поэтому не стоит им злоупотреблять. &lt;strong&gt;&lt;span style=&quot;color: red&quot;&gt;Применяйте скрипт в разделах, которые действительно важны.&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Kolobdur)</author>
			<pubDate>Tue, 14 Apr 2026 11:33:44 +0300</pubDate>
			<guid>https://kolobdur.mybb.ru/viewtopic.php?pid=120#p120</guid>
		</item>
		<item>
			<title>Сворачивание постов при определенной высоте</title>
			<link>https://kolobdur.mybb.ru/viewtopic.php?pid=119#p119</link>
			<description>&lt;p&gt;&lt;strong&gt;В НТМЛ верх:&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;
&amp;lt;!-- Сворачивание постов при определенной высоте. Стиль в НТМЛ верх --&amp;gt;
&amp;lt;style&amp;gt;
/* высота свернутого контента */
.post-content.toggle-content .post-text {
  overflow: hidden;
  max-height: 8.5em;
  position: relative;
  transition: max-height 0.25s ease;
}

/* затемнение снизу */
.post-content.toggle-content .post-text::after {
  content: &amp;quot;&amp;quot;;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 3em; /* высота затемнения */
  pointer-events: none;

  /* градиент */
  background: linear-gradient(
    to bottom,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.8) 60%,
    rgba(255,255,255,1) 100%
  );
}

/* убираем затемнение при раскрытии */
.post-content.expanded-content .post-text::after {
  display: none;
}

.post-content.expanded-content .post-text {
  overflow: visible;
}

.post-toggle-content {
  display: block;
  cursor: pointer;
  margin-top: 5px;
  color: #888;
}
&amp;lt;/style&amp;gt;
&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
						&lt;p&gt;В НТМЛ низ:&lt;/p&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;
&amp;lt;!-- Сворачивание постов при определенной высоте. Скрипт в самый низ НТМЛ низа --&amp;gt;
&amp;lt;script&amp;gt;
$(function () {

  // задаем высоту, при которой происходит сворачивание
  const MAX_HEIGHT = 140;

  $(&#039;.topic .post-content&#039;).each(function () {

    const $content = $(this);

    if ($content.data(&#039;ready&#039;)) return;
    $content.data(&#039;ready&#039;, 1);

    // создаём контейнер текста
    let $text = $(&#039;&amp;lt;div class=&amp;quot;post-text&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&#039;);

    $content.contents().each(function () {
      if (
        this.nodeType === 3 ||
        (this.nodeType === 1 &amp;amp;&amp;amp; !$(this).hasClass(&#039;post-sig&#039;))
      ) {
        $text.append(this);
      }
    });

    $content.prepend($text);

    const el = $text[0];
    if (!el) return;

    // функция проверки высоты
    function checkHeight() {
      if (el.scrollHeight &amp;gt; MAX_HEIGHT) {
        $content.addClass(&#039;toggle-content&#039;);

        if (!$content.children(&#039;.post-toggle-content&#039;).length) {
          $content.append(
            &#039;&amp;lt;span class=&amp;quot;post-toggle-content&amp;quot;&amp;gt;Развернуть&amp;lt;/span&amp;gt;&#039;
          );
        }
      }
    }

    // первичная проверка
    checkHeight();

    // отслеживание загрузки картинок
    $text.find(&#039;img&#039;).each(function () {
      if (!this.complete) {
        $(this).on(&#039;load&#039;, checkHeight);
      }
    });

    // отслеживание любых изменений размера (лучшее решение)
    if (window.ResizeObserver) {
      const ro = new ResizeObserver(checkHeight);
      ro.observe(el);
    }

  });

  // клик
  $(document).on(&#039;click&#039;, &#039;.post-toggle-content&#039;, function (e) {
    e.stopPropagation();

    const $btn = $(this);
    const $content = $btn.closest(&#039;.post-content&#039;);
    const $text = $content.find(&#039;.post-text&#039;);

    // сброс перед измерением (фикс &amp;quot;не с первого раза&amp;quot;)
    $text[0].style.maxHeight = &#039;none&#039;;

    if ($content.hasClass(&#039;expanded-content&#039;)) {
      $text.css(&#039;max-height&#039;, &#039;8.5em&#039;);
      $content.removeClass(&#039;expanded-content&#039;);
      $btn.text(&#039;Развернуть&#039;);
    } else {
      const fullHeight = $text[0].scrollHeight;

      $text.css(&#039;max-height&#039;, fullHeight + &#039;px&#039;);
      $content.addClass(&#039;expanded-content&#039;);
      $btn.text(&#039;Свернуть&#039;);
    }
  });

});
&amp;lt;/script&amp;gt;
&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
						&lt;p&gt;&lt;strong&gt;&lt;span style=&quot;color: red&quot;&gt;Скрипт ставить ниже&amp;#160; всех скриптов, которые влияют на посты.&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Kolobdur)</author>
			<pubDate>Sun, 12 Apr 2026 11:53:24 +0300</pubDate>
			<guid>https://kolobdur.mybb.ru/viewtopic.php?pid=119#p119</guid>
		</item>
		<item>
			<title>Чтение файлов pdf в посту</title>
			<link>https://kolobdur.mybb.ru/viewtopic.php?pid=118#p118</link>
			<description>&lt;p&gt;&lt;strong&gt;В НТМЛ верх:&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;
&amp;lt;!-- Чтение файлов pdf. CSS --&amp;gt;
&amp;lt;style&amp;gt;
.pdf-wrap{
  border:1px solid #ccc;
  margin:10px 0;
  background:#fff;
  border-radius:8px;
  overflow:hidden;
}

.pdf-toolbar{
  display:flex;
  gap:5px;
  padding:5px;
  background:#f0f0f0;
  align-items:center;
}

.pdf-toolbar button{
  padding:3px 8px;
  cursor:pointer;
}

.pdf-container{
  max-height:70vh;
  overflow:auto;
  text-align:center;
}

.pdf-container canvas{
  max-width:100%;
  height:auto;
  margin-bottom:10px;
}

.pdf-loader{
  padding:20px;
  text-align:center;
  font-size:14px;
  color:#666;
}

/* мобильная адаптация */
@media(max-width:768px){

  .pdf-container{
    max-height:60vh;
  }

}
&amp;lt;/style&amp;gt;
&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
						&lt;p&gt;&lt;strong&gt;В НТМЛ низ:&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 15em&quot;&gt;&lt;pre&gt;
&amp;lt;!-- Подключение pdf.min.js для чтения файлов pdf --&amp;gt;
&amp;lt;script src=&amp;quot;https://forumstatic.ru/files/001c/08/23/43670.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;
&amp;lt;!-- Вставка бб-кода для pdf файлов. --&amp;gt;
&amp;lt;script src=&amp;quot;https://forumstatic.ru/files/001c/08/23/20605.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;
&amp;lt;!-- Чтение файлов pdf в посту. JS --&amp;gt;
&amp;lt;script src=&amp;quot;https://forumstatic.ru/files/001c/08/23/83974.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;
&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (Kolobdur)</author>
			<pubDate>Sun, 12 Apr 2026 11:48:25 +0300</pubDate>
			<guid>https://kolobdur.mybb.ru/viewtopic.php?pid=118#p118</guid>
		</item>
		<item>
			<title>Смайлики вкладками в двух форматах apng и gif</title>
			<link>https://kolobdur.mybb.ru/viewtopic.php?pid=117#p117</link>
			<description>&lt;p&gt;Решил провести эксперимент в конвертацию старых смайликов gif в apng. Результат мне не очень понравился, но решил поделиться. Сам скрипт по мотивам старого Деффовского скрипта. Скрипт поддерживает два формата apng и gif. Сами ссылки в двух форматах содержатся в файле &lt;a href=&quot;https://forumstatic.ru/files/000f/3e/e5/46478.js&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;https://forumstatic.ru/files/000f/3e/e5/46478.js&lt;/a&gt; . Скрипт заменяет стандартный вывод смайликов на вкладки. Название вкладок так же в файле &lt;a href=&quot;https://forumstatic.ru/files/000f/3e/e5/46478.js&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;https://forumstatic.ru/files/000f/3e/e5/46478.js&lt;/a&gt; . Пример:&lt;/p&gt;&lt;div class=&quot;quote-box quote-main&quot;&gt;&lt;blockquote&gt;&lt;p&gt;&amp;quot;Пирожки&amp;quot;:&amp;#160; [&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;quot;apng&amp;quot;:&amp;#160; &amp;quot;https://iili.io/qFNCqnj.png&amp;quot;,&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;quot;gif&amp;quot;:&amp;#160; &amp;quot;https://iili.io/qFkzEcG.gif&amp;quot;,&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;quot;id&amp;quot;:&amp;#160; &amp;quot;pirozhki1&amp;quot;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; },&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;p&gt;Пирожки - название вкладки, &lt;strong&gt;pirozhki1&lt;/strong&gt; -&amp;#160; то что будет выводится в поле ответа. CSS можно настроить на свой вкус. Вот скрипт как есть:&lt;/p&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;&amp;lt;!-- Смайлики вкладками в двух форматах apng и gif. НАЧАЛО --&amp;gt;
&amp;lt;style&amp;gt;
#SmileDrom{
  background:transparent;
  box-shadow:0 7px 10px rgba(50,50,50,.75);
  padding:1em;
  display:none;
  position:relative;
  z-index:9999;
}

#KnopK_Sml{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(80px,1fr));
  gap:4px;
  margin-bottom:8px;
}

#KnopK_Sml div{
  text-align:center;
  height:28px;
  line-height:28px;
  cursor:pointer;
  background:#eee;
  font-size:12px;
}

#KnopK_Sml div.Active{
  background:#837059;
  color:#fff;
}

.smile_Cnt{
  display:none;
  overflow:auto;
  max-height:430px;
}

.smile_Cnt img{
  padding:3px;
  max-height:65px;
  max-width:67px;
  cursor:pointer;
}
&amp;lt;/style&amp;gt;

&amp;lt;script src=&amp;quot;https://forumstatic.ru/files/000f/3e/e5/46478.js?v=1.0&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;

&amp;lt;script&amp;gt;
(function(){

if(typeof window.SMILES_DATA === &#039;undefined&#039;){
    console.error(&#039;SMILES_DATA не найден&#039;);
    return;
}

var SMILE_INDEX = {};
var LOAD_MODE = localStorage.getItem(&#039;smile_mode&#039;) || &#039;gif&#039;; 
// apng | gif

/* ---------- Создание контейнера ---------- */
function createContainer(){

    if($(&#039;#SmileDrom&#039;).length) return;

    var html = `
    &amp;lt;div id=&amp;quot;SmileDrom&amp;quot;&amp;gt;

        &amp;lt;div style=&amp;quot;margin-bottom:8px; text-align:right;&amp;quot;&amp;gt;
            &amp;lt;label style=&amp;quot;cursor:pointer; font-size:12px;&amp;quot;&amp;gt;
                &amp;lt;input type=&amp;quot;radio&amp;quot; name=&amp;quot;smileMode&amp;quot; value=&amp;quot;apng&amp;quot;&amp;gt; APNG
            &amp;lt;/label&amp;gt;
            &amp;lt;label style=&amp;quot;cursor:pointer; margin-left:10px; font-size:12px;&amp;quot;&amp;gt;
                &amp;lt;input type=&amp;quot;radio&amp;quot; name=&amp;quot;smileMode&amp;quot; value=&amp;quot;gif&amp;quot;&amp;gt; GIF
            &amp;lt;/label&amp;gt;
        &amp;lt;/div&amp;gt;

        &amp;lt;div id=&amp;quot;KnopK_Sml&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
        &amp;lt;div id=&amp;quot;SmileTabs&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
    &amp;lt;/div&amp;gt;
    `;

    if($(&#039;#form-buttons&#039;).length){
        $(&#039;#form-buttons&#039;).before(html);
    } else if($(&#039;#post&#039;).length){
        $(&#039;#post&#039;).after(html);
    } else {
        $(&#039;body&#039;).append(html);
    }

    $(&#039;input[name=&amp;quot;smileMode&amp;quot;][value=&amp;quot;&#039;+LOAD_MODE+&#039;&amp;quot;]&#039;).prop(&#039;checked&#039;, true);
}

/* ---------- Переключатель режима ---------- */
$(document).on(&#039;change&#039;,&#039;input[name=&amp;quot;smileMode&amp;quot;]&#039;,function(){

    LOAD_MODE = $(this).val();
    localStorage.setItem(&#039;smile_mode&#039;, LOAD_MODE);

    buildSmiles();
    renderPosts();
});

/* ---------- Вкладки ---------- */
function buildTabs(){

    var tabs = $(&#039;#KnopK_Sml&#039;);
    tabs.empty();

    var index = 0;

    Object.keys(window.SMILES_DATA).forEach(function(name){
        tabs.append(&#039;&amp;lt;div data-tab=&amp;quot;&#039;+index+&#039;&amp;quot;&amp;gt;&#039;+name+&#039;&amp;lt;/div&amp;gt;&#039;);
        index++;
    });

    $(&#039;#KnopK_Sml div&#039;).first().addClass(&#039;Active&#039;);
}

/* ---------- Смайлы ---------- */
function buildSmiles(){

    var container = $(&#039;#SmileTabs&#039;);
    container.empty();
    SMILE_INDEX = {};

    var tabIndex = 0;

    Object.keys(window.SMILES_DATA).forEach(function(name){

        var block = $(&#039;&amp;lt;div class=&amp;quot;smile_Cnt&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&#039;);
        if(tabIndex===0) block.show();

        window.SMILES_DATA[name].forEach(function(smile){

            SMILE_INDEX[smile.id] = smile;

            var src = (LOAD_MODE === &#039;apng&#039; &amp;amp;&amp;amp; smile.apng)
                ? smile.apng
                : smile.gif;

            var img = $(&#039;&amp;lt;img&amp;gt;&#039;)
                .attr(&#039;src&#039;, src)
                .attr(&#039;alt&#039;, smile.id)
                .attr(&#039;loading&#039;,&#039;lazy&#039;)
                .on(&#039;error&#039;, function(){
                    if(this.src !== smile.gif){
                        this.src = smile.gif;
                    }
                })
                .on(&#039;click&#039;, function(){
                    insertSmile(smile.id);
                });

            block.append(img);
        });

        container.append(block);
        tabIndex++;
    });
}

/* ---------- Переключение вкладок ---------- */
$(document).on(&#039;click&#039;,&#039;#KnopK_Sml div&#039;,function(){

    var index = $(this).data(&#039;tab&#039;);

    $(&#039;#KnopK_Sml div&#039;).removeClass(&#039;Active&#039;);
    $(this).addClass(&#039;Active&#039;);

    $(&#039;.smile_Cnt&#039;).hide().eq(index).show();
});

/* ---------- Вставка ---------- */
function insertSmile(id){

    if(typeof smile === &#039;function&#039;){
        smile(&#039;[smile=&#039;+id+&#039;]&#039;);
    }

    $(&#039;#SmileDrom&#039;).hide();
}

/* ---------- Рендер постов ---------- */
function renderPosts(){

    $(&#039;.post-content&#039;).each(function(){

        var html = $(this).html();

        html = html.replace(/\[smile=(.*?)\]/g,function(match,id){

            if(!SMILE_INDEX[id]) return match;

            var s = SMILE_INDEX[id];

            var src = (LOAD_MODE === &#039;apng&#039; &amp;amp;&amp;amp; s.apng)
                ? s.apng
                : s.gif;

            return &#039;&amp;lt;img class=&amp;quot;postimg&amp;quot; src=&amp;quot;&#039;+src+&#039;&amp;quot; alt=&amp;quot;&#039;+id+&#039;&amp;quot; onerror=&amp;quot;this.src=\&#039;&#039;+s.gif+&#039;\&#039;&amp;quot;&amp;gt;&#039;;
        });

        $(this).html(html);
    });
}

/* ---------- Кнопка ---------- */
function overrideButton(){

    $(&#039;#button-smile&#039;)
        .off(&#039;click&#039;)
        .html(&#039;&amp;lt;img src=&amp;quot;/i/blank.gif&amp;quot; style=&amp;quot;cursor:pointer;&amp;quot;&amp;gt;&#039;)
        .on(&#039;click&#039;,function(e){
            e.preventDefault();
            $(&#039;#SmileDrom&#039;).toggle();
        });
}

/* ---------- INIT ---------- */
$(document).ready(function(){

    createContainer();
    buildTabs();
    buildSmiles();
    renderPosts();
    overrideButton();

});

})();
&amp;lt;/script&amp;gt;
&amp;lt;!-- Смайлики вкладками в двух форматах apng и gif. КОНЕЦ --&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;Формат по умолчанию в скрипте:&lt;/p&gt;&lt;div class=&quot;quote-box quote-main&quot;&gt;&lt;blockquote&gt;&lt;p&gt;var LOAD_MODE = localStorage.getItem(&#039;smile_mode&#039;) || &#039;&lt;strong&gt;&lt;span style=&quot;color: red&quot;&gt;gif&lt;/span&gt;&lt;/strong&gt;&#039;;&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;p&gt;Сейчас стоит gif, если поставить apng, то будет выводится apng, а в старых браузерах, в теории, gif, но я не проверял, могут быть накладки. Ставить скрипт в НТМЛ верх.&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Kolobdur)</author>
			<pubDate>Sun, 12 Apr 2026 11:12:07 +0300</pubDate>
			<guid>https://kolobdur.mybb.ru/viewtopic.php?pid=117#p117</guid>
		</item>
		<item>
			<title>Сноски</title>
			<link>https://kolobdur.mybb.ru/viewtopic.php?pid=116#p116</link>
			<description>&lt;p&gt;&lt;strong&gt;Ставить в низ НТМЛ низа, перед скриптом &lt;a href=&quot;https://kolobdur.mybb.ru/viewtopic.php?id=48#p115&quot;&gt;Универсальная настраиваемая подсказка tooltipsy&lt;/a&gt;:&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 21em&quot;&gt;&lt;pre&gt;
&amp;lt;!-- Сноска --&amp;gt;
&amp;lt;script&amp;gt;
window.FOOTNOTE_CONFIG = {
  numeration: &#039;arabic&#039;, // &#039;roman&#039; | &#039;arabic&#039;
  showPostBlock: true  // показывать блок сносок внутри поста: true | none
};
&amp;lt;/script&amp;gt;
&amp;lt;link rel=&amp;quot;stylesheet&amp;quot; type=&amp;quot;text/css&amp;quot; href=&amp;quot;https://forumstatic.ru/files/001a/ad/c5/52956.css&amp;quot;&amp;gt;
&amp;lt;script type=&amp;quot;text/javascript&amp;quot; src=&amp;quot;https://forumstatic.ru/files/001a/ad/c5/63271.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;
&amp;lt;script type=&amp;quot;text/javascript&amp;quot; src=&amp;quot;https://forumstatic.ru/files/001a/ad/c5/92840.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;
&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
						&lt;p&gt;Посмотреть в действии можно здесь: &lt;a href=&quot;https://kolobdur.mybb.ru/viewtopic.php?id=47&quot;&gt;Подключение иконок в стиле Material Icons и MyBB техподдержки на css&lt;/a&gt;&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Kolobdur)</author>
			<pubDate>Sat, 11 Apr 2026 18:56:29 +0300</pubDate>
			<guid>https://kolobdur.mybb.ru/viewtopic.php?pid=116#p116</guid>
		</item>
		<item>
			<title>Универсальная настраиваемая подсказка tooltipsy</title>
			<link>https://kolobdur.mybb.ru/viewtopic.php?pid=115#p115</link>
			<description>&lt;p&gt;&lt;strong&gt;Настройки, в НТМЛ верх:&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;
&amp;lt;!-- TooltipsyNew 3.2. НТМЛ верх --&amp;gt;
&amp;lt;style&amp;gt;
/* ===== TooltipsyNew++ ===== */
.tooltipsynew {
  position: fixed;
  z-index: 100001;
  font-family: &#039;Lucida Grande&#039;;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0.5px;
  color: white;
  background: #006597;
  border: 1.4px solid #006597;
  border-radius: 4px;
  padding: 0px 6px 1px;
  pointer-events: none;
  transform: scale(.96);
  white-space: normal;
  transition: opacity 0.15s ease;
  opacity: 0;
  max-width: var(--tts-maxw, 360px);
}

.tooltipsynew.show {
  opacity: 1;
  transform: scale(1);
}

.tts-hide-before::before,
.tts-hide-after::after {
  opacity: 0 !important;
  transition: opacity 0.08s linear;
}

.tooltipsynew {
  pointer-events: none;
  opacity: 0;
}

.tooltipsynew.show {
  pointer-events: auto;
  opacity: 1;
}

.tooltipsynew.show a {
  text-shadow: 2px 2px 2px #D46400;
  color: white;
}

.tipsy {display: none !important;}
&amp;lt;/style&amp;gt;
&amp;lt;script&amp;gt;
window.TOOLTIPSYNEW = {

  offsetX: 12,            // смещение по X
  offsetY: 18,           // смещение по Y
  edgePadding: 10,       // отступ от края экрана
  showDelay: 1,        // задержка показа (мс)
  hideDelay: 0,         // задержка скрытия (мс)
  maxWidth: 360,         // максимальная ширина

  /* с каких атрибутов берется текст и перехватывается */
  sourceAttributes: [
    &#039;title&#039;,
    &#039;data-tts-title&#039;,
    &#039;data-tts-original&#039;,
    &#039;data-tts-html&#039;,
    &#039;aria-label&#039;,
    &#039;original-title&#039;
  ],

  /* Псевдоэлементы, с которых берем текст */
  pseudoFrom: [
    { selector: &#039;.pa-posts&#039;, pseudo: &#039;before&#039; },
    { selector: &#039;.pa-fld3&#039;,    pseudo: &#039;before&#039; }
  ],

  /* разрешено показывать tooltip на мобильных */
  allowOnTouch: &#039;.fn-ref, abbr&#039;,

/* Псевдоэлементы, на которых разрешено показывать tooltip на мобильных */
pseudoFromAllowOnTouch: [
  { selector: &#039;.pa-posts&#039;, pseudo: &#039;before&#039; },
  { selector: &#039;.pa-fld3&#039;, pseudo: &#039;after&#039; }
],

  /* разрешить HTML внутри */
  allowHTML: true,

  /* временно убираем перечисленные атрибуты */
  disableExternalOnAttributes: true,

// селектор для элементов, у которых атрибуты не удаляем
  disableExternalExceptions: &#039;.quote-after&#039;
};
&amp;lt;/script&amp;gt;
&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
						&lt;p&gt;&lt;strong&gt;Основной скрипт, в НТМЛ низ:&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 9em&quot;&gt;&lt;pre&gt;
&amp;lt;!-- TooltipsyNew 3.2. НТМЛ низ --&amp;gt;
&amp;lt;script type=&amp;quot;text/javascript&amp;quot; src=&amp;quot;https://forumstatic.ru/files/001a/ad/c5/36100.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;
&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
						&lt;p&gt;&lt;strong&gt;&lt;span style=&quot;color: red&quot;&gt;Основной скрипт ставить ниже всех скриптов.&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;Пример подсказки можно посмотреть на текущем форуме.&lt;/strong&gt;&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Kolobdur)</author>
			<pubDate>Sat, 11 Apr 2026 12:28:06 +0300</pubDate>
			<guid>https://kolobdur.mybb.ru/viewtopic.php?pid=115#p115</guid>
		</item>
		<item>
			<title>Подключение иконок в стиле Material Icons и MyBB техподдержки на css</title>
			<link>https://kolobdur.mybb.ru/viewtopic.php?pid=114#p114</link>
			<description>&lt;p&gt;Почему то подключение [footnote=Для поиска кодов иконок можно использовать вот этот сервис: &lt;a href=&quot;https://fontdrop.info/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;https://fontdrop.info/&lt;/a&gt; ]иконок[/footnote] в стиле [footnote=&lt;strong&gt;Material Icons&lt;/strong&gt; - это старые Гугловские иконки, более новые не подключить, во всяком случае простым способом через CSS. Движок форума, похоже, не поддерживает более новый вариант. Сам шрифт иконок я скачал и залил на Майбб. Если кто хочет можно использовать гугловский напрямую: &lt;a href=&quot;https://fonts.gstatic.com/s/materialicons/v143/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;https://fonts.gstatic.com/s/materialico &amp;#8230; DsNc.woff2&lt;/a&gt; ]Material Icons[/footnote] и MyBB техподдержки для бб-панели везде только при помощи скриптов. Любые скрипты здесь лишние. &lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;Подключение только Material Icons:&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;quote-box spoiler-box&quot;&gt;&lt;div onclick=&quot;$(this).toggleClass(&#039;visible&#039;); $(this).next().toggleClass(&#039;visible&#039;);&quot;&gt;Подключение только Material Icons&lt;/div&gt;&lt;blockquote&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;&amp;lt;!-- Иконки Material Icons в бб-панели вместо картинок --&amp;gt;
&amp;lt;link rel=&amp;quot;stylesheet&amp;quot; type=&amp;quot;text/css&amp;quot; href=&amp;quot;https://forumstatic.ru/files/001a/ad/c5/36187.css&amp;quot;&amp;gt;
&amp;lt;style&amp;gt;
/* ===============================
   Настройки кнопок
   =============================== */

/* ===== Дополнительные кнопки ===== */

#button-image2::before      { content: &#039;\e3d3&#039;; } /* collections */
#button-indent::before      { content: &#039;\e23e&#039;; } /* format_indent_increase */

/* ===== Размер шрифта, Размер кнопок, Расположение, Цвета кнопок и HOVER эффект ===== */
   
#form-buttons tr {
  text-align: center;
}

#form-buttons td {
  width: 24px;
  height: 24px;
  margin: 0 5px 5px;
  border-radius: 5px;
}

#form-buttons td img {height: 24px;}

#form-buttons td::before {
  width: 24px;
  height: 24px;
  text-align: center;
  font-size: 22px;
  line-height: 24px;
  color: #56615c;
}

#form-buttons td:hover::before {
  color: #6d6851;
}
&amp;lt;/style&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
						&lt;p&gt;&lt;strong&gt;Это подключение своих кнопок:&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;quote-box quote-main&quot;&gt;&lt;blockquote&gt;&lt;p&gt;/* ===== Дополнительные кнопки ===== */&lt;/p&gt;
						&lt;p&gt;#button-image2::before&amp;#160; &amp;#160; &amp;#160; { content: &#039;\e3d3&#039;; } /* collections */&lt;br /&gt;#button-indent::before&amp;#160; &amp;#160; &amp;#160; { content: &#039;\e23e&#039;; } /* format_indent_increase */&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;p&gt;&lt;strong&gt;Подключение только MyBB Icons от техподдержки:&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;quote-box spoiler-box&quot;&gt;&lt;div onclick=&quot;$(this).toggleClass(&#039;visible&#039;); $(this).next().toggleClass(&#039;visible&#039;);&quot;&gt;Подключение только MyBB Icons от техподдержки&lt;/div&gt;&lt;blockquote&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;
&amp;lt;!-- Иконки MyBB Icons в бб-панели вместо картинок --&amp;gt;
&amp;lt;link rel=&amp;quot;stylesheet&amp;quot; type=&amp;quot;text/css&amp;quot; href=&amp;quot;https://forumstatic.ru/files/001a/ad/c5/54994.css&amp;quot;&amp;gt;
&amp;lt;style&amp;gt;
/* ===============================
   Настройки кнопок
   =============================== */

/* ===== Размер шрифта, Размер кнопок, Расположение, Цвета кнопок и HOVER зффект ===== */
   
#form-buttons tr {
  text-align: center;
}

#form-buttons td {
  width: 24px;
  height: 24px;
  margin: 0 5px 5px;
  border-radius: 5px;
}

#form-buttons td img {height: 24px;}

#form-buttons td::before {
  width: 24px;
  height: 24px;
  text-align: center;
  font-size: 22px;
  line-height: 24px;
  color: #56615c;
}

#form-buttons td:hover::before {
  color: #6d6851;
}
&amp;lt;/style&amp;gt;
&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;p&gt;&lt;strong&gt;Подключение MyBB Icons от техподдержки + дополнительные иконки Material Icons:&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;quote-box spoiler-box&quot;&gt;&lt;div onclick=&quot;$(this).toggleClass(&#039;visible&#039;); $(this).next().toggleClass(&#039;visible&#039;);&quot;&gt;Подключение MyBB Icons от техподдержки + дополнительные иконки Material Icons&lt;/div&gt;&lt;blockquote&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;
&amp;lt;!-- Иконки MyBB Icons в бб-панели вместо картинок --&amp;gt;
&amp;lt;link rel=&amp;quot;stylesheet&amp;quot; type=&amp;quot;text/css&amp;quot; href=&amp;quot;https://forumstatic.ru/files/001a/ad/c5/54994.css&amp;quot;&amp;gt;
&amp;lt;style&amp;gt;
/* ===============================
   Настройки кнопок
   =============================== */

/* ===== Загрузка Material Icons (PUA) ===== */

@font-face {
  font-family: &#039;Material Icons&#039;;
  font-style: normal;
  font-weight: 400;
  src: url(https://forumstatic.ru/files/001a/ad/c5/56520.woff2)
       format(&#039;woff2&#039;);
}

/* ===== Подключение Material Icons для дополнительных кнопок ===== */

#button-image2::before, #button-indent::before {
  font-family: &#039;Material Icons&#039;;
  font-weight: 400;
  font-style: normal;
}

/* ===== Дополнительные кнопки ===== */

#button-image2::before      { content: &#039;\e3d3&#039;; } /* collections */
#button-indent::before      { content: &#039;\e23e&#039;; } /* format_indent_increase */

/* ===== Размер шрифта, Размер кнопок, Расположение, Цвета кнопок и HOVER зффект ===== */
   
#form-buttons tr {
  text-align: center;
}

#form-buttons td {
  width: 24px;
  height: 24px;
  margin: 0 5px 5px;
  border-radius: 5px;
}

#form-buttons td img {height: 24px;}

#form-buttons td::before {
  width: 24px;
  height: 24px;
  text-align: center;
  font-size: 22px;
  line-height: 24px;
  color: #56615c;
}

#form-buttons td:hover::before {
  color: #6d6851;
}
&amp;lt;/style&amp;gt;
&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
						&lt;p&gt;&lt;strong&gt;Это подключаем Material Icons и использование для дополнительных кнопок:&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;quote-box quote-main&quot;&gt;&lt;blockquote&gt;&lt;p&gt;/* ===== Загрузка Material Icons (PUA) ===== */&lt;/p&gt;
						&lt;p&gt;@font-face {&lt;br /&gt;&amp;#160; font-family: &#039;Material Icons&#039;;&lt;br /&gt;&amp;#160; font-style: normal;&lt;br /&gt;&amp;#160; font-weight: 400;&lt;br /&gt;&amp;#160; src: url(&lt;a href=&quot;https://forumstatic.ru/files/001a/ad/c5/56520.woff2&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;https://forumstatic.ru/files/001a/ad/c5/56520.woff2&lt;/a&gt;)&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160;format(&#039;woff2&#039;);&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;/* ===== Подключение Material Icons для дополнительных кнопок ===== */&lt;/p&gt;
						&lt;p&gt;#button-image2::before, #button-indent::before {&lt;br /&gt;&amp;#160; font-family: &#039;Material Icons&#039;;&lt;br /&gt;&amp;#160; font-weight: 400;&lt;br /&gt;&amp;#160; font-style: normal;&lt;br /&gt;}&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;
						&lt;p&gt;&lt;strong&gt;Это подключаем дополнительные кнопки:&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;quote-box quote-main&quot;&gt;&lt;blockquote&gt;&lt;p&gt;/* ===== Дополнительные кнопки ===== */&lt;/p&gt;
						&lt;p&gt;#button-image2::before&amp;#160; &amp;#160; &amp;#160; { content: &#039;\e3d3&#039;; } /* collections */&lt;br /&gt;#button-indent::before&amp;#160; &amp;#160; &amp;#160; { content: &#039;\e23e&#039;; } /* format_indent_increase */&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;p&gt;&lt;strong&gt;Подключение своего пака иконок:&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;quote-box spoiler-box&quot;&gt;&lt;div onclick=&quot;$(this).toggleClass(&#039;visible&#039;); $(this).next().toggleClass(&#039;visible&#039;);&quot;&gt;Подключение своего пака иконок&lt;/div&gt;&lt;blockquote&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;/* ===============================
   Загрузка Пак Icons (PUA). Формат .woff2. Custom Icons - ваше название шрифта иконок.
   =============================== */

@font-face {
  font-family: &#039;Custom Icons&#039;;
  font-style: normal;
  font-weight: 400;
  src: url(ваша ссылка в формате .woff2)
       format(&#039;woff2&#039;);
}

/* ===============================
   Базовая разметка панели
   =============================== */

#form-buttons tr {
  display: block;
  width: 100%;
}

#form-buttons td {
  position: relative;
  display: inline-block;
  background: none !important;
}

#form-buttons td img {
  position: absolute;
  inset: 0;
  z-index: 10;
  opacity: 0;              /* скрываем blank.gif */
  cursor: pointer;
}

#form-buttons td::before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;

  pointer-events: none;
}

/* ===============================
   Подключение Custom Icons - ваше название шрифта иконок
   =============================== */

#form-buttons td::before {
  font-family: &#039;Custom Icons&#039;;
  font-weight: 400;
  font-style: normal;
}

/* ===============================
   Шрифт / размер
   =============================== */

#button-font::before        { content: &#039;Ваш код в виде: \e167&#039;; } /* Шрифт */
#button-size::before        { content: &#039;Ваш код в виде: \e167&#039;; } /* Размер */

/* ===============================      
   Форматирование текста                
   =============================== */   

#button-bold::before        { content: &#039;Ваш код в виде: \e167&#039;; } /* Жирный */
#button-italic::before      { content: &#039;Ваш код в виде: \e167&#039;; } /* Курсив */
#button-underline::before   { content: &#039;Ваш код в виде: \e167&#039;; } /* Подчеркивание */
#button-strike::before      { content: &#039;Ваш код в виде: \e167&#039;; } /* Зачеркнутый */

/* ===============================      
   Выравнивание                         
   =============================== */   

#button-left::before        { content: &#039;Ваш код в виде: \e167&#039;; } /* Выравнивание по левому краю */
#button-center::before      { content: &#039;Ваш код в виде: \e167&#039;; } /* Выравнивание по центру */
#button-right::before       { content: &#039;Ваш код в виде: \e167&#039;; } /* Выравнивание по правому краю */

/* ===============================      
   Ссылки и медиа                       
   =============================== */   

#button-link::before        { content: &#039;Ваш код в виде: \e167&#039;; } /* Ссылка */
#button-image::before       { content: &#039;Ваш код в виде: \e167&#039;; } /* Загрузка изображений */
#button-video::before       { content: &#039;Ваш код в виде: \e167&#039;; } /* Загрузка видео */

/* ===============================      
   Спец-блоки                           
   =============================== */   

#button-spoiler::before     { content: &#039;Ваш код в виде: \e167&#039;; } /* Спойлер */
#button-hide::before        { content: &#039;Ваш код в виде: \e167&#039;; } /* Скрытый текст */
#button-quote::before       { content: &#039;Ваш код в виде: \e167&#039;; } /* Цитата */
#button-code::before        { content: &#039;Ваш код в виде: \e167&#039;; } /* Код */
#button-table::before       { content: &#039;Ваш код в виде: \e167&#039;; } /* Таблица */

/* ===============================      
   Цвет / смайлы / прочее               
   =============================== */   

#button-color::before       { content: &#039;Ваш код в виде: \e167&#039;; } /* Цвет */
#button-smile::before       { content: &#039;Ваш код в виде: \e167&#039;; } /* Смайлики */
#button-keyboard::before    { content: &#039;Ваш код в виде: \e167&#039;; } /* Виртуальная клавиатура */
#button-addition::before    { content: &#039;Ваш код в виде: \e167&#039;; } /* Дополнительно */


/* ===== Дополнительные кнопки ===== */

#button-add1::before      { content: &#039;Ваш код в виде: \e167&#039;; } /* Ваша дополнительная кнопка 1 */
#button-add2::before      { content: &#039;Ааш код в виде: \e167&#039;; } /* Ваша дополнительная кнопка 2 */

/* ===============================
   Настройки кнопок
   =============================== */

/* ===== Размер шрифта, Размер кнопок, Расположение, Цвета кнопок и HOVER зффект ===== */
   
#form-buttons tr {
  text-align: center;
}

#form-buttons td {
  width: 24px;
  height: 24px;
  margin: 0 5px 5px;
  border-radius: 5px;
}

#form-buttons td img {height: 24px;}

#form-buttons td::before {
  width: 24px;
  height: 24px;
  text-align: center;
  font-size: 22px;
  line-height: 24px;
  color: #56615c;
  filter: drop-shadow(0 0 0.8px #000);
}

#form-buttons td:hover::before {
  color: #6d6851;
}

&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (Kolobdur)</author>
			<pubDate>Fri, 10 Apr 2026 10:28:27 +0300</pubDate>
			<guid>https://kolobdur.mybb.ru/viewtopic.php?pid=114#p114</guid>
		</item>
		<item>
			<title>Автозамена слов в форме ответа.</title>
			<link>https://kolobdur.mybb.ru/viewtopic.php?pid=113#p113</link>
			<description>&lt;p&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 16px&quot;&gt;&lt;span style=&quot;color: blue&quot;&gt;Обновления скрипта до версии 2.8 и до версии 2.9. Заменяется только подключаемый скрипт в НТМЛ низу.&lt;/span&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;Версия 2.8:&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 4.5em&quot;&gt;&lt;pre&gt;&amp;lt;script type=&amp;quot;text/javascript&amp;quot; src=&amp;quot;https://forumstatic.ru/files/001a/ad/c5/35655.js?v=1&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
						&lt;p&gt;&lt;strong&gt;Версия 2.9.&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 4.5em&quot;&gt;&lt;pre&gt;&amp;lt;script type=&amp;quot;text/javascript&amp;quot; src=&amp;quot;https://forumstatic.ru/files/001a/ad/c5/48814.js?v=1&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
						&lt;p&gt;&lt;strong&gt;Версия 2.8&lt;/strong&gt; - исправлена работа с мобильными устройствами.&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;Версия 2.9&lt;/strong&gt; - в подсказку добавлен показ на что заменяется слово и вставка сразу замены при нажатии на подсказку. &lt;br /&gt;&lt;strong&gt;Пример подсказки:&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;quote-box quote-main&quot;&gt;&lt;blockquote&gt;&lt;p&gt;Мод &amp;gt; Модератор&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;p&gt;Вставлено будет Модератор.&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Kolobdur)</author>
			<pubDate>Mon, 16 Mar 2026 18:11:08 +0300</pubDate>
			<guid>https://kolobdur.mybb.ru/viewtopic.php?pid=113#p113</guid>
		</item>
		<item>
			<title>Флудилка</title>
			<link>https://kolobdur.mybb.ru/viewtopic.php?pid=112#p112</link>
			<description>&lt;div class=&quot;quote-box answer-box&quot;&gt;&lt;cite&gt;Kolobdur написал(а):&lt;/cite&gt;&lt;blockquote&gt;&lt;p&gt;Инвайт работает на страницу регистрации по идее..&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;p&gt;&lt;strong&gt;Профиль - Приглашения&lt;/strong&gt;: Вы можете добавлять параметр invite к любым ссылкам.&lt;/p&gt;&lt;div class=&quot;quote-box answer-box&quot;&gt;&lt;cite&gt;RUSSIAN_GOBLIN написал(а):&lt;/cite&gt;&lt;blockquote&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 10.5em&quot;&gt;&lt;pre&gt;
&amp;lt;!-- Invite-ссылка на пост, правее даты--&amp;gt;&amp;lt;script&amp;gt;Im=&#039;&amp;lt;img class=iNv src=&amp;quot;http://forum.mybb.ru/i/link_add.png&amp;quot;  style=&amp;quot;cursor:pointer;margin:4px 0 -4px 7px&amp;quot; title=&amp;quot;Invite-ccылка&amp;quot; onclick=&amp;quot;InvPst(\&#039;&#039;;$(&#039; a.permalink &#039;).attr(&amp;quot;href&amp;quot;,function(){c=UserInviteCode;id=$(this).parents(&amp;quot;.post&amp;quot;).attr(&amp;quot;id&amp;quot;).replace(&amp;quot;p&amp;quot;,&amp;quot;&amp;quot;);c=&#039;http://&#039;+ location.hostname + &#039;/viewtopic.php?pid=&#039;+id+&#039;&amp;amp;invite=&#039;+c+&#039;#p&#039;+id;$(this).after(Im+c+&#039;\&#039;)&amp;quot;/&amp;gt;&#039;);});function InvPst(href){prompt(&#039;\t &amp;quot;Invite-ccылка&amp;quot; для Приглашений&#039;,href)}
$(&#039;img.iNv&#039;).tipsy({fade: true, gravity: &#039;s&#039;})
&amp;lt;/script&amp;gt;
&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;p&gt;&lt;a href=&quot;https://kolobdur.mybb.ru/?invite=4ifefb65cb&quot;&gt;https://kolobdur.mybb.ru/?invite=4ifefb65cb&lt;/a&gt; &lt;span style=&quot;font-size: 18px&quot;&gt;&lt;span style=&quot;color: gray&quot;&gt;&amp;#8592;&lt;/span&gt;&lt;/span&gt; invite не пропадает в адресной строке при переходе,&lt;br /&gt;&lt;a href=&quot;https://kolobdur.mybb.ru/register.php?invite=4ifefb65cb&quot;&gt;https://kolobdur.mybb.ru/register.php?invite=4ifefb65cb&lt;/a&gt; &lt;span style=&quot;font-size: 18px&quot;&gt;&lt;span style=&quot;color: gray&quot;&gt;&amp;#8592;&lt;/span&gt;&lt;/span&gt; пропадает, но в куках запоминается.&lt;/p&gt;</description>
			<author>mybb@mybb.ru (fil2006k)</author>
			<pubDate>Sat, 14 Mar 2026 22:55:38 +0300</pubDate>
			<guid>https://kolobdur.mybb.ru/viewtopic.php?pid=112#p112</guid>
		</item>
		<item>
			<title>Настройки форума</title>
			<link>https://kolobdur.mybb.ru/viewtopic.php?pid=110#p110</link>
			<description>&lt;div class=&quot;quote-box answer-box&quot;&gt;&lt;cite&gt;Kolobdur написал(а):&lt;/cite&gt;&lt;blockquote&gt;&lt;p&gt;Под нормальной системой отношений я имею ввиду и плюсы и минусы и качественную модерацию.&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;p&gt;Когда ты ставишь кому-то минус, ты ставишь его себе. Ты обижаешь человека, расстраиваешь, озлобляешь, наживаешь себе врага, из-за твоего минуса человек, заметь, лично против тебя ничего не имеющий до этого, теряет самообладание, внутреннее спокойствие, душевное равновесие, становится раздражительным, придирается к жене, детям, напьётся, чего доброго, &lt;a href=&quot;https://youtube.com/shorts/PDVJkHlgtB4&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;упадёт на дно колодца&lt;/a&gt;. А когда ты ставишь плюс, ты также ставишь его себе. Приобретаешь друга, товарища, который выручит в трудную минуту, поможет, чем сможет, ты поднимаешь ему и себе настроение, даришь радость, улыбку, в прекрасном расположении духа человек в свою очередь сделает много добрых и полезных дел.&lt;/p&gt;</description>
			<author>mybb@mybb.ru (fil2006k)</author>
			<pubDate>Sat, 14 Mar 2026 17:50:10 +0300</pubDate>
			<guid>https://kolobdur.mybb.ru/viewtopic.php?pid=110#p110</guid>
		</item>
		<item>
			<title>На свет божий из лички</title>
			<link>https://kolobdur.mybb.ru/viewtopic.php?pid=108#p108</link>
			<description>&lt;p&gt;Хорошо пишем. :D (Как &lt;span style=&quot;font-style: italic&quot;&gt;хорошо сидим&lt;/span&gt;.) До бесконечности можно перемалывать, был бы кто на форуме ещё — обязательно бы вклинился. Клинит.&lt;br /&gt;Нам надо с этим тупизмом заниматься раскручиванием активности на форумах, есть такая профессия...&lt;/p&gt;</description>
			<author>mybb@mybb.ru (fil2006k)</author>
			<pubDate>Sat, 14 Mar 2026 11:50:28 +0300</pubDate>
			<guid>https://kolobdur.mybb.ru/viewtopic.php?pid=108#p108</guid>
		</item>
		<item>
			<title>Линейка: &quot;Нашему форуму..&quot;</title>
			<link>https://kolobdur.mybb.ru/viewtopic.php?pid=98#p98</link>
			<description>&lt;div class=&quot;quote-box answer-box&quot;&gt;&lt;cite&gt;fil2006k написал(а):&lt;/cite&gt;&lt;blockquote&gt;&lt;p&gt;Основной стиль Classic — линейка есть, а в Classic DarkBlue её нет.&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;p&gt;Скорее всего просто сливается, цвет шрифта надо поставить.&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Kolobdur)</author>
			<pubDate>Fri, 13 Mar 2026 23:58:50 +0300</pubDate>
			<guid>https://kolobdur.mybb.ru/viewtopic.php?pid=98#p98</guid>
		</item>
		<item>
			<title>Слайдер Вывод новостей из темы в шапку или объявление.</title>
			<link>https://kolobdur.mybb.ru/viewtopic.php?pid=86#p86</link>
			<description>&lt;p&gt;&lt;span style=&quot;font-size: 16px&quot;&gt;&lt;span style=&quot;color: blue&quot;&gt;&lt;strong&gt;Новая версия Слайдера - 9.0.&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;Что нового:&lt;/strong&gt;&lt;br /&gt;- исправлены ряд ошибок&lt;br /&gt;- уменьшена нагрузка на сервер&lt;br /&gt;- добавлена возможность брать первое или последнее сообщение из темы&lt;br /&gt;- добавлена возможность брать любое конкретное сообщение (одно или несколько) из темы по pid в сообщении (ссылка в посту)&lt;br /&gt;- добавлена возможность выводить одно сообщение из одной темы&lt;br /&gt;- добавлен запрет прокрутки автора при одном сообщении и одной теме&lt;br /&gt;- добавлена сортировка тем и вывод их либо по расположению в настройках, либо по дате сообщения&lt;br /&gt;- добавлен кеш и ограничение количества постов в кеше&lt;br /&gt;- добавлена ручная прокрутка слайдера для ПК и мобильных устройств.&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;Недостатки:&lt;/strong&gt;&lt;br /&gt;- есть подёргивания при маленькой скорости прокручивания.&lt;br /&gt;- ручная прокрутка не бесконечна, имет концовку в обе стороны&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;HTML и CSS :&lt;/strong&gt;&lt;br /&gt;HTML оставлен как был, исключение при одном сообщении, при запрете прокручивать автора - появляется новый блок &lt;strong&gt;.author-static&lt;/strong&gt;, вынесенный из скролла. CSS тоже несколько переработан. &lt;/p&gt;
						&lt;p&gt;Ставить в НТМЛ верх:&lt;/p&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;
&amp;lt;!-- Слайдер Вывод новостей из темы в шапку или объявление. Версия 9.0 © Kolobdur --&amp;gt;
&amp;lt;!-- Настройки слайдера CSS --&amp;gt;
&amp;lt;style&amp;gt;
#title-logo-tdl {width: 300px !important;} /* Настройка левой ячейки таблицы (ширина). Убрать если слайдер установлен не в шапку */
#title-logo-tdr {padding-right: 0  !important;} /* Настройка правой ячейки таблицы (внутренний отступ). Сюда вставляется слайдер. Убрать если слайдер установлен не в шапку */
.stance {margin: 10px 14px 0 0;} /* Внешние отступы слайдера */
.sautor {background: #8EA1BC url(https://forumstatic.ru/files/001a/ad/c5/24494.jpg) repeat-x top left / contain; color: #fff;} /* Фон и цвет текста ячейки с автором (cellpic4.jpg)*/
.goover, .sdata {background: url(https://forumstatic.ru/files/001a/ad/c5/48527.png) repeat-x #EDF0F5;} /* Фон даты и названия темы (cat-big.png) */
.stance:before {background: white url(https://forumstatic.ru/files/001a/ad/c5/10948.jpg) repeat-x top left / contain;} /* Фон сообщения (cat-mini4.jpg) */
.news-slider {width: 586px;} /* Ширина слайдера */
.author-static + .Ticker .news-slider {width: 454px;} /* Ширина слайдера при одном сообщении */
.news-slider {display: flex; flex-direction: column;} /* Сортировка от первого сообщения к последнему (добавить column-reverse для реверса) */
&amp;lt;/style&amp;gt;

&amp;lt;!-- Правки для bo2Soft --&amp;gt;
&amp;lt;style&amp;gt;
/* Правка спойлера */
.slider-post .spoiler-box &amp;gt; blockquote.visible {display: block;overflow: auto;}
.slider-post .spoiler-box &amp;gt; blockquote {padding-top: 1.4em;display: none;}
.slider-post .spoiler-box &amp;gt; div {
  background: url(/img/plus.png) no-repeat 10px center, 
              url(https://forumstatic.ru/files/001a/ad/c5/49667.gif) no-repeat 100% 50% #4E79A6; /* bbcode-quote.gif */
  padding: 4px 26px;
  cursor: pointer;
}
.slider-post .spoiler-box &amp;gt; div.visible {
  background: url(/img/minus.png) no-repeat 10px center, 
              url(https://forumstatic.ru/files/001a/ad/c5/49667.gif) no-repeat 100% 50% #4E79A6; /* bbcode-quote.gif */
}
.slider-post .quote-box, .slider-post .code-box {margin: 0 0px 14px 0px;}
&amp;lt;/style&amp;gt;

&amp;lt;!-- Основной стиль слайдера --&amp;gt;
&amp;lt;link rel=&amp;quot;stylesheet&amp;quot; type=&amp;quot;text/css&amp;quot; href=&amp;quot;https://forumstatic.ru/files/001a/ad/c5/44531.css&amp;quot;&amp;gt;

&amp;lt;!-- Настройки слайдера --&amp;gt;
&amp;lt;script&amp;gt;
// topics[]  - перечень тем и их настроек
// id        - ID темы
// perTopic  - сколько постов брать
// fromStart - брать с начала темы
// posts[]   - конкретные посты
// 
// Если указаны posts, они имеют приоритет над perTopic.
// 
// respectTopicOrder: true
// true  - порядок тем строго как в topics[]
// false - сортировка по дате
// 
// maxPosts: 50, - Это максимальное количество постов, которое хранится в кеше и может появиться в слайдере.

var sliderConfig = {
    position: 1,              // 1 - шапка, 2 - объявление
    sortOverall: &#039;desc&#039;,      // сортировка всего слайдера: &#039;asc&#039; или &#039;desc&#039;
    defaultAvatar: &#039;https://forumstatic.ru/files/0000/14/1c/20038.jpg&#039;, // аватар по умолчанию.
    topics: [
            { id:41, perTopic:1 },
            
            { id:23, perTopic:1, fromStart:true },
            
            { id:37, posts:[63,72,73] },
            
            { id:34, perTopic:1 },
            
            { id:35, perTopic:1 }
            
            ],
    respectTopicOrder: true,     // Сортровка тем по порядку
    timeout: 0,                  // задержка перед инициализацией слайдера
    speed: 0.4,                  // скорость бегущей строки
    cacheKey: &#039;sliderCache&#039;,     // ключ кэша localStorage
    maxPosts: 50,                // максимальное количество постов, которое хранится в кеше
    singlePostStaticAuthor: true // если true и пост один — автор не прокручивается
};
&amp;lt;/script&amp;gt;

&amp;lt;!-- Основной скрипт слайдера --&amp;gt;
&amp;lt;script type=&amp;quot;text/javascript&amp;quot; src=&amp;quot;https://forumstatic.ru/files/001a/ad/c5/18200.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;
&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
						&lt;p&gt;&lt;strong&gt;Настройки:&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;quote-box quote-main&quot;&gt;&lt;blockquote&gt;&lt;p&gt;&lt;strong&gt;topics[] &lt;/strong&gt; - перечень тем и их настроек&lt;br /&gt;&lt;strong&gt;id&lt;/strong&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; - ID темы&lt;br /&gt;&lt;strong&gt;perTopic&lt;/strong&gt;&amp;#160; - сколько постов брать&lt;br /&gt;&lt;strong&gt;fromStart&lt;/strong&gt; - брать с начала темы&lt;br /&gt;&lt;strong&gt;posts[]&lt;/strong&gt;&amp;#160; &amp;#160;- конкретные посты&lt;/p&gt;
						&lt;p&gt;&lt;span style=&quot;font-style: italic&quot;&gt;&lt;strong&gt;Если указаны posts, они имеют приоритет над perTopic.&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;&lt;span style=&quot;color: blue&quot;&gt;respectTopicOrder: true&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;&lt;strong&gt;true &lt;/strong&gt; - порядок тем строго как в topics[]&lt;br /&gt;&lt;strong&gt;false&lt;/strong&gt; - сортировка по дате&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;&lt;span style=&quot;font-style: italic&quot;&gt;maxPosts: 50 - Это максимальное количество постов, которое хранится в кеше и может появиться в слайдере.&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;
						&lt;p&gt;Откуда брать &lt;strong&gt;pid&lt;/strong&gt; сообщения: нажимаем на ссылку в посту, в браузере отобразится ссылка вида: &lt;strong&gt;https://kolobdur.mybb.ru/viewtopic.php?id=41#p&lt;span style=&quot;color: red&quot;&gt;86&lt;/span&gt;&lt;/strong&gt; - последние цифры после решетки и будет pid сообщения или по другому: номер поста по нумерации всего форума, а не конкретной темы.&amp;#160; &lt;strong&gt;&lt;span style=&quot;color: red&quot;&gt;Именно этот номер поста и надо вставлять в&lt;/span&gt;&lt;/strong&gt; &lt;strong&gt;posts[]&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;color: red&quot;&gt;, а не номера в теме.&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Kolobdur)</author>
			<pubDate>Mon, 09 Mar 2026 15:59:36 +0300</pubDate>
			<guid>https://kolobdur.mybb.ru/viewtopic.php?pid=86#p86</guid>
		</item>
		<item>
			<title>Спойлер для определенных групп</title>
			<link>https://kolobdur.mybb.ru/viewtopic.php?pid=85#p85</link>
			<description>&lt;p&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 16px&quot;&gt;&lt;span style=&quot;color: blue&quot;&gt;Спойлер для определенных групп&lt;/span&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;В НТМЛ верх:&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;&amp;lt;!-- Спойлер для определенных групп (by Kolobdur) --&amp;gt;
&amp;lt;style&amp;gt;
/* Стилизация спойлера */
.SPdetails {
  margin: 0.4em 1.8em 1.4em 1.8em;
  border-color: transparent transparent transparent #CBD2E0;
  border-style: solid;
  border-width: 0 0 0 5px !important;
  border-radius: 4px;
  color: #333;
  background-color: #F8F9Fb;
}

.SPdetails summary {
  list-style: none;
  padding: .7em 1em .7em 24px;
  font-size: 11px;
  font-weight: 400;
  font-style: normal;
  margin: 0;
  background: url(/img/plus.png) no-repeat 8px center;
  cursor: pointer;
}

.SPdetails[open] &amp;gt; summary {
  background-image: url(/img/minus.png);
}

.SPbody {
  padding: 1.4em 10px 1em;
}

/* Убираем лишние пустые строки */
.SPdetails br, .SPdetails ~ br {display: none;}

/* Убираем мерцание при загрузке страницы */
.SPdetails {display: none;}
.gid1 .SPdetails, .gid2 .SPdetails {display: block;} /* .gid1 - цифра номер группы */
&amp;lt;/style&amp;gt;
&amp;lt;script&amp;gt;
$(document).ready(function() {
if([1,2].indexOf(GroupID)!=-1) { // if([1,2] - номера групп, последняя цифра без запятой
$(&#039;#spoiler-type-list&#039;).append(&#039;&amp;lt;a href=&amp;quot;javascript:void(0)&amp;quot; class=&amp;quot;sp_a&amp;quot; onclick=&amp;quot;sp_groups()&amp;quot;&amp;gt;Спойлер для группы&amp;lt;/a&amp;gt;&#039;);
}
else {
$(&#039;.SPdetails, .SPdetails ~ br&#039;).remove();
}
});

function sp_groups(){
    var spoilerErrors = &#039;&#039;;
    var spoilerN = prompt(&#039;Введите заголовок&#039;, &#039;&#039;);
    if (spoilerErrors){
	    alert(&amp;quot;Ошибка!&amp;quot; + spoilerErrors);
        return;
	}
    bbcode(&#039;[details]\n\[summary]&#039;+spoilerN+&#039;[/summary]\n\[spbody]&#039;,&#039;[/spbody]\n\[/details]&#039;);
}
&amp;lt;/script&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
						&lt;p&gt;&lt;strong&gt;В Администрирование - Формы в Пользовательские bb-теги:&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 7.5em&quot;&gt;&lt;pre&gt;details[details.SPdetails]:im
summary[summary]:im
spbody[div.SPbody]:im&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
						&lt;p&gt;&lt;strong&gt;Настройки:&lt;/strong&gt;&lt;br /&gt;Ищем в коде и вставляем ID нужной группы или групп сюда:&lt;/p&gt;&lt;div class=&quot;quote-box quote-main&quot;&gt;&lt;blockquote&gt;&lt;p&gt;&lt;strong&gt;.gid&lt;span style=&quot;color: red&quot;&gt;1&lt;/span&gt; .SPdetails, .gid&lt;span style=&quot;color: red&quot;&gt;2&lt;/span&gt; .SPdetails&lt;/strong&gt; {display: block;}&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;p&gt;И сюда:&lt;/p&gt;&lt;div class=&quot;quote-box quote-main&quot;&gt;&lt;blockquote&gt;&lt;p&gt;&lt;strong&gt;if([&lt;span style=&quot;color: red&quot;&gt;1,2&lt;/span&gt;].indexOf(GroupID)!=-1) {&lt;/strong&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;p&gt;&lt;strong&gt;&lt;span style=&quot;color: blue&quot;&gt;В данном случае установлены первая и вторая группа - Администраторы и Модераторы. Чтобы было для одной группы делаем так:&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;quote-box quote-main&quot;&gt;&lt;blockquote&gt;&lt;p&gt;&lt;strong&gt;.gid&lt;span style=&quot;color: red&quot;&gt;1&lt;/span&gt; .SPdetails&lt;/strong&gt; {display: block;}&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;p&gt;и так:&lt;/p&gt;&lt;div class=&quot;quote-box quote-main&quot;&gt;&lt;blockquote&gt;&lt;p&gt;&lt;strong&gt;if([&lt;span style=&quot;color: red&quot;&gt;1&lt;/span&gt;].indexOf(GroupID)!=-1) {&lt;/strong&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;div class=&quot;quote-box spoiler-box&quot;&gt;&lt;div onclick=&quot;$(this).toggleClass(&#039;visible&#039;); $(this).next().toggleClass(&#039;visible&#039;);&quot;&gt;Скриншоты&lt;/div&gt;&lt;blockquote&gt;&lt;p&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/E5eQFYa.png&quot; alt=&quot;https://i.imgur.com/E5eQFYa.png&quot; /&gt;&lt;br /&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/JaAwoeN.png&quot; alt=&quot;https://i.imgur.com/JaAwoeN.png&quot; /&gt;&lt;br /&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/yZJ7PuF.png&quot; alt=&quot;https://i.imgur.com/yZJ7PuF.png&quot; /&gt;&lt;br /&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/f6r85FR.png&quot; alt=&quot;https://i.imgur.com/f6r85FR.png&quot; /&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (Kolobdur)</author>
			<pubDate>Fri, 02 May 2025 18:29:43 +0300</pubDate>
			<guid>https://kolobdur.mybb.ru/viewtopic.php?pid=85#p85</guid>
		</item>
		<item>
			<title>bo2Soft</title>
			<link>https://kolobdur.mybb.ru/viewtopic.php?pid=79#p79</link>
			<description>&lt;div class=&quot;quote-box answer-box&quot;&gt;&lt;cite&gt;yusufdj написал(а):&lt;/cite&gt;&lt;blockquote&gt;&lt;p&gt;Для какой версии этот стиль и где ссылка на скачивание?&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;p&gt;Этот стиль сделан для сервиса бесплатных форумов: &lt;a href=&quot;https://mybb.ru/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;https://mybb.ru/&lt;/a&gt; Он не скачивается, а устанавливаются CSS коды в специальные HTML поля - пост 2 и пост 3.&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Kolobdur)</author>
			<pubDate>Wed, 23 Apr 2025 15:59:50 +0300</pubDate>
			<guid>https://kolobdur.mybb.ru/viewtopic.php?pid=79#p79</guid>
		</item>
		<item>
			<title>Вкладки в постах вв-кодом</title>
			<link>https://kolobdur.mybb.ru/viewtopic.php?pid=81#p81</link>
			<description>&lt;p&gt;&lt;strong&gt;&lt;span style=&quot;color: blue&quot;&gt;Отличие от предыдущих вкладок&lt;/span&gt;&lt;/strong&gt; &lt;a href=&quot;https://kolobdur.mybb.ru/viewtopic.php?id=6&quot;&gt;Вкладки в постах (HTML и CSS)&lt;/a&gt; :&lt;/p&gt;
						&lt;p&gt;- Не надо использовать скрипт HTML в сообщениях;&lt;br /&gt;- Более простой в использовании;&lt;br /&gt;- Можно использовать в сообщении любые вв-теги;&lt;br /&gt;- Можно вставлять предустановленный вариант через вв-панель любым пользователям.&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;&lt;span style=&quot;color: blue&quot;&gt;Использование:&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;
						&lt;p&gt;1. Номер вкладки должен соответствовать номеру контента, пример:&lt;br /&gt;Вкладка: &lt;strong&gt;[&lt;/strong&gt;&lt;strong&gt;vkladka=&lt;span style=&quot;color: red&quot;&gt;2&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;]&lt;/strong&gt; соответствует контенту: &lt;strong&gt;[&lt;/strong&gt;&lt;strong&gt;cont=&lt;span style=&quot;color: red&quot;&gt;2&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;]&lt;/strong&gt;.&lt;/p&gt;
						&lt;p&gt;2. Чтобы содержимое определенной вкладки сразу выводилось, после обновления страницы, надо вставить такой тег:&lt;br /&gt;&lt;strong&gt;[&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;color: red&quot;&gt;avkladka&lt;/span&gt;=1&lt;/strong&gt;&lt;strong&gt;]&lt;/strong&gt; вместо тега: &lt;strong&gt;[&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;color: red&quot;&gt;vkladka&lt;/span&gt;=1&lt;/strong&gt;&lt;strong&gt;]&lt;/strong&gt;. И в контенте аналогично: &lt;strong&gt;[&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;color: red&quot;&gt;acont&lt;/span&gt;=1&lt;/strong&gt;&lt;strong&gt;]&lt;/strong&gt; вместо &lt;strong&gt;[&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;color: red&quot;&gt;cont&lt;/span&gt;=1&lt;/strong&gt;&lt;strong&gt;]&lt;/strong&gt;.&lt;/p&gt;
						&lt;p&gt;3. Вкладки обрамляются в отдельные вв-теги:&lt;br /&gt;- &lt;strong&gt;[&lt;/strong&gt;&lt;strong&gt;verh&lt;/strong&gt;&lt;strong&gt;]&lt;/strong&gt; - вкладки вверху;&lt;br /&gt;- &lt;strong&gt;[&lt;/strong&gt;&lt;strong&gt;levo&lt;/strong&gt;&lt;strong&gt;]&lt;/strong&gt; - вкладки слева;&lt;br /&gt;- &lt;strong&gt;[&lt;/strong&gt;&lt;strong&gt;pravo&lt;/strong&gt;&lt;strong&gt;]&lt;/strong&gt; - вкладки справа;&lt;br /&gt;- &lt;strong&gt;[&lt;/strong&gt;&lt;strong&gt;niz&lt;/strong&gt;&lt;strong&gt;]&lt;/strong&gt; - вкладки внизу.&lt;/p&gt;
						&lt;p&gt;Весь контент находится внутри вв-тега: &lt;strong&gt;[&lt;/strong&gt;&lt;strong&gt;contentw&lt;/strong&gt;&lt;strong&gt;]&lt;/strong&gt;.&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;&lt;span style=&quot;color: blue&quot;&gt;Установка на форум:&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;В НТМЛ верх (Стиль):&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 6em&quot;&gt;&lt;pre&gt;&amp;lt;!-- Стиль. Вкладки в постах вв-кодами. (done by Kolobdur) --&amp;gt;
&amp;lt;link rel=&amp;quot;stylesheet&amp;quot; type=&amp;quot;text/css&amp;quot; href=&amp;quot;https://forumstatic.ru/files/001a/ad/c5/19663.css&amp;quot;&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
						&lt;p&gt;&lt;strong&gt;В НТМЛ низ (Скрипты):&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 6em&quot;&gt;&lt;pre&gt;&amp;lt;!-- Скрипт. Вкладки в постах вв-кодами. (done by Kolobdur) --&amp;gt;
&amp;lt;script type=&amp;quot;text/javascript&amp;quot; src=&amp;quot;https://forumstatic.ru/files/001a/ad/c5/36868.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
						&lt;p&gt;&lt;strong&gt;В Пользовательские bb-теги:&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 21em&quot;&gt;&lt;pre&gt;
wrap[div.wrapper]:im
verh[div.buttons.buttop]:im
levo[div.buttons.butleft]:im
pravo[div.buttons.butright]:im
niz[div.buttons.butbottom]:im
contentw[div.windows]:im
cont[div.window/data-content]:im
vkladka[div.vkladka/data-number]:im
acont[div.window.activevkladka/data-content]:im
avkladka[div.vkladka.activevkladka/data-number]:im
&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
						&lt;p&gt;&lt;strong&gt;Если хотите вставить свой значок в вв-панель, то надо добавить к стилю:&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 9em&quot;&gt;&lt;pre&gt;&amp;lt;style&amp;gt;
.icons-vkladka {background:url(&amp;quot;Своя картинка&amp;quot;) no-repeat;}
.icons-vkladka:before {content: none !important;}
&amp;lt;/style&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
						&lt;p&gt;&lt;strong&gt;&lt;span style=&quot;color: blue&quot;&gt;Можно так же использовать и HTML, например чтобы вставить в Объявление. Тогда используем такой HTML код&lt;/span&gt; &lt;span style=&quot;color: red&quot;&gt;(стиль и скрипт те же, еще раз добавлять не надо)&lt;/span&gt;&lt;span style=&quot;color: blue&quot;&gt;:&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;
&amp;lt;div class=&amp;quot;wrapper&amp;quot;&amp;gt;
  &amp;lt;div class=&amp;quot;buttons buttop&amp;quot;&amp;gt;
    &amp;lt;div class=&amp;quot;vkladka activevkladka&amp;quot; data-number=&amp;quot;1&amp;quot;&amp;gt;Вкладка сверху 1&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;vkladka&amp;quot; data-number=&amp;quot;2&amp;quot;&amp;gt;Вкладка сверху 2&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;vkladka&amp;quot; data-number=&amp;quot;3&amp;quot;&amp;gt;Вкладка сверху 3&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;vkladka&amp;quot; data-number=&amp;quot;4&amp;quot;&amp;gt;Вкладка сверху 4&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;vkladka&amp;quot; data-number=&amp;quot;5&amp;quot;&amp;gt;Вкладка сверху 5&amp;lt;/div&amp;gt;
  &amp;lt;/div&amp;gt;
  &amp;lt;div class=&amp;quot;buttons butleft&amp;quot;&amp;gt;
    &amp;lt;div class=&amp;quot;vkladka&amp;quot; data-number=&amp;quot;6&amp;quot;&amp;gt;Вкладка слева 1&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;vkladka&amp;quot; data-number=&amp;quot;7&amp;quot;&amp;gt;Вкладка слева 2&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;vkladka&amp;quot; data-number=&amp;quot;8&amp;quot;&amp;gt;Вкладка слева 3&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;vkladka&amp;quot; data-number=&amp;quot;9&amp;quot;&amp;gt;Вкладка слева 4&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;vkladka&amp;quot; data-number=&amp;quot;10&amp;quot;&amp;gt;Вкладка слева 5&amp;lt;/div&amp;gt;
  &amp;lt;/div&amp;gt;
  &amp;lt;div class=&amp;quot;buttons butright&amp;quot;&amp;gt;
    &amp;lt;div class=&amp;quot;vkladka&amp;quot; data-number=&amp;quot;11&amp;quot;&amp;gt;Вкладка справа 1&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;vkladka&amp;quot; data-number=&amp;quot;12&amp;quot;&amp;gt;Вкладка справа 2&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;vkladka&amp;quot; data-number=&amp;quot;13&amp;quot;&amp;gt;Вкладка справа 3&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;vkladka&amp;quot; data-number=&amp;quot;14&amp;quot;&amp;gt;Вкладка справа 4&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;vkladka&amp;quot; data-number=&amp;quot;15&amp;quot;&amp;gt;Вкладка справа 5&amp;lt;/div&amp;gt;
  &amp;lt;/div&amp;gt;
  &amp;lt;div class=&amp;quot;buttons butbottom&amp;quot;&amp;gt;
    &amp;lt;div class=&amp;quot;vkladka&amp;quot; data-number=&amp;quot;16&amp;quot;&amp;gt;Вкладка снизу 1&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;vkladka&amp;quot; data-number=&amp;quot;17&amp;quot;&amp;gt;Вкладка снизу 2&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;vkladka&amp;quot; data-number=&amp;quot;18&amp;quot;&amp;gt;Вкладка снизу 3&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;vkladka&amp;quot; data-number=&amp;quot;19&amp;quot;&amp;gt;Вкладка снизу 4&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;vkladka&amp;quot; data-number=&amp;quot;20&amp;quot;&amp;gt;Вкладка снизу 5&amp;lt;/div&amp;gt;
  &amp;lt;/div&amp;gt;
  &amp;lt;div class=&amp;quot;windows&amp;quot;&amp;gt;
    &amp;lt;div class=&amp;quot;window activevkladka&amp;quot; data-content=&amp;quot;1&amp;quot;&amp;gt;Содержимое сверху 1&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;window&amp;quot; data-content=&amp;quot;2&amp;quot;&amp;gt;Содержимое сверху 2&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;window&amp;quot; data-content=&amp;quot;3&amp;quot;&amp;gt;Содержимое сверху 3&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;window&amp;quot; data-content=&amp;quot;4&amp;quot;&amp;gt;Содержимое сверху 4&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;window&amp;quot; data-content=&amp;quot;5&amp;quot;&amp;gt;Содержимое сверху 5&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;window&amp;quot; data-content=&amp;quot;6&amp;quot;&amp;gt;Содержимое слева 1&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;window&amp;quot; data-content=&amp;quot;7&amp;quot;&amp;gt;Содержимое слева 2&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;window&amp;quot; data-content=&amp;quot;8&amp;quot;&amp;gt;Содержимое слева 3&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;window&amp;quot; data-content=&amp;quot;9&amp;quot;&amp;gt;Содержимое слева 4&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;window&amp;quot; data-content=&amp;quot;10&amp;quot;&amp;gt;Содержимое слева 5&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;window&amp;quot; data-content=&amp;quot;11&amp;quot;&amp;gt;Содержимое справа 1&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;window&amp;quot; data-content=&amp;quot;12&amp;quot;&amp;gt;Содержимое справа 2&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;window&amp;quot; data-content=&amp;quot;13&amp;quot;&amp;gt;Содержимое справа 3&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;window&amp;quot; data-content=&amp;quot;14&amp;quot;&amp;gt;Содержимое справа 4&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;window&amp;quot; data-content=&amp;quot;15&amp;quot;&amp;gt;Содержимое справа 5&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;window&amp;quot; data-content=&amp;quot;16&amp;quot;&amp;gt;Содержимое снизу 1&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;window&amp;quot; data-content=&amp;quot;17&amp;quot;&amp;gt;Содержимое снизу 2&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;window&amp;quot; data-content=&amp;quot;18&amp;quot;&amp;gt;Содержимое снизу 3&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;window&amp;quot; data-content=&amp;quot;19&amp;quot;&amp;gt;Содержимое снизу 4&amp;lt;/div&amp;gt;
    &amp;lt;div class=&amp;quot;window&amp;quot; data-content=&amp;quot;20&amp;quot;&amp;gt;Содержимое снизу 5&amp;lt;/div&amp;gt;
  &amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;
&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
						&lt;p&gt;&lt;strong&gt;&lt;span style=&quot;color: blue&quot;&gt;В HTML должно быть тоже соответствие, что и в вв-тегах:&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;
						&lt;p&gt;1. Номер вкладки &lt;strong&gt;data-number=&amp;quot;&lt;span style=&quot;color: red&quot;&gt;1&lt;/span&gt;&amp;quot;&lt;/strong&gt; должен соответствовать номеру контента: &lt;strong&gt;data-content=&amp;quot;&lt;span style=&quot;color: red&quot;&gt;1&lt;/span&gt;&amp;quot;&lt;/strong&gt;&lt;br /&gt;2. Для вывода контента по умолчанию используем класс &lt;strong&gt;activevkladka&lt;/strong&gt;: &lt;br /&gt;- во вкладке: &lt;strong&gt;class=&amp;quot;vkladka &lt;span style=&quot;color: red&quot;&gt;activevkladka&lt;/span&gt;&amp;quot;&lt;/strong&gt;&lt;br /&gt;- в контенте: &lt;strong&gt;class=&amp;quot;window &lt;span style=&quot;color: red&quot;&gt;activevkladka&lt;/span&gt;&amp;quot;&lt;/strong&gt;&lt;br /&gt;3. Блоки с классами соответствующему расположению вкладок:&lt;br /&gt;- &lt;strong&gt;buttop&lt;/strong&gt; - вкладки сверху;&lt;br /&gt;- &lt;strong&gt;butleft&lt;/strong&gt; - вкладки слева;&lt;br /&gt;- &lt;strong&gt;butright&lt;/strong&gt; - вкладки справа;&lt;br /&gt;- &lt;strong&gt;butbottom&lt;/strong&gt; - вкладки снизу.&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;&lt;span style=&quot;color: blue&quot;&gt;Примеры и скриншоты:&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;quote-box spoiler-box&quot;&gt;&lt;div onclick=&quot;$(this).toggleClass(&#039;visible&#039;); $(this).next().toggleClass(&#039;visible&#039;);&quot;&gt;Примеры&lt;/div&gt;&lt;blockquote&gt;&lt;p&gt;&lt;div class=&quot;custom_tag custom_tag_wrap wrapper&quot;&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_verh buttons buttop&quot;&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_avkladka vkladka activevkladka&quot; data-number=&quot;1&quot;&gt;Вкладка сверху 1&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_vkladka vkladka&quot; data-number=&quot;2&quot;&gt;Вкладка сверху 2&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_vkladka vkladka&quot; data-number=&quot;3&quot;&gt;Вкладка сверху 3&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_vkladka vkladka&quot; data-number=&quot;4&quot;&gt;Вкладка сверху 4&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_vkladka vkladka&quot; data-number=&quot;5&quot;&gt;Вкладка сверху 5&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_levo buttons butleft&quot;&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_vkladka vkladka&quot; data-number=&quot;6&quot;&gt;Вкладка слева 1&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_vkladka vkladka&quot; data-number=&quot;7&quot;&gt;Вкладка слева 2&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_vkladka vkladka&quot; data-number=&quot;8&quot;&gt;Вкладка слева 3&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_vkladka vkladka&quot; data-number=&quot;9&quot;&gt;Вкладка слева 4&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_vkladka vkladka&quot; data-number=&quot;10&quot;&gt;Вкладка слева 5&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_pravo buttons butright&quot;&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_vkladka vkladka&quot; data-number=&quot;11&quot;&gt;Вкладка справа 1&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_vkladka vkladka&quot; data-number=&quot;12&quot;&gt;Вкладка справа 2&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_vkladka vkladka&quot; data-number=&quot;13&quot;&gt;Вкладка справа 3&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_vkladka vkladka&quot; data-number=&quot;14&quot;&gt;Вкладка справа 4&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_vkladka vkladka&quot; data-number=&quot;15&quot;&gt;Вкладка справа 5&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_niz buttons butbottom&quot;&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_vkladka vkladka&quot; data-number=&quot;16&quot;&gt;Вкладка снизу 1&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_vkladka vkladka&quot; data-number=&quot;17&quot;&gt;Вкладка снизу 2&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_vkladka vkladka&quot; data-number=&quot;18&quot;&gt;Вкладка снизу 3&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_vkladka vkladka&quot; data-number=&quot;19&quot;&gt;Вкладка снизу 4&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_vkladka vkladka&quot; data-number=&quot;20&quot;&gt;Вкладка снизу 5&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_contentw windows&quot;&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_acont window activevkladka&quot; data-content=&quot;1&quot;&gt;Содержимое сверху 1&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_cont window&quot; data-content=&quot;2&quot;&gt;Содержимое сверху 2&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_cont window&quot; data-content=&quot;3&quot;&gt;Содержимое сверху 3&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_cont window&quot; data-content=&quot;4&quot;&gt;Содержимое сверху 4&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_cont window&quot; data-content=&quot;5&quot;&gt;Содержимое сверху 5&lt;/div&gt;&lt;/p&gt;
						&lt;p&gt;&lt;div class=&quot;custom_tag custom_tag_cont window&quot; data-content=&quot;6&quot;&gt;Содержимое слева 1&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_cont window&quot; data-content=&quot;7&quot;&gt;Содержимое слева 2&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_cont window&quot; data-content=&quot;8&quot;&gt;Содержимое слева 3&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_cont window&quot; data-content=&quot;9&quot;&gt;Содержимое слева 4&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_cont window&quot; data-content=&quot;10&quot;&gt;Содержимое слева 5&lt;/div&gt;&lt;/p&gt;
						&lt;p&gt;&lt;div class=&quot;custom_tag custom_tag_cont window&quot; data-content=&quot;11&quot;&gt;Содержимое справа 1&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_cont window&quot; data-content=&quot;12&quot;&gt;Содержимое справа 2&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_cont window&quot; data-content=&quot;13&quot;&gt;Содержимое справа 3&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_cont window&quot; data-content=&quot;14&quot;&gt;Содержимое справа 4&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_cont window&quot; data-content=&quot;15&quot;&gt;Содержимое справа 5&lt;/div&gt;&lt;/p&gt;
						&lt;p&gt;&lt;div class=&quot;custom_tag custom_tag_cont window&quot; data-content=&quot;16&quot;&gt;Содержимое снизу 1&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_cont window&quot; data-content=&quot;17&quot;&gt;Содержимое снизу 2&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_cont window&quot; data-content=&quot;18&quot;&gt;Содержимое снизу 3&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_cont window&quot; data-content=&quot;19&quot;&gt;Содержимое снизу 4&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_cont window&quot; data-content=&quot;20&quot;&gt;Содержимое снизу 5&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_wrap wrapper&quot;&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_verh buttons buttop&quot;&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_avkladka vkladka activevkladka&quot; data-number=&quot;1&quot;&gt;Вкладка сверху 1&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_vkladka vkladka&quot; data-number=&quot;2&quot;&gt;Вкладка сверху 2&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_vkladka vkladka&quot; data-number=&quot;3&quot;&gt;Вкладка сверху 3&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_vkladka vkladka&quot; data-number=&quot;4&quot;&gt;Вкладка сверху 4&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_vkladka vkladka&quot; data-number=&quot;5&quot;&gt;Вкладка сверху 5&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_contentw windows&quot;&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_acont window activevkladka&quot; data-content=&quot;1&quot;&gt;Содержимое сверху 1&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_cont window&quot; data-content=&quot;2&quot;&gt;Содержимое сверху 2&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_cont window&quot; data-content=&quot;3&quot;&gt;Содержимое сверху 3&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_cont window&quot; data-content=&quot;4&quot;&gt;Содержимое сверху 4&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;custom_tag custom_tag_cont window&quot; data-content=&quot;5&quot;&gt;Содержимое сверху 5&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;div class=&quot;quote-box spoiler-box&quot;&gt;&lt;div onclick=&quot;$(this).toggleClass(&#039;visible&#039;); $(this).next().toggleClass(&#039;visible&#039;);&quot;&gt;Скриншоты&lt;/div&gt;&lt;blockquote&gt;&lt;p&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/cQC6phr.png&quot; alt=&quot;https://i.imgur.com/cQC6phr.png&quot; /&gt;&lt;br /&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/hOA7elg.png&quot; alt=&quot;https://i.imgur.com/hOA7elg.png&quot; /&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (Kolobdur)</author>
			<pubDate>Mon, 08 May 2023 17:46:15 +0300</pubDate>
			<guid>https://kolobdur.mybb.ru/viewtopic.php?pid=81#p81</guid>
		</item>
		<item>
			<title>Слайдер картинок</title>
			<link>https://kolobdur.mybb.ru/viewtopic.php?pid=77#p77</link>
			<description>&lt;p&gt;&lt;strong&gt;&lt;span style=&quot;color: blue&quot;&gt;Слайдер картинок, частично на основе скрипта Ромыча + плагин слайдер:&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;&amp;lt;!--- Блок слайдера. Выводим куда надо. ---&amp;gt;
&amp;lt;div class=&amp;quot;sliders&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;

&amp;lt;!--- Плагин слайдер ---&amp;gt;
&amp;lt;link rel=&amp;quot;stylesheet&amp;quot; type=&amp;quot;text/css&amp;quot; href=&amp;quot;https://forumstatic.ru/files/0013/49/9f/64330.css&amp;quot;&amp;gt;
&amp;lt;link rel=&amp;quot;stylesheet&amp;quot; type=&amp;quot;text/css&amp;quot; href=&amp;quot;https://forumstatic.ru/files/0013/49/9f/55003.css&amp;quot;&amp;gt;
&amp;lt;script type=&amp;quot;text/javascript&amp;quot; src=&amp;quot;https://forumstatic.ru/files/0013/49/9f/55349.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;
&amp;lt;script type=&amp;quot;text/javascript&amp;quot; src=&amp;quot;https://forumstatic.ru/files/0013/49/9f/18625.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;

&amp;lt;style&amp;gt;.slick-slide img{width: 100%;height: 150px;object-fit: contain;}&amp;lt;/style&amp;gt;
&amp;lt;!-- Вывод картинок из тем в слайдер --&amp;gt;
&amp;lt;script language=&amp;quot;javascript&amp;quot;&amp;gt;
var lm = 100,//количество отображаемых сообщений из темы
sort = &#039;desc&#039;,//поубыванию 
si = [1,2,3],//id темы из которой выводим новости
npk = //новостная картинка по-умолчанию
$(function(){var nf=&#039;&amp;lt;div class=&amp;quot;autoplay&amp;quot;&amp;gt;&#039;,text=[],EndSlider=()=&amp;gt;{nf+=&#039;&amp;lt;/div&amp;gt;&#039;;$(&#039;.sliders&#039;).append(nf);}
$.getJSON(&#039;/api.php?method=post.get&amp;amp;topic_id=&#039;+si+&#039;&amp;amp;sort_dir=&#039;+sort+&#039;&amp;amp;limit=&#039;+lm+&#039;&amp;amp;fields=id,message,posted&#039;,
function(d){var x=d.response;
for(var i in x){
var sod=x[i].message.match(/\&amp;lt;img class\=\&amp;quot;postimg\&amp;quot; loading\=\&amp;quot;lazy\&amp;quot; src\=\&amp;quot;https?\:\/\/(.*?)\.(png|jpg|gif|jpeg|webp)\&amp;quot; alt\=\&amp;quot;https?\:\/\/(.*?)\.(png|jpg|gif|jpeg|webp)\&amp;quot; \/\&amp;gt;/g),pd=x[i].id;
if(sod !== null){var far = &#039;&amp;lt;div&amp;gt;&amp;lt;a rel=&amp;quot;nofollow&amp;quot; href=&amp;quot;/viewtopic.php?pid=&#039;+pd+&#039;#p&#039;+pd+&#039;&amp;quot;&amp;gt;&#039;+sod+&#039;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&#039;;}
else {var far = &#039;&#039;;}
nf+=far;}EndSlider();
$(&#039;.autoplay&#039;).slick({
  slidesToShow: 7,
  slidesToScroll: 1,
  autoplay: true,
  arrows: false,
  dots: true,
  autoplaySpeed: 2000,
});
});
});
&amp;lt;/script&amp;gt;
&amp;lt;!--Окончание--&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;Посмотреть в действии можно здесь: &lt;a href=&quot;https://ushas1.mybb.ru/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;https://ushas1.mybb.ru/&lt;/a&gt;&lt;/p&gt;
						&lt;p&gt;Плагин слайдера: &lt;a href=&quot;http://kenwheeler.github.io/slick/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;http://kenwheeler.github.io/slick/&lt;/a&gt;&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Kolobdur)</author>
			<pubDate>Mon, 08 Nov 2021 19:27:03 +0300</pubDate>
			<guid>https://kolobdur.mybb.ru/viewtopic.php?pid=77#p77</guid>
		</item>
		<item>
			<title>Скрипты адаптированные под стиль bo2soft</title>
			<link>https://kolobdur.mybb.ru/viewtopic.php?pid=76#p76</link>
			<description>&lt;p&gt;&lt;span id=&quot;last-top10&quot;&gt;&lt;strong&gt;&lt;span style=&quot;color: blue&quot;&gt;Последние 10 сообщений форума с наведением. Для bo2soft. © Kolobdur&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;Только на главной (вверху или внизу):&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 15em&quot;&gt;&lt;pre&gt;&amp;lt;!-- Последние 10 сообщений форума с наведением. Расположение на главной. Для bo2soft. © Kolobdur --&amp;gt;
&amp;lt;link rel=&amp;quot;stylesheet&amp;quot; type=&amp;quot;text/css&amp;quot; href=&amp;quot;https://forumstatic.ru/files/0013/49/9f/75279.css&amp;quot;&amp;gt;
&amp;lt;script&amp;gt;var user_profile_lnk = 1; //Делать ники авторов кликабельными? 0 - нет, 1 - да
var last_top_10 = 0; // Расположение на главной. 0 - внизу, 1 - вверху
&amp;lt;/script&amp;gt;
&amp;lt;script type=&amp;quot;text/javascript&amp;quot; src=&amp;quot;https://forumstatic.ru/files/0013/49/9f/75214.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;
&amp;lt;!-- Последние 10 сообщений форума с наведением. Расположение на странице тем, вверху. Для bo2soft. © Kolobdur --&amp;gt;
&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
						&lt;p&gt;&lt;strong&gt;Только на странице тем:&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 13.5em&quot;&gt;&lt;pre&gt;
&amp;lt;!-- Последние 10 сообщений форума с наведением. Расположение на странице тем, вверху. Для bo2soft. © Kolobdur --&amp;gt;
&amp;lt;link rel=&amp;quot;stylesheet&amp;quot; type=&amp;quot;text/css&amp;quot; href=&amp;quot;https://forumstatic.ru/files/0013/49/9f/75279.css&amp;quot;&amp;gt;
&amp;lt;script&amp;gt;var user_profile_lnk = 1; //Делать ники авторов кликабельными? 0 - нет, 1 - да
&amp;lt;/script&amp;gt;
&amp;lt;script type=&amp;quot;text/javascript&amp;quot; src=&amp;quot;https://forumstatic.ru/files/0013/49/9f/87261.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;
&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
						&lt;p&gt;&lt;strong&gt;На главной и на странице тем:&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 15em&quot;&gt;&lt;pre&gt;&amp;lt;!-- Последние 10 сообщений форума с наведением. Расположение на главной. Для bo2soft. © Kolobdur --&amp;gt;
&amp;lt;link rel=&amp;quot;stylesheet&amp;quot; type=&amp;quot;text/css&amp;quot; href=&amp;quot;https://forumstatic.ru/files/0013/49/9f/75279.css&amp;quot;&amp;gt;
&amp;lt;script&amp;gt;var user_profile_lnk = 1; //Делать ники авторов кликабельными? 0 - нет, 1 - да
var last_top_10 = 0; // Расположение на главной. 0 - внизу, 1 - вверху
&amp;lt;/script&amp;gt;
&amp;lt;script type=&amp;quot;text/javascript&amp;quot; src=&amp;quot;https://forumstatic.ru/files/0013/49/9f/75214.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;
&amp;lt;!-- Последние 10 сообщений форума с наведением. Расположение на странице тем, вверху. Для bo2soft. © Kolobdur --&amp;gt;
&amp;lt;script type=&amp;quot;text/javascript&amp;quot; src=&amp;quot;https://forumstatic.ru/files/0013/49/9f/87261.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;quote-box spoiler-box&quot;&gt;&lt;div onclick=&quot;$(this).toggleClass(&#039;visible&#039;); $(this).next().toggleClass(&#039;visible&#039;);&quot;&gt;Скриншоты&lt;/div&gt;&lt;blockquote&gt;&lt;p&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/AgvM3JF.png&quot; alt=&quot;https://i.imgur.com/AgvM3JF.png&quot; /&gt;&lt;br /&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/EkDUFel.png&quot; alt=&quot;https://i.imgur.com/EkDUFel.png&quot; /&gt;&lt;br /&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/JaAsf5s.png&quot; alt=&quot;https://i.imgur.com/JaAsf5s.png&quot; /&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;p&gt;&lt;a href=&quot;https://kolobdur.mybb.ru/viewtopic.php?id=37#List&quot;&gt;К первому посту&lt;/a&gt;&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Kolobdur)</author>
			<pubDate>Thu, 04 Nov 2021 23:38:39 +0300</pubDate>
			<guid>https://kolobdur.mybb.ru/viewtopic.php?pid=76#p76</guid>
		</item>
		<item>
			<title>Снег фоном</title>
			<link>https://kolobdur.mybb.ru/viewtopic.php?pid=75#p75</link>
			<description>&lt;p&gt;&lt;strong&gt;В НТМЛ верх&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;&amp;lt;!-- Снег фоном --&amp;gt;
&amp;lt;style&amp;gt;
body {
background-attachment: fixed; /*фиксированное положение фона*/
background-color:#000; /*основной цвет фона*/
background-image:url(&#039;http://i39.servimg.com/u/f39/14/80/95/87/1110.png&#039;),
url(&#039;http://i39.servimg.com/u/f39/14/80/95/87/2210.png&#039;),
url(&#039;http://i39.servimg.com/u/f39/14/80/95/87/3310.png&#039;); /*картинки снега*/
-webkit-animation:snow 30s linear infinite;
-moz-animation:snow 30s linear infinite;
-ms-animation:snow 30s linear infinite;
animation:snow 30s linear infinite;
}

/*Keyframes*/
@keyframes snow {
0%{background-position:0px 0px, 0px 0px, 0px 0px;}
25%{background-color:#800000;}
50%{background-color:#008B00;}
75%{background-color:#00008B;}
100%{background-position: 500px 1000px, 400px 400px, 300px 300px;background-color:#000;} /*цвет завершения переходного цикла фона*/
}
@-moz-keyframes snow {
0%{background-position:0px 0px, 0px 0px, 0px 0px;}
25%{background-color:#800000;}
50%{background-color:#008B00;}
75%{background-color:#00008B;}
100%{background-position: 500px 1000px, 400px 400px, 300px 300px;background-color:#000;} /*цвет завершения переходного цикла фона*/
}
@-webkit-keyframes snow {
0%{background-position:0px 0px, 0px 0px, 0px 0px;}
25%{background-color:#800000;}
50%{background-color:#008B00;}
75%{background-color:#00008B;}
100%{background-position: 500px 1000px, 400px 400px, 300px 300px;background-color:#000;} /*цвет завершения переходного цикла фона*/
}
@-ms-keyframes snow {
0%{background-position:0px 0px, 0px 0px, 0px 0px;}
25%{background-color:#800000;}
50%{background-color:#008B00;}
75%{background-color:#00008B;}
100%{background-position: 500px 1000px, 400px 400px, 300px 300px;background-color:#000;} /*цвет завершения переходного цикла фона*/
}
&amp;lt;/style&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (Kolobdur)</author>
			<pubDate>Sun, 31 Oct 2021 09:55:20 +0300</pubDate>
			<guid>https://kolobdur.mybb.ru/viewtopic.php?pid=75#p75</guid>
		</item>
		<item>
			<title>Набор новогодних смайликов</title>
			<link>https://kolobdur.mybb.ru/viewtopic.php?pid=69#p69</link>
			<description>&lt;p&gt;Прикольные смайлики:&lt;br /&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://forumstatic.ru/files/000e/37/8b/57080.gif&quot; alt=&quot;https://forumstatic.ru/files/000e/37/8b/57080.gif&quot; /&gt;&lt;br /&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://priroda.inc.ru/prazdnik/smiley/592.gif&quot; alt=&quot;https://priroda.inc.ru/prazdnik/smiley/592.gif&quot; /&gt;&lt;br /&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://priroda.inc.ru/prazdnik/smiley/87.gif&quot; alt=&quot;https://priroda.inc.ru/prazdnik/smiley/87.gif&quot; /&gt;&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Kolobdur)</author>
			<pubDate>Sat, 09 Oct 2021 19:40:49 +0300</pubDate>
			<guid>https://kolobdur.mybb.ru/viewtopic.php?pid=69#p69</guid>
		</item>
		<item>
			<title>Добавление вариантов списков</title>
			<link>https://kolobdur.mybb.ru/viewtopic.php?pid=58#p58</link>
			<description>&lt;p&gt;&lt;strong&gt;Ставить НТМЛ верх:&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 12em&quot;&gt;&lt;pre&gt;&amp;lt;!-- Добавляет варианты списков в вв-панель в Дополнительно --&amp;gt;
&amp;lt;script type=&amp;quot;text/javascript&amp;quot;&amp;gt;
FORUM.set(&#039;editor.addition.tags.numbered&#039;, {name:&#039;Нумерованный список&#039;,onclick:function(){bbcode(&#039;[ul=i]&#039;,&#039;[/ul]&#039;);}});
FORUM.set(&#039;editor.addition.tags.roman&#039;, {name:&#039;Римские цифры&#039;,onclick:function(){bbcode(&#039;[ul=upper-roman]&#039;,&#039;[/ul]&#039;);}});
FORUM.set(&#039;editor.addition.tags.alpha&#039;, {name:&#039;Список буквы&#039;,onclick:function(){bbcode(&#039;[ul=upper-alpha]&#039;,&#039;[/ul]&#039;);}});
&amp;lt;/script&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;quote-box spoiler-box&quot;&gt;&lt;div onclick=&quot;$(this).toggleClass(&#039;visible&#039;); $(this).next().toggleClass(&#039;visible&#039;);&quot;&gt;Примеры&lt;/div&gt;&lt;blockquote&gt;&lt;ul style=&quot;list-style: i&quot;&gt;&lt;li&gt;&lt;p&gt;Один&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Два&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Три&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul style=&quot;list-style: upper-roman&quot;&gt;&lt;li&gt;&lt;p&gt;Один&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Два&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Три&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul style=&quot;list-style: upper-alpha&quot;&gt;&lt;li&gt;&lt;p&gt;Один&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Два&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Три&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/blockquote&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (Kolobdur)</author>
			<pubDate>Sat, 02 Oct 2021 23:55:06 +0300</pubDate>
			<guid>https://kolobdur.mybb.ru/viewtopic.php?pid=58#p58</guid>
		</item>
		<item>
			<title>Полезные статьи</title>
			<link>https://kolobdur.mybb.ru/viewtopic.php?pid=57#p57</link>
			<description>&lt;ul style=&quot;list-style: i&quot;&gt;&lt;li&gt;&lt;p&gt;&lt;a href=&quot;https://habr.com/ru/post/160177/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Код CSS «с душком»&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&lt;a href=&quot;https://css-live.ru/faq/prokachivaem-navyki-otladki-s-pomoshhyu-instrumentov-razrabotchika-chrome-chast-1.html&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Прокачиваем навыки отладки с помощью инструментов разработчика Chrome (часть 1)&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&lt;a href=&quot;https://css-live.ru/faq/prokachivaem-navyki-otladki-s-pomoshhyu-instrumentov-razrabotchika-chrome-chast-2.html&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Прокачиваем навыки отладки с помощью инструментов разработчика Chrome (часть 2)&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&lt;a href=&quot;https://webkyrs.info/page/3-kita-css-selektory-svoistva-znacheniia&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Селекторы. Свойства. Значения. 3 кита CSS.&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&lt;a href=&quot;http://www.css-tricks.ru/articles/css/attribute-selectors&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Селекторы по атрибутам в CSS&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;</description>
			<author>mybb@mybb.ru (Kolobdur)</author>
			<pubDate>Fri, 01 Oct 2021 11:09:21 +0300</pubDate>
			<guid>https://kolobdur.mybb.ru/viewtopic.php?pid=57#p57</guid>
		</item>
		<item>
			<title>Дед мороз на санях</title>
			<link>https://kolobdur.mybb.ru/viewtopic.php?pid=55#p55</link>
			<description>&lt;p&gt;Навеяло с киданием подарков))&lt;br /&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/AHqJlRd.gif&quot; alt=&quot;https://i.imgur.com/AHqJlRd.gif&quot; /&gt;&lt;/p&gt;
						&lt;p&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/RRCl6Fh.gif&quot; alt=&quot;https://i.imgur.com/RRCl6Fh.gif&quot; /&gt;&lt;/p&gt;
						&lt;p&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/ef3eWc9.gif&quot; alt=&quot;https://i.imgur.com/ef3eWc9.gif&quot; /&gt;&lt;/p&gt;
						&lt;p&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/vobAyA3.gif&quot; alt=&quot;https://i.imgur.com/vobAyA3.gif&quot; /&gt;&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Kolobdur)</author>
			<pubDate>Thu, 30 Sep 2021 23:30:24 +0300</pubDate>
			<guid>https://kolobdur.mybb.ru/viewtopic.php?pid=55#p55</guid>
		</item>
		<item>
			<title>Опускаем вниз поста репутацию</title>
			<link>https://kolobdur.mybb.ru/viewtopic.php?pid=53#p53</link>
			<description>&lt;p&gt;Хак для опускания вниз рейтинга в посту:&lt;/p&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 35em&quot;&gt;&lt;pre&gt;&amp;lt;!-- Хак для опускания вниз рейтинга в посту --&amp;gt;
&amp;lt;style&amp;gt;
.post&amp;gt;.container {
display: grid;
grid-template-areas: &amp;quot;author body&amp;quot; &amp;quot;links links&amp;quot;;
grid-template-rows: auto auto;
grid-template-columns: auto 1fr;
}

.post-author {
grid-area: author;
float: none !important;
}

.post-body {
grid-area: body;
margin-left: 0 !important;
padding: 1em !important;
}
 
.post-links {
grid-area: links;
}
 
.post-author, .post-body {word-wrap: break-word;}
 
.post-box {
display: grid;
grid-template-areas: &amp;quot;content content&amp;quot; &amp;quot;vote rating&amp;quot;;
grid-template-rows: 1fr auto 0;
grid-template-columns: 1fr auto;
height: 100%;
padding: 0 !important;
}
 
.post-content {grid-area: content;}
.post-rating {grid-area: rating;}
.post-vote {grid-area: vote;float: right;}
&amp;lt;/style&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
						&lt;p&gt;Добавка/Правка для мобильного стиля:&lt;/p&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 16.5em&quot;&gt;&lt;pre&gt;&amp;lt;style&amp;gt;
@media screen and (max-width: 540px) {
.post&amp;gt;.container {
grid-template-areas: &amp;quot;author&amp;quot; &amp;quot;body&amp;quot; &amp;quot;links&amp;quot;;
grid-template-rows: auto auto auto;
grid-template-columns: auto;
}
}
&amp;lt;/style&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;Возможно придется перекрашивать фон в некоторых стандартных дизайнах, потому что я поменял паддинг местами из внутреннего контейнера в контейнер родителя, то есть из post-box в post-body - в нем сидел баг, который ломал хак..&lt;/p&gt;
						&lt;p&gt;P.S. По поводу grid - у него есть особенность сочетания ширины и высоты в процентах и padding.. grid считает 100% + padding, а не 100% включая padding, поэтому может выходить за рамки контейнера родителя..&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Kolobdur)</author>
			<pubDate>Thu, 30 Sep 2021 18:10:06 +0300</pubDate>
			<guid>https://kolobdur.mybb.ru/viewtopic.php?pid=53#p53</guid>
		</item>
		<item>
			<title>Гирлянды</title>
			<link>https://kolobdur.mybb.ru/viewtopic.php?pid=52#p52</link>
			<description>&lt;p&gt;Гирлянда Маленькие шары&lt;br /&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/2O9MvQ9.gif&quot; alt=&quot;https://i.imgur.com/2O9MvQ9.gif&quot; /&gt;&lt;/p&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 21em&quot;&gt;&lt;pre&gt;&amp;lt;!-- Гирлянда Маленькие шары --&amp;gt;
&amp;lt;style&amp;gt;
.balloons {  
  position: absolute;
  top: 0;
  left: 0;
  height: 33px;
  width: 100%;
  background: url(https://i.imgur.com/2O9MvQ9.gif) repeat;
}
&amp;lt;/style&amp;gt;
&amp;lt;div class=&amp;quot;balloons&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
						&lt;p&gt;Гирлянда Большие шары&lt;br /&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/1pZi3ql.gif&quot; alt=&quot;https://i.imgur.com/1pZi3ql.gif&quot; /&gt;&lt;/p&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 21em&quot;&gt;&lt;pre&gt;&amp;lt;!-- Гирлянда Большие шары --&amp;gt;
&amp;lt;style&amp;gt;
.bigballs {  
  position: absolute;
  top: 0;
  left: 0;
  height: 68px;
  width: 100%;
  background: url(https://i.imgur.com/1pZi3ql.gif) repeat;
}
&amp;lt;/style&amp;gt;
&amp;lt;div class=&amp;quot;bigballs&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
						&lt;p&gt;Лампочки новогодние:&lt;br /&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/2xTDhY4.gif&quot; alt=&quot;https://i.imgur.com/2xTDhY4.gif&quot; /&gt;&lt;/p&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 21em&quot;&gt;&lt;pre&gt;&amp;lt;!-- Лампочки новогодние --&amp;gt;
&amp;lt;style&amp;gt;
.lightbulbs {  
  position: absolute;
  top: 0;
  left: 0;
  height: 33px;
  width: 100%;
  background: url(https://i.imgur.com/2xTDhY4.gif) repeat;
}
&amp;lt;/style&amp;gt;
&amp;lt;div class=&amp;quot;lightbulbs&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
						&lt;p&gt;Ставить НТМЛ верх.&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Kolobdur)</author>
			<pubDate>Thu, 30 Sep 2021 16:48:33 +0300</pubDate>
			<guid>https://kolobdur.mybb.ru/viewtopic.php?pid=52#p52</guid>
		</item>
	</channel>
</rss>
