Украшаем полосу прокрутки

saintroma · Сообщение **saintroma** » 22 мар 2015, 01:13

В начале, желательно перед ссылками на стили вставляем данный код

И пробуйте менять значения размера и цвета

Сообщение **veglion** » 22 мар 2015, 02:20

saintroma писал(а):В начале, желательно перед ссылками на стили вставляем данный код

::-webkit-scrollbar{width:16px;height:16px} ::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {height:0px;display:block;background-color:transparent} ::-webkit-scrollbar-track-piece {background-color:#f2f2f2}::-webkit-scrollbar-thumb:vertical{height:50px;background-color:#CBCBCB;border:2px solid #f2f2f2}

И пробуйте менять значения размера и цвета

Почему-то не пашет :ne_vi_del:

Как вставлять-то?

saintroma · Сообщение **saintroma** » 22 мар 2015, 02:37

Прошу прощения. Это я для стиля написал. стиль.css в любом месте
а в html коде как и говорил тоже самое только добавить

Код: Выделить всё

<style>
::-webkit-scrollbar{width:16px;height:16px} 
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {height:0px;display:block;background-color:transparent}
::-webkit-scrollbar-track-piece {background-color:#f2f2f2}
::-webkit-scrollbar-thumb:vertical{height:50px;background-color:#CBCBCB;border:2px solid #f2f2f2}
<style>

YouTube · Сообщение **Alex** » 22 мар 2015, 10:59

viewtopic.php?p=3705#p3705

saintroma · Сообщение **saintroma** » 22 мар 2015, 12:29

Alex, а нафига загромождать лишним кодом и скриптами? Это отличный (лучший) вариант для изменения стиля.

YouTube · Сообщение **Alex** » 22 мар 2015, 12:39

Я привёл как вариант, любой вариант может быть полезен.
Опиши подробнее, куда и как что вставлять, что бы не было:

veglion писал(а):Источник цитаты Почему-то не пашет Как вставлять-то?

Желательно скриншоты.

saintroma · Сообщение **saintroma** » 22 мар 2015, 12:48

Вставляется очень легко. В HTML между head и head .Лучшее расположение это конечно вначале. Вот для примера

А можно просто открыть файл стиля.css выгруженного на хостинг и вставить в начале без тегов <style><style>

YouTube · Сообщение **Alex** » 22 мар 2015, 13:28

Я попробовал, у меня что то ни чего не меняется.

saintroma · Сообщение **saintroma** » 22 мар 2015, 17:05

Alex писал(а):Я попробовал, у меня что то ни чего не меняется.

Скинь свой HTML

YouTube · Сообщение **Alex** » 22 мар 2015, 17:07

А что скидывать то, чистый проект и:

2015.03.22_16h06m11s_001_.jpg

saintroma · Сообщение **saintroma** » 22 мар 2015, 17:18

Вот скопируй в блокнот и переименуй в .html

Код: Выделить всё

<!DOCTYPE html>
<html dir="ltr" lang="ru">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<style> 
::-webkit-scrollbar{width:16px;height:16px} 
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {height:0px;display:block;background-color:transparent} 
::-webkit-scrollbar-track-piece {background-color:#333333}
::-webkit-scrollbar-thumb:vertical{height:50px;background-color:#777777;border:2px solid #333333}
</style> 
<title>Украшаем полосу прокрутки - WYSIWYG Web Builder</title>


   <link rel="canonical" href="http://wysiwygwebbuilder.ru/forum/viewtopic.php?t=3104" />

<!--
   phpBB style name: prosilver
   Based on style:   prosilver (this is the default phpBB3 style)
   Original author:  Tom Beddard ( http://www.subBlue.com/ )
   Modified by:
-->

<link href="./styles/prosilver/theme/print.css?assets_version=130" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="./styles/prosilver/theme/stylesheet.css?assets_version=130" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="./styles/prosilver/theme/ru/stylesheet.css?assets_version=130" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="./styles/prosilver/theme/responsive.css?assets_version=130" rel="stylesheet" type="text/css" media="only screen and (max-width: 700px), only screen and (max-device-width: 700px)" />


   <link href="./styles/prosilver/theme/plupload.css?assets_version=130" rel="stylesheet" type="text/css" media="screen, projection" />

<!--[if lte IE 9]>
   <link href="./styles/prosilver/theme/tweaks.css?assets_version=130" rel="stylesheet" type="text/css" media="screen, projection" />
<![endif]-->

<link rel="stylesheet" type="text/css" href="http://wysiwygwebbuilder.ru/forum/ext/bb3mobi/highslide/highslide.css" />
               <script type="text/javascript">
// <![CDATA[   
   function switchProfiles() {
      var pss_cont = $('#page-body');
      var pss_btn = $('#profile-switcher');
      var pss_url = pss_btn.attr('href');
      var pss_left = pss_cont.hasClass('leftsided');
      
      phpbb.addAjaxCallback('pss', function(res) {
         if (res.success) {
            if(pss_left) {
               pss_cont.removeClass('leftsided');
               pss_btn.parent('li').attr('class', 'small-icon icon-pss-left');
               pss_btn.html('Минипрофили слева');
               pss_url = pss_url.substring(0, pss_url.length - 1) + '1';
            } else {
               pss_cont.addClass('leftsided');
               pss_btn.parent('li').attr('class', 'small-icon icon-pss-right');
               pss_btn.html('Минипрофили справа');
               pss_url = pss_url.substring(0, pss_url.length - 1) + '0';
            }
            pss_btn.attr('href', pss_url);
         }
      });
   }
// ]]>
</script>


<link href="./ext/bb3mobi/header/styles/prosilver/theme/colours.css?assets_version=130" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="./ext/dimmmcom/quote/styles/prosilver/theme/colours.css?assets_version=130" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="./ext/dmzx/loadingindicator/styles/prosilver/theme/loading_indicator.css?assets_version=130" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="./ext/pico/reputation/styles/prosilver/theme/reputation_common.css?assets_version=130" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="./ext/pico/reputation/styles/prosilver/theme/reputation_viewtopic.css?assets_version=130" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="./ext/tatiana5/profileSideSwitcher/styles/prosilver/theme/profile_side_switcher.css?assets_version=130" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="./ext/tatiana5/profileSideSwitcher/styles/prosilver/theme/ru/profile_side_switcher.css?assets_version=130" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="./ext/vse/scrolltotop/styles/all/theme/scrolltotop.css?assets_version=130" rel="stylesheet" type="text/css" media="screen, projection" />


<script type="text/javascript">
(function (d, w, c) {
    (w[c] = w[c] || []).push(function() {
        try {
            w.yaCounter12390586 = new Ya.Metrika({id:12390586,
                    webvisor:true,
                    clickmap:true,
                    trackLinks:true,
                    accurateTrackBounce:true});
        } catch(e) { }
    });

    var n = d.getElementsByTagName("script")[0],
        s = d.createElement("script"),
        f = function () { n.parentNode.insertBefore(s, n); };
    s.type = "text/javascript";
    s.async = true;
    s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js";

    if (w.opera == "[object Opera]") {
        d.addEventListener("DOMContentLoaded", f, false);
    } else { f(); }
})(document, window, "yandex_metrika_callbacks");
</script>
<noscript><div><img src="//mc.yandex.ru/watch/12390586" style="position:absolute; left:-9999px;" alt="" /></div></noscript>

</head>
<body id="phpbb" class="nojs notouch section-viewtopic ltr ">

<div id="loading-indicator">
   <span>Загружаю...</span>
</div>
<div id="wrap">
   <a id="top" class="anchor" accesskey="t"></a>
   <div id="page-header">
      <div class="headerbar">
         <div class="inner">

         <div id="site-description">
            <a id="logo" class="logo" href="./index.php" title="Форум WYSIWYG Web Builder по-русски"><span class="imageset site_logo"></span></a>
            <p>Русскоязычный форум WYSIWYG Web Builder</p>
            <p class="skiplink"><a href="#start_here">Пропустить</a></p>
         </div>

                  <div id="search-box" class="search-box search-header">
            <form action="./search.php" method="get" id="search">
            <fieldset>
               <input name="keywords" id="keywords" type="search" maxlength="128" title="Ключевые слова" class="inputbox search tiny" size="20" value="" placeholder="Поиск…" />
               <button class="button icon-button search-icon" type="submit" title="Поиск">Поиск</button>
               <a href="./search.php" class="button icon-button search-adv-icon" title="Расширенный поиск">Расширенный поиск</a>
               
            </fieldset>
            </form>
         </div>
         
         </div>
      </div>

      <div class="navbar" role="navigation">
   <div class="inner">

   <ul id="nav-main" class="linklist bulletin" role="menubar">

      <li id="quick-links" class="small-icon responsive-menu dropdown-container" data-skip-responsive="true">
         <a href="#" class="responsive-menu-link dropdown-trigger">Ссылки</a>
         <div class="dropdown hidden">
            <div class="pointer"><div class="pointer-inner"></div></div>
            <ul class="dropdown-contents" role="menu">
               
                                 <li class="separator"></li>
                                       <li class="small-icon icon-search-self"><a href="./search.php?search_id=egosearch" role="menuitem">Ваши сообщения</a></li>
                                                         <li class="small-icon icon-search-new"><a href="./search.php?search_id=newposts" role="menuitem">Новые сообщения</a></li>
                                     
                     <li class="small-icon icon-search-unread"><a href="./search.php?search_id=unreadposts" role="menuitem">Непрочитанные сообщения</a></li>
                                    <li class="small-icon icon-search-unanswered"><a href="./search.php?search_id=unanswered" role="menuitem">Сообщения без ответов</a></li>
                  <li class="small-icon icon-search-active"><a href="./search.php?search_id=active_topics" role="menuitem">Активные темы</a></li>
                  <li class="separator"></li>
                  <li class="small-icon icon-search"><a href="./search.php" role="menuitem">Поиск</a></li>
               
                                 <li class="separator"></li>
                  <li class="small-icon icon-members"><a href="./memberlist.php" role="menuitem">Пользователи</a></li>                  <li class="small-icon icon-team"><a href="./memberlist.php?mode=team" role="menuitem">Наша команда</a></li>                              <li class="separator"></li>

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

         <li class="small-icon icon-s" data-last-responsive="true"><a href="http://store.esellerate.net/a.asp?c=0_SKU76352727419_AFL2073466546&at=" target="_blank" title="Купить WYSIWYG Web Builder" role="menuitem">Купить</a></li>
   <li class="small-icon icon-download2" data-last-responsive="true"><a href="http://wysiwygwebbuilder.ru/forum/viewforum.php?f=6" title="Скачать WYSIWYG Web Builder" role="menuitem">Скачать</a></li>
   <li class="small-icon icon-buy" data-last-responsive="true"><a href="http://shop.wysiwygwebbuilder.ru/" target="_blank" title="Онлайн-магазин Web Builder Shop" role="menuitem">Онлайн-магазин Web Builder Shop</a></li>
      <li class="small-icon icon-faq2" data-last-responsive="true"><a href="http://wysiwygwebbuilder.ru/forum/viewforum.php?f=10" title="Часто задаваемые вопросы" role="menuitem">Часто задаваемые вопросы</a></li>
                  
         <li id="username_logged_in" class="rightside  no-bulletin" data-skip-responsive="true">
                  <div class="header-profile dropdown-container">
            <a href="./ucp.php" class="header-avatar dropdown-trigger"><img src="./download/file.php?avatar=g2_1425422916.jpg" width="128" height="128" alt="Аватара пользователя" /> <span style="color: #000080;" class="username-coloured">saintroma</span></a>
            <div class="dropdown hidden">
               <div class="pointer"><div class="pointer-inner"></div></div>
               <ul class="dropdown-contents" role="menu">
                     
                     
                  <li class="small-icon icon-ucp"><a href="./ucp.php" title="Личный раздел" role="menuitem">Личный раздел</a></li>
                  <li class="small-icon icon-profile"><a href="./memberlist.php?mode=viewprofile&amp;u=6469" title="Профиль" role="menuitem">Профиль</a></li>
   
                     
                  <li class="separator"></li>
                  <li class="small-icon icon-logout"><a href="./ucp.php?mode=logout&amp;sid=30eb1c178d3533713d3486d8a8cc6885" title="Выход" accesskey="x" role="menuitem">Выход</a></li>
               </ul>
            </div>
         </div>
               </li>
               <li class="small-icon icon-pm rightside" data-skip-responsive="true">
            <a href="./ucp.php?i=pm&amp;folder=inbox" role="menuitem"><span>Личные сообщения [</span><strong>0</strong><span>]</span></a>
         </li>
                     <li class="small-icon icon-notification dropdown-container dropdown-right rightside" data-skip-responsive="true">
            <a href="./ucp.php?i=ucp_notifications" id="notification_list_button" class="dropdown-trigger"><span>Уведомления [</span><strong>0</strong><span>]</span></a>
            <div id="notification_list" class="dropdown dropdown-extended notification_list">
   <div class="pointer"><div class="pointer-inner"></div></div>
   <div class="dropdown-contents">
      <div class="header">
         Уведомления
         <span class="header_settings">
            <a href="./ucp.php?i=ucp_notifications&amp;mode=notification_options">Настройки</a>
                     </span>
      </div>

      <ul>
                              <li class="">
                                 <a class="notification-block" href="./viewtopic.php?p=19994#p19994">
                                 <img src="./download/file.php?avatar=2620_1382812506.jpg" width="120" height="115" alt="Аватара пользователя" />                  <div class="notification_text">
                     <p class="notification-title"><strong>Цитата</strong> от пользователя <span style="color: #000080;" class="username-coloured">veglion</span> в сообщении:</p>
                     <p class="notification-reference">«Украшаем полосу прокрутки»</p>                                                               <p class="notification-time">22 мар 2015, 02:20</p>
                  </div>
               </a>                           </li>
                     <li class="">
                                 <a class="notification-block" href="./viewtopic.php?p=19767#p19767">
                                 <img src="./download/file.php?avatar=2_1425668435.gif" width="128" height="128" alt="Аватара пользователя" />                  <div class="notification_text">
                     <p class="notification-title"><strong>Цитата</strong> от пользователя <span style="color: #AA0000;" class="username-coloured">Alex</span> в сообщении:</p>
                     <p class="notification-reference">«Если вы думаете, что у Вас всё совсем плохо...»</p>                                                               <p class="notification-time">12 мар 2015, 17:48</p>
                  </div>
               </a>                           </li>
               </ul>

      <div class="footer">
         <a href="./ucp.php?i=ucp_notifications"><span>Показать все</span></a>
      </div>
   </div>
</div>
         </li>
            </ul>

   <ul id="nav-breadcrumbs" class="linklist navlinks" role="menubar">
                  <li class="small-icon icon-home breadcrumbs">
                           <span class="crumb"><a href="./index.php" accesskey="h" itemtype="http://data-vocabulary.org/Breadcrumb" itemscope="" data-navbar-reference="index">Форум WYSIWYG Web Builder по-русски</a></span>
                                 <span class="crumb"><a href="./viewforum.php?f=3" itemtype="http://data-vocabulary.org/Breadcrumb" itemscope="" data-forum-id="3">WYSIWYG Web Builder</a></span>
                                             <span class="crumb"><a href="./viewforum.php?f=11" itemtype="http://data-vocabulary.org/Breadcrumb" itemscope="" data-forum-id="11">WYSIWYG Web Builder Советы, рекомендации, учебники и примеры кода.</a></span>
                                    </li>
      
               <li class="rightside responsive-search" style="display: none;"><a href="./search.php" title="Параметры расширенного поиска" role="menuitem">Поиск</a></li>
         </ul>

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

      <div class="navbar" style="background-color:#0000;text-align:center;margin-top:4px;overflow:hidden;">
   <a href="http://shop.wysiwygwebbuilder.ru/?tracking=54edcfa554c3d" target="_blank"><img src="http://wysiwygwebbuilder.ru/files/wwbs-ban.gif" width="468" height="60" alt="Web Builder Shop: ??????-??????? ??????? ???????."></a>
   </div>

   <a id="start_here" class="anchor"></a>
   <div id="page-body">
      
      <div id="ft"></div>   <script type="text/javascript">
   // <![CDATA[
      var pss_cont = document.getElementById('page-body');
      pss_cont.className = 'leftsided';
   // ]]>
   </script>

<h2 class="topic-title"><a href="./viewtopic.php?f=11&amp;t=3104">Украшаем полосу прокрутки</a></h2>
<!-- NOTE: remove the style="display: none" when you want to have the forum description on the topic body -->
<div style="display: none !important;">Вы хотите поделиться советами и подсказками для WYSIWYG Web Builder, разместить обучающие или полезные HTML-коды? Вы можете это сделать здесь ...<br /></div>

   <div class="rules">
      <div class="inner">

               <strong>Правила форума</strong><br />
         <span style="font-weight: bold">1.</span> Название темы должно кратко описывать суть вашего вопроса, темы типа: &quot;Помогите&quot;, &quot;Почему&quot;, &quot;Что это&quot;, &quot;Что-то глючит&quot; - будут удаляться.<br /><span style="font-weight: bold">2.</span> Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта <span style="font-weight: bold">*.wtp</span>.<br /><span style="font-weight: bold">Подробнее:</span> <a href="http://wysiwygwebbuilder.ru/forum/viewtopic.php?f=5&amp;p=4249#p4249" class="postlink"><span style="font-weight: bold">Правила создания новых тем и ответов на существующие темы.</span></a><br />Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума <span style="font-weight: bold">Web Builder по-русски</span> с удовольствием вам помогут, если это будет в их силах.
      
      </div>
   </div>

<div class="action-bar top">

   <div class="buttons">
      
         <a href="./posting.php?mode=reply&amp;f=11&amp;t=3104" class="button icon-button reply-icon" title="Ответить">
         Ответить      </a>
   
         </div>

      <div class="dropdown-container dropdown-button-control topic-tools">
      <span title="Управление темой" class="button icon-button tools-icon dropdown-trigger dropdown-select"></span>
      <div class="dropdown hidden">
         <div class="pointer"><div class="pointer-inner"></div></div>
         <ul class="dropdown-contents">
                                       <li class="small-icon icon-subscribe">
                  <a href="./viewtopic.php?uid=6469&amp;f=11&amp;t=3104&amp;watch=topic&amp;start=0&amp;hash=0e45196e" class="watch-topic-link" title="Подписаться на тему" data-ajax="toggle_link" data-toggle-class="small-icon icon-unsubscribe" data-toggle-text="Отписаться от темы" data-toggle-url="./viewtopic.php?uid=6469&amp;f=11&amp;t=3104&amp;unwatch=topic&amp;start=0&amp;hash=0e45196e" data-update-all=".watch-topic-link">Подписаться на тему</a>
               </li>
                                       <li class="small-icon icon-bookmark">
                  <a href="./viewtopic.php?f=11&amp;t=3104&amp;bookmark=1&amp;hash=0e45196e" class="bookmark-link" title="В закладки" data-ajax="alt_text" data-alt-text="Удалить из закладок" data-update-all=".bookmark-link">В закладки</a>
               </li>
                                    <li class="small-icon icon-sendemail"><a href="./memberlist.php?mode=email&amp;t=3104" title="Отправить тему по email">Отправить тему по email</a></li>            <li class="small-icon icon-print"><a href="./viewtopic.php?f=11&amp;t=3104&amp;view=print" title="Версия для печати" accesskey="p">Версия для печати</a></li>                     <li class="small-icon icon-pss-right">
         <a href="./viewtopic.php?f=11&amp;t=3104&amp;pss=0" id="profile-switcher" onclick="switchProfiles(); return false;" data-ajax="pss">Минипрофили справа</a>
      </li>
            </ul>
      </div>
   </div>

         <div class="search-box">
         <form method="get" id="topic-search" action="./search.php">
         <fieldset>
            <input class="inputbox search tiny"  type="search" name="keywords" id="search_keywords" size="20" placeholder="Поиск в теме…" />
            <button class="button icon-button search-icon" type="submit" title="Поиск">Поиск</button>
            <a href="./search.php" class="button icon-button search-adv-icon" title="Расширенный поиск">Расширенный поиск</a>
            <input type="hidden" name="t" value="3104" />
<input type="hidden" name="sf" value="msgonly" />

         </fieldset>
         </form>
      </div>
   
         <div class="pagination">
         <a href="#unread" class="mark">Первое новое сообщение</a> &bull; 2 сообщения
                     &bull; Страница <strong>1</strong> из <strong>1</strong>
               </div>
   
</div>


   <div id="posts">

   <div id="posts_content">

      <div id="p19993" class="post has-profile bg2 online">
      <div class="inner">

      <dl class="postprofile" id="profile19993">
         <dt class="has-profile-rank has-avatar">
            <div class="avatar-container">
                                                <a href="./memberlist.php?mode=viewprofile&amp;u=6469" class="avatar"><img src="./download/file.php?avatar=g2_1425422916.jpg" width="128" height="128" alt="Аватара пользователя" /></a>                              <!--
*
* @package Topic Author
* @author dmzx (www.dmzx-web.net)
* @copyright (c) 2014 by dmzx (www.dmzx-web.net)
* @license http://opensource.org/licenses/gpl-license.php GNU Public License
* 
-->

</div>
<div>
<br /><strong style="color: #048D06;">Автор темы</strong>            </div>
                        <a href="./memberlist.php?mode=viewprofile&amp;u=6469" style="color: #000080;" class="username-coloured">saintroma</a>                     </dt>

         <dd class="profile-rank">Читатель<br /><img src="./images/ranks/rank0.png" alt="Читатель" title="Читатель" /></dd>
      <dd class="profile-posts"><strong>Сообщения:</strong> <a href="./search.php?author_id=6469&amp;sr=posts">9</a></dd>      <dd class="profile-joined"><strong>Зарегистрирован:</strong> 21 фев 2015, 19:25</dd>      
      
         <dd id="profile-6469" class="user-reputation"><strong>Репутация:</strong> <a href="/forum/app.php/reputation/details/user/6469" data-referer="_referer=http://wysiwygwebbuilder.ru/forum/viewtopic.php?f=11&amp;t=3104"><span>0</span></a></dd>
                           <dd class="profile-custom-field profile-version_wb"><strong>Версия Web Builder:</strong> 10.3</dd>
                     
                     <dd class="profile-contact">
            <strong>Контактная информация:</strong>
            <div class="dropdown-container dropdown-left">
               <a href="#" class="dropdown-trigger"><span class="imageset icon_contact" title="Контактная информация пользователя saintroma">Контактная информация пользователя saintroma</span></a>
               <div class="dropdown hidden">
                  <div class="pointer"><div class="pointer-inner"></div></div>
                  <div class="dropdown-contents contact-icons">
                                                                                                                        <div>
                                                   <a href="./ucp.php?i=pm&amp;mode=compose&amp;action=quotepost&amp;p=19993" title="Отправить личное сообщение" class="last-cell">
                              <span class="contact-icon pm-icon">Отправить личное сообщение</span>
                           </a>
                                                   </div>
                                                               </div>
               </div>
            </div>
         </dd>
            
      </dl>

      <div class="postbody">
                  <div id="post_content19993">

         <h3 class="first"><a href="#p19993">Украшаем полосу прокрутки</a></h3>

                           <ul class="post-buttons">
                        <li data-skip-responsive="true">
         <a href="/forum/app.php/reputation/rate/post/positive/19993" title="Повысить репутацию" class="button icon-button rate-good-icon own" data-referer="_referer=http://wysiwygwebbuilder.ru/forum/viewtopic.php?f=11&amp;t=3104"><span>Повысить репутацию</span></a>
      </li>
         <li data-skip-responsive="true">
               <a href="/forum/app.php/reputation/details/post/19993" title="Повысить репутацию" class="button post-reputation neutral" data-referer="_referer=http://wysiwygwebbuilder.ru/forum/viewtopic.php?f=11&amp;t=3104"><span>0</span></a>
         </li>
                                                               <li>
                     <a href="./report.php?f=11&amp;p=19993" title="Пожаловаться на это сообщение" class="button icon-button report-icon"><span>Пожаловаться на это сообщение</span></a>
                  </li>
                                                                              <li>
                     <a href="./posting.php?mode=quote&amp;f=11&amp;p=19993" title="Ответить с цитатой" class="button icon-button quote-icon"><span>Цитата</span></a>
                  </li>
                                          </ul>
               
         <p class="author"><a href="./viewtopic.php?p=19993#p19993"><span class="imageset icon_post_target" title="Сообщение">Сообщение</span></a><span class="responsive-hide"> <strong><a href="./memberlist.php?mode=viewprofile&amp;u=6469" style="color: #000080;" class="username-coloured">saintroma</a></strong> &raquo; </span>22 мар 2015, 01:13 </p>

         
         
         <div class="content">В начале, желательно перед ссылками на стили вставляем данный код<br /><div id="spoiler"><div><input type="button" value="Показать спойлер" style="width:150px;font-size:12px;margin:10px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Спрятать спойлер'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Еще раз показать?'; }" />
<div id="show" style="display: none; background-color:transparent; margin: 0px;border-style:solid;border-width:1px; padding: 4px; width:98%">::-webkit-scrollbar{width:16px;height:16px} ::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {height:0px;display:block;background-color:transparent} ::-webkit-scrollbar-track-piece {background-color:#f2f2f2}::-webkit-scrollbar-thumb:vertical{height:50px;background-color:#CBCBCB;border:2px solid #f2f2f2}<div id="hide"></div></div></div> </div><br />И пробуйте менять значения размера и цвета</div>

         
                           
                           
                  </div>

      </div>

      <div class="back2top"><a href="#top" class="top" title="Вернуться к началу">Вернуться к началу</a></div>

      </div>
   </div>

   <hr class="divider" />
      

   </div>
   <div id="post_ajax">
      <div id="post_ajax_content" numrow="1">
         <a id="unread" class="anchor"></a>
      <div id="p19994" class="post has-profile bg1 unreadpost online">
      <div class="inner">

      <dl class="postprofile" id="profile19994">
         <dt class="has-profile-rank has-avatar">
            <div class="avatar-container">
                                                <a href="./memberlist.php?mode=viewprofile&amp;u=2620" class="avatar"><img src="./download/file.php?avatar=2620_1382812506.jpg" width="120" height="115" alt="Аватара пользователя" /></a>                              <!--
*
* @package Topic Author
* @author dmzx (www.dmzx-web.net)
* @copyright (c) 2014 by dmzx (www.dmzx-web.net)
* @license http://opensource.org/licenses/gpl-license.php GNU Public License
* 
-->

</div>
<div>
<br />            </div>
                        <a href="./memberlist.php?mode=viewprofile&amp;u=2620" style="color: #000080;" class="username-coloured">veglion</a>                     </dt>

         <dd class="profile-rank">Читатель<br /><img src="./images/ranks/rank0.png" alt="Читатель" title="Читатель" /></dd>
      <dd class="profile-posts"><strong>Сообщения:</strong> <a href="./search.php?author_id=2620&amp;sr=posts">13</a></dd>      <dd class="profile-joined"><strong>Зарегистрирован:</strong> 17 окт 2013, 11:50</dd>      
      
         <dd id="profile-2620" class="user-reputation"><strong>Репутация:</strong> <a href="/forum/app.php/reputation/details/user/2620" data-referer="_referer=http://wysiwygwebbuilder.ru/forum/viewtopic.php?f=11&amp;t=3104"><span>0</span></a></dd>
            
                     <dd class="profile-contact">
            <strong>Контактная информация:</strong>
            <div class="dropdown-container dropdown-left">
               <a href="#" class="dropdown-trigger"><span class="imageset icon_contact" title="Контактная информация пользователя veglion">Контактная информация пользователя veglion</span></a>
               <div class="dropdown hidden">
                  <div class="pointer"><div class="pointer-inner"></div></div>
                  <div class="dropdown-contents contact-icons">
                                                                                                                        <div>
                                                   <a href="./ucp.php?i=pm&amp;mode=compose&amp;action=quotepost&amp;p=19994" title="Отправить личное сообщение" class="last-cell">
                              <span class="contact-icon pm-icon">Отправить личное сообщение</span>
                           </a>
                                                   </div>
                                                               </div>
               </div>
            </div>
         </dd>
            
      </dl>

      <div class="postbody">
                  <div id="post_content19994">

         <h3 ><a href="#p19994">Украшаем полосу прокрутки</a></h3>

                           <ul class="post-buttons">
                        <li data-skip-responsive="true">
         <a href="/forum/app.php/reputation/rate/post/positive/19994" title="Повысить репутацию" class="button icon-button rate-good-icon" data-referer="_referer=http://wysiwygwebbuilder.ru/forum/viewtopic.php?f=11&amp;t=3104"><span>Повысить репутацию</span></a>
      </li>
         <li data-skip-responsive="true">
               <a href="/forum/app.php/reputation/details/post/19994" title="Повысить репутацию" class="button post-reputation neutral" data-referer="_referer=http://wysiwygwebbuilder.ru/forum/viewtopic.php?f=11&amp;t=3104"><span>0</span></a>
         </li>
                                                               <li>
                     <a href="./report.php?f=11&amp;p=19994" title="Пожаловаться на это сообщение" class="button icon-button report-icon"><span>Пожаловаться на это сообщение</span></a>
                  </li>
                                                                              <li>
                     <a href="./posting.php?mode=quote&amp;f=11&amp;p=19994" title="Ответить с цитатой" class="button icon-button quote-icon"><span>Цитата</span></a>
                  </li>
                                          </ul>
               
         <p class="author"><a href="./viewtopic.php?p=19994#p19994"><span class="imageset icon_post_target_unread" title="Непрочитанное сообщение">Непрочитанное сообщение</span></a><span class="responsive-hide"> <strong><a href="./memberlist.php?mode=viewprofile&amp;u=2620" style="color: #000080;" class="username-coloured">veglion</a></strong> &raquo; </span>22 мар 2015, 02:20 </p>

         
         
         <div class="content"><blockquote><div><cite>saintroma писал(а):</cite>В начале, желательно перед ссылками на стили вставляем данный код<br /><div id="spoiler"><div><input type="button" value="Показать спойлер" style="width:150px;font-size:12px;margin:10px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Спрятать спойлер'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Еще раз показать?'; }" />
<div id="show" style="display: none; background-color:transparent; margin: 0px;border-style:solid;border-width:1px; padding: 4px; width:98%">::-webkit-scrollbar{width:16px;height:16px} ::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {height:0px;display:block;background-color:transparent} ::-webkit-scrollbar-track-piece {background-color:#f2f2f2}::-webkit-scrollbar-thumb:vertical{height:50px;background-color:#CBCBCB;border:2px solid #f2f2f2}<div id="hide"></div></div></div> </div><br />И пробуйте менять значения размера и цвета</div></blockquote><br /><br />Почему-то не пашет  <img class="smilies" src="./images/smilies/bn.gif" alt=":ne_vi_del:" title="Не видал?" />  Как вставлять-то?</div>

         
                           
                           
                  </div>

      </div>

      <div class="back2top"><a href="#top" class="top" title="Вернуться к началу">Вернуться к началу</a></div>

      </div>
   </div>

   <hr class="divider" />
         </div>
   </div>
</div>

         <div id="preview" class="post bg2" style="display: none; margin-top: 50px;"><div class="inner"><div class="postbody"><h3></h3><div class="content"></div></div></div></div>
   
   <form method="post" action="./posting.php?mode=reply&amp;f=11&amp;t=3104" enctype="multipart/form-data" id="qr_postform">
   <div class="panel">
      <div class="inner">
            <h2 class="quickreply-title">Быстрый ответ</h2>
            <fieldset class="fields1">
               <dl style="clear: left;">
                  <dt><label for="subject">Заголовок:</label></dt>
                  <dd><input type="text" name="subject" id="subject" size="45" maxlength="124" tabindex="2" value="Украшаем полосу прокрутки" class="inputbox autowidth" /></dd>
               </dl>
            <input type="hidden" name="qr" value="1" />

<script type="text/javascript">
// <![CDATA[
   var form_name = 'qr_postform';
   var text_name = 'message';
   var load_draft = false;
   var upload = false;

   // Define the bbCode tags
   var bbcode = new Array();
   var bbtags = new Array('[b]','[/b]','[i]','[/i]','[u]','[/u]','[quote]','[/quote]','[code]','[/code]','[list]','[/list]','[list=]','[/list]','[img]','[/img]','[url]','[/url]','[flash=]', '[/flash]','[size=]','[/size]', '[center]', '[/center]', '[font=]', '[/font]', '[hide]', '[/hide]', '[justify]', '[/justify]', '[left]', '[/left]', '[link=]', '[/link]', '[right]', '[/right]', '[s]', '[/s]', '[spoiler]', '[/spoiler]', '[youtube]', '[/youtube]');
   var imageTag = false;

   // Helpline messages
   var help_line = {
      b: 'Жирный текст: [b]текст[/b]',
      i: 'Наклонный текст: [i]текст[/i]',
      u: 'Подчёркнутый текст: [u]текст[/u]',
      q: 'Цитата: [quote]текст[/quote]',
      c: 'Код: [code]code[/code]',
      l: 'Список: [list][*]текст[/list]',
      o: 'Упорядоченный список: [list=1][*]Пункт первый[/list] или [list=a][*]Пункт a[/list]',
      p: 'Вставить изображение: [img]http://image_url[/img]',
      w: 'Вставить ссылку: [url]http://url[/url] или [url=http://url]Текст ссылки[/url]',
      a: 'Вставить вложение в текст сообщения: [attachment=]filename.ext[/attachment]',
      s: 'Цвет шрифта: [color=red]текст[/color] или [color=#FF0000]текст[/color]',
      f: 'Размер шрифта: [size=85]маленький шрифт[/size]',
      y: 'Список: добавить элемент списка',
      d: 'Флэш: [flash=width,height]http://url[/flash]'
               ,cb_22: 'Текст, выровненный по центру: [center]текст[/center]'
               ,cb_24: 'Шрифт: [font=название шрифта]Текст[/font]'
               ,cb_26: 'Скрытый текст от гостей: [hide]текст[/hide]'
               ,cb_28: 'Текст, выровненный по ширине: [justify]текст[/justify]'
               ,cb_30: 'Текст, выровненный по левому краю: [left]текст[/left]'
               ,cb_32: 'ссылка ввиде кнопки [link=имя кнопки]ссылка[/link]'
               ,cb_34: 'Текст, выровненный по правому краю: [right]текст[/right]'
               ,cb_36: 'Зачёркнутый текст: [s]текст[/s]'
               ,cb_38: '[spoiler]Ваш текст[/spoiler]'
               ,cb_40: 'YouTube: [youtube]Тут ссылка на видеофайл[/youtube]'
         }

   function change_palette()
   {
      phpbb.toggleDisplay('colour_palette');
      e = document.getElementById('colour_palette');

      if (e.style.display == 'block')
      {
         document.getElementById('bbpalette').value = 'Скрыть панель цветов';
      }
      else
      {
         document.getElementById('bbpalette').value = 'Цвет шрифта';
      }
   }

   function qr_formatToggle(s) 
   {
      var t = new String();
      var sc = s.length;
      var c;
      for (i = 0; i < sc; i++) 
      {
         c = s.charAt(i);
         if (c.toLowerCase() == c) 
         {
            c = c.toUpperCase();
         } 
         else if (c.toUpperCase() == c) 
         {
            c = c.toLowerCase();
         }
         t += c;
      }
      return t;
   }
    //param: reg = 0 -  lowercase, reg = 1 - uppercase, reg = 2 - inverse
   function qr_updateCase(reg) 
   {
      var buf = new String;
      var selection = false;
      var txtarea = document.forms[form_name].elements[text_name];
      var regexp;
      var i;
      var start;
      var end;

      if (document.selection) 
      {
         selection = document.selection.createRange().text;
         buf = selection;
      }
      else if (typeof (txtarea.selectionStart) == "number") 
      {
         start = txtarea.selectionStart;
         end = txtarea.selectionEnd;
         if (start != end) 
         {
            buf = txtarea.value.substr(start, end - start);
         }
         else
         {
            buf = txtarea.value;
         }
      }
      switch (parseInt(reg))
      {
         case 0:
            buf = buf.toLowerCase();
         break;
         
         case 1:
            buf = buf.toUpperCase();
         break;
         
         case 2:
            buf = qr_formatToggle(buf);
         break;
      }
      

      if (selection)
      {
         eval('regexp = /' + selection + '/');
         txtarea.value = txtarea.value.replace(regexp, buf);
      }
      else 
      {
         if (start != end)
         {
            txtarea.value = txtarea.value.substr(0, start) + buf + txtarea.value.substr(end);
         }
         else
         {
            txtarea.value = buf;
         }
      }

      selection = '';
      buf = '';

      txtarea.focus();
   }
// ]]>
</script>

<div id="colour_palette" style="display: none;">
   <dl style="clear: left;">
      <dt><label>Цвет шрифта:</label></dt>
      <dd id="color_palette_placeholder" data-orientation="h" data-height="12" data-width="15" data-bbcode="true"></dd>
   </dl>
</div>

      <div class="dropdown-container dropdown-button-control topic-tools">
      <span title="Управление темой" class="button icon-button tools-icon dropdown-trigger dropdown-select"></span>
      <div class="dropdown hidden">
         <div class="pointer"><div class="pointer-inner"></div></div>
         <ul class="dropdown-contents">
                                       <li class="small-icon icon-subscribe">
                  <a href="./viewtopic.php?uid=6469&amp;f=11&amp;t=3104&amp;watch=topic&amp;start=0&amp;hash=0e45196e" class="watch-topic-link" title="Подписаться на тему" data-ajax="toggle_link" data-toggle-class="small-icon icon-unsubscribe" data-toggle-text="Отписаться от темы" data-toggle-url="./viewtopic.php?uid=6469&amp;f=11&amp;t=3104&amp;unwatch=topic&amp;start=0&amp;hash=0e45196e" data-update-all=".watch-topic-link">Подписаться на тему</a>
               </li>
                                       <li class="small-icon icon-bookmark">
                  <a href="./viewtopic.php?f=11&amp;t=3104&amp;bookmark=1&amp;hash=0e45196e" class="bookmark-link" title="В закладки" data-ajax="alt_text" data-alt-text="Удалить из закладок" data-update-all=".bookmark-link">В закладки</a>
               </li>
                                    <li class="small-icon icon-sendemail"><a href="./memberlist.php?mode=email&amp;t=3104" title="Отправить тему по email">Отправить тему по email</a></li>            <li class="small-icon icon-print"><a href="./viewtopic.php?f=11&amp;t=3104&amp;view=print" title="Версия для печати" accesskey="p">Версия для печати</a></li>                     <li class="small-icon icon-pss-right">
         <a href="./viewtopic.php?f=11&amp;t=3104&amp;pss=0" id="profile-switcher" onclick="switchProfiles(); return false;" data-ajax="pss">Минипрофили справа</a>
      </li>
            </ul>
      </div>
   </div>

   
         <div class="pagination">
         2 сообщения
                     &bull; Страница <strong>1</strong> из <strong>1</strong>
               </div>
      <div class="clear"></div>
</div>


   <p class="jumpbox-return"><a href="./viewforum.php?f=11" class="left-box arrow-left" accesskey="r">Вернуться в «WYSIWYG Web Builder Советы, рекомендации, учебники и примеры кода.»</a></p>



<div>
   <a id="bottom" class="anchor" accesskey="z"></a>
   </div>

<script type="text/javascript" src="./assets/javascript/jquery.min.js?assets_version=130"></script>
<script type="text/javascript" src="./assets/javascript/core.js?assets_version=130"></script>

<div class="navbar" style="background-color:#0000;text-align:center;margin-bottom: 5px;overflow:hidden;">
<!--- Yandex.Metrika informer -->
<a href="https://metrika.yandex.ru/stat/?id=12390586&amp;from=informer"
target="_blank" rel="nofollow"><img src="//bs.yandex.ru/informer/12390586/3_0_477491FF_275471FF_1_pageviews"
style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" onclick="try{Ya.Metrika.informer({i:this,id:12390586,lang:'ru'});return false}catch(e){}"/></a>
<!-- /Yandex.Metrika informer -->

<!-- Yandex.Metrika counter -->
<script type="text/javascript">
(function (d, w, c) {
    (w[c] = w[c] || []).push(function() {
        try {
            w.yaCounter12390586 = new Ya.Metrika({id:12390586});
        } catch(e) { }
    });

    var n = d.getElementsByTagName("script")[0],
        s = d.createElement("script"),
        f = function () { n.parentNode.insertBefore(s, n); };
    s.type = "text/javascript";
    s.async = true;
    s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js";

    if (w.opera == "[object Opera]") {
        d.addEventListener("DOMContentLoaded", f, false);
    } else { f(); }
})(document, window, "yandex_metrika_callbacks");
</script>
<noscript><div><img src="//mc.yandex.ru/watch/12390586" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
<!-- Rating@Mail.ru counter -->
<script type="text/javascript">
var _tmr = _tmr || [];
_tmr.push({id: "2631943", type: "pageView", start: (new Date()).getTime()});
(function (d, w) {
   var ts = d.createElement("script"); ts.type = "text/javascript"; ts.async = true;
   ts.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//top-fwz1.mail.ru/js/code.js";
   var f = function () {var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ts, s);};
   if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); }
})(document, window);
</script><noscript><div style="position:absolute;left:-10000px;">
<img src="//top-fwz1.mail.ru/counter?id=2631943;js=na" style="border:0;" height="1" width="1" alt="Рейтинг@Mail.ru" />
</div></noscript>
<!-- //Rating@Mail.ru counter -->
<!-- Rating@Mail.ru logo -->
<a href="http://top.mail.ru/jump?from=2631943">
<img src="//top-fwz1.mail.ru/counter?id=2631943;t=433;l=1" 
style="border:0;" height="31" width="88" alt="Рейтинг@Mail.ru" /></a>
<!-- //Rating@Mail.ru logo -->
<script type="text/javascript" src="http://wysiwygwebbuilder.ru/forum/ext/bb3mobi/highslide/highslide-full.min.js"></script>
<script type="text/javascript">
hs.graphicsDir = 'http://wysiwygwebbuilder.ru/forum/ext/bb3mobi/highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.fadeInOut = true;
hs.dimmingOpacity = 0.8;
hs.outlineType = 'rounded-white';
hs.captionEval = 'this.thumb.title';
// This value needs to be set to false, to solve the issue with the highly increasing view counts.
hs.continuePreloading = false;
// Add the slideshow providing the controlbar and the thumbstrip
hs.addSlideshow({
   interval: 5000,
   repeat: false,
   useControls: true,
   fixedControls: 'fit',
   overlayOptions: {
      opacity: .75,
      position: 'top center',
      hideOnMouseOut: true
   }
});
</script>
<script type="text/javascript">
$(document).ready(function() {
/* Add highslide in phpBB3.1 && Anvar bb3.mobi */
   var scr_w = $(this).width();
   var scr_h = $(this).height();
   if (scr_w > 800 && scr_h > 600) {
      $("dl.thumbnail a").attr("onclick", "return hs.expand(this)");
      $('.postimage').not('a .postimage').load(function() {
         $(this).removeAttr("width")
         $(this).removeAttr("height")
         $(this).css({ width: "", height: "" });
         var h = $(this).height();
         var w = $(this).width();
         var size = 420; // Img tag max width
         if (w > 200) { // Highslide > min width
            $images = $(this).attr("src");
            $(this).wrap('<a class="highslide" href="'+$images+'" onclick="return hs.expand(this)"></a>');
         }
         if (w > size || h > size) {
            if (w > h) {
               h = h*(size/w);
               w = size;
            } else {
               w = w*(size/h);
               h = size;
            }
            $(this).width(w);
            $(this).height(h);
         }
      });
      $('.postimage').not('a .postimage').each(function() {
         var src = $(this).attr('src');
         $(this).attr('src', '');
         $(this).attr('src', src);
      });
      $('a.img-link').each(function() { // External Links Fix
         $(this).attr("onclick", "return hs.expand(this)");
         this.href = this.href.replace('http://wysiwygwebbuilder.ru/forum/url.php?', '');
      });
   }
});
</script>
<div id="reputation-popup"></div>
<script type="text/javascript">
jQuery(function() {
   source=removeSubdomain(location.hostname);
   $('a[href^="http://"], a[href^="https://"]').filter(function(){return this.hostname&&removeSubdomain(this.hostname)!==source}).attr("onclick","window.open(this.href);return false;").attr("rel", "nofollow");
});
function removeSubdomain(a,b){return a.split(".").slice(-(b||2)).join(".")};
</script>

<script type="text/javascript">
// <![CDATA[


   $('textarea[name="message"]').keydown(function(event){
      if (event.keyCode == 10 || (event.ctrlKey && event.keyCode == 13)) 
      {
         $('#qr_postform input[name="post"]').click();
      }
   });


   $('#posts').on('mouseup', '.content', function(evt) {
      // Get cursor coordinates
      var pageX = evt.pageX || evt.clientX + document.documentElement.scrollLeft; // FF || IE
      var pageY = evt.pageY || evt.clientY + document.documentElement.scrollTop;
      // Which mouse button is pressed?
      var key = evt.button || evt.which || null; // IE || FF || Unknown

      //Get nick
      var qr_post_id = $(this).parent().attr('id');
      var qr_poster_id = qr_post_id.replace('post_content', 'profile');
      var nickname = $('#' + qr_poster_id + ' dt a').not('.avatar').html();
      
      // Link to the source post
      var qr_post_id_num = qr_post_id.replace('post_content', '');
      var qr_bbpost = (1) ? '[post]' + qr_post_id_num + '[/post] ' : '';
      
      setTimeout(function() { // Timeout prevents popup when clicking on selected text
         var sel = '';
         if (window.getSelection)
            sel = window.getSelection().toString();
         else if (document.getSelection)
            sel = document.getSelection();
         else if (document.selection)
            sel = document.selection.createRange().text;

         if (sel && key <= 1) { // If text selected && right mouse button not pressed
            var qrAlert = $('<div class="dropdown" style="top: ' + (pageY + 8) + 'px; left: ' + (pageX > 184 ? pageX - 184 : pageX - 20) + 'px;"><div class="pointer"' + (pageX > 184 ? (' style="left: auto; right: 10px;"') : '') + '><div class="pointer-inner"></div></div><ul class="dropdown-contents"><li><a href="#qr_postform" style="font-size: 11px !important;">Вставить цитату в окно ответа</a></li></ul></div>').appendTo('body');
            $('a', qrAlert).mousedown(function() {insert_text('[quote="' + nickname + '"]' + qr_bbpost + sel + '[/quote]\r', false); qrAlert.remove(); return false;});
            $(qrAlert).mousedown(function() {insert_text('[quote="' + nickname + '"]' + qr_bbpost + sel + '[/quote]\r', false); qrAlert.remove(); return false;});
            setTimeout(function() {$(document.body).mousedown(function() {qrAlert.remove(); $(document.body).unbind('mousedown');});}, 10);
         }
      }, 0);
   })

   function getHexColor(color){
      color = color.replace(/\s/g,"");
      var colorRGB = color.match(/^rgb\((\d{1,3}[%]?),(\d{1,3}[%]?),(\d{1,3}[%]?)\)$/i);
      colorHEX = '';
      for (var i=1;  i<=3; i++){
         colorHEX += Math.round((colorRGB[i][colorRGB[i].length-1]=="%"?2.55:1)*parseInt(colorRGB[i])).toString(16).replace(/^(.)$/,'0$1');
      }
      return "#" + colorHEX;
   }
   
   function qr_quicknick(evt, link, color) {
      // Get cursor coordinates
      if (!evt) evt = window.event;
      evt.preventDefault();
      var pageX = evt.pageX || evt.clientX + document.documentElement.scrollLeft; // FF || IE
      var pageY = evt.pageY || evt.clientY + document.documentElement.scrollTop;
      // Which mouse button is pressed?
      var key = evt.button || evt.which || null; // IE || FF || Unknown
      
      //Get nick and id
      var vievprofile_url = link.attr('href');
      var nickname = link.html();
      
      var qrNickAlert = $('<div class="dropdown" style="top: ' + (pageY + 8) + 'px; left: ' + (pageX > 184 ? pageX - 111 : pageX - 20) + 'px;"><div class="pointer"' + (pageX > 184 ? (' style="left: auto; right: 10px;"') : '') + '><div class="pointer-inner"></div></div><ul class="dropdown-contents"><li><a href="#qr_postform" class="qr_quicknick" style="font-size: 11px !important;" title="Вставить имя пользователя в окно быстрого ответа">Обратиться по никнейму</a></li><li><a href="' + vievprofile_url + '" class="qr_profile" style="font-size: 11px !important;" title="Перейти в профиль">Перейти в профиль</a></li></ul></div>').appendTo('body');
            
      var comma = (1) ? ', ' : '\r\n';
      var qr_colour_nickname = 1;
      var qr_color = (qr_colour_nickname && color) ? '=' + getHexColor(color) : '';
      $('a.qr_quicknick', qrNickAlert).mousedown(function() {insert_text('[ref' + qr_color + ']' + nickname + '[/ref]' + comma, false); qrNickAlert.remove(); return false;});
      
      $('a.qr_profile', qrNickAlert).mousedown(function(e) {e.preventDefault(); document.location.href = vievprofile_url; qrNickAlert.remove(); return false;});
      
      setTimeout(function() {$(document.body).mousedown(function() {qrNickAlert.remove(); $(document.body).unbind('mousedown');});}, 10);
   }
   
   $('#posts').on('click', 'a.username', function(e) {
      qr_quicknick(e, $(this), false);
   });
   
   $('#posts').on('click', 'a.username-coloured', function(e) {
      qr_quicknick(e, $(this), $(this).css('color'));
   });
   
   $(document).ready(function() {
      $('#posts a.username').each(function() {
         $(this).attr('title', 'Обратиться по никнейму');
      });
      
      $('#posts a.username-coloured').each(function() {
         $(this).attr('title', 'Обратиться по никнейму');
      });
   });
   
   
<!-- ajax_submit -->
   var numrow = $('#post_ajax_content').attr('numrow');
   var next_page = (numrow == parseInt(20) - 1) ? 1 : 0;
   
   phpbb.addAjaxCallback('qr_ajax_submit', function(res) {
      if (res.success) {
         var posts_content = $('#posts_content').html(), //All post, except for the last post
            post_ajax_content = $('#post_ajax_content').html(), //Last post
            post_id_before = $('#post_ajax_content div').attr('id').replace(/p/, ''); //id of the last post before sending
            
         $('#post_ajax').load('# #post_ajax_content', function () {
            var post_id_after = $('#post_ajax_content div').attr('id').replace(/p/, ''); //id of the last post after sending

            numrow = $('#post_ajax_content').attr('numrow');
                  
            if (numrow == parseInt(20) - 1)
            {
               if (next_page == 0)
               {
                  next_page = 1;
               }
               else
               {
                  location.href = res.url.replace(/&amp\;/ig, '&');
               }
            }
               
            if(post_id_after > post_id_before) //for posts_merging - bug in IE 11
            {
               $('#posts_content').html(posts_content + post_ajax_content);
               $('input[name="topic_cur_post_id"]').attr('value', post_id_after);
               handle_drops($('#post_ajax').prev('div'));
               
               //New posts number
               var regexp = /(\d)+/,
                  qr_pagination = $('.action-bar .pagination').html(),
                  qr_pg_number = regexp.exec(qr_pagination);
               qr_pg_number = parseInt(qr_pg_number[0]) + 1;
               
               qr_pagination = qr_pagination.replace(regexp, qr_pg_number);
               $('.action-bar .pagination').html(qr_pagination);
            }
            handle_drops($('#post_ajax'));
            qr_responsive_links($('#post_ajax'));
                           $('#post_ajax a.username').each(function() {
                  $(this).attr('title', 'Обратиться по никнейму');
               });
               
               $('#post_ajax a.username-coloured').each(function() {
                  $(this).attr('title', 'Обратиться по никнейму');
               });
                           
            $('.icon_post_target_unread').removeClass('icon_post_target_unread').addClass('icon_post_target');
               
                           
            //Sending form
            $('input[name="post"]').removeAttr('data-clicked');
            $('#message-box textarea').val('');
            $('#message-box textarea').attr('style', 'height: 9em;');
            
            if($('#preview').css('display') == 'block')
            {
               $('#preview').css('display', 'none');
               $('#preview h3').html('');
               $('#preview .content').html('');
                                 $('#preview').find('dl.attachbox').remove();
                           }
            
            if($('#colour_palette').is(':visible'))
            {
                                 $('#bbpalette').click();
                           }
            
                           $('#post_ajax_content').find('.post .postbody div').each(function() {
                  $(this).find('h3:first').css('display', 'none');
                  //$(this).find('p.author').css('display', 'inline');
               });
            
            if(res.prew_url)
            {
               $('#post_ajax').before('<div class="post bg1"><div class="inner"><a href="' + res.prew_url + '">В теме появились новые сообщения. Нажмите на ссылку, чтобы увидеть их.</a></div></div>');
            }
            
                           $('#file-list-container').css('display', 'none');
               $('#file-list').empty();
               phpbb.plupload.clearParams();
               $('#preview').find('dl.attachbox').remove();
                     });
         
      } else {
         if (res.NEXT_URL) {
            setTimeout(function() {
               localStorage['qr_save_message'] = $('#message-box textarea').val();
               document.location.href = res.NEXT_URL.replace(/&amp\;/ig, '&');;
            },  3000);
         }
            
         //if(!res.error && !res.preview) {
         //   var qr_error_title = 'Ошибка AJAX',
         //      qr_error_message = 'При обработке запроса произошла ошибка.';
         //      
         //   alert = phpbb.alert(qr_error_title, qr_error_message);
         //   setTimeout(function() {
         //      $('#darkenwrapper').fadeOut(phpbb.alertTime, function() {
         //         alert.hide();
         //      });
         //   },  3000);
         //}
            
         if(res.preview)
         {
            $('#preview').css('display', 'block');
            $('#preview h3').html(res.PREVIEW_TITLE);
            $('#preview .content').html(res.PREVIEW_TEXT);
                           if(res.PREVIEW_ATTACH) {
                  $('#preview').find('dl.attachbox').remove();
                  $('#preview .content').after(res.PREVIEW_ATTACH);
               }
                                 }
            
         if(res.noapprove)
         {
            $('input[name="post"]').removeAttr('data-clicked');
            $('#message-box textarea').val('');
            $('#message-box textarea').attr('style', 'height: 9em;');
            
            if($('#preview').css('display') == 'block')
            {
               $('#preview').css('display', 'none');
               $('#preview h3').html('');
               $('#preview .content').html('');
                                 $('#preview').find('dl.attachbox').remove();
                           }
            
            if($('#colour_palette').is(':visible'))
            {
                                 $('#bbpalette').click();
                           }
         }
      }
   });
   
   if(localStorage['qr_save_message'])
   {
      $('#message-box textarea').val(localStorage['qr_save_message']);
      localStorage['qr_save_message'] = '';
   }
   
   $('.reply-icon').click(function () {
      var message = $('#message-box textarea').val();      
      
      if(message)
      {
         localStorage['qr_save_message'] = message;
      }
   });
   

   
   function handle_drops(container)
   {
      /**
      * Dropdowns
      */
      container.find('.dropdown-container').each(function() {
         var $this = $(this),
            trigger = $this.find('.dropdown-trigger:first'),
            contents = $this.find('.dropdown'),
            options = {
               direction: 'auto',
               verticalDirection: 'auto'
            },
            data;

         if (!trigger.length) {
            data = $this.attr('data-dropdown-trigger');
            trigger = data ? $this.children(data) : $this.children('a:first');
         }

         if (!contents.length) {
            data = $this.attr('data-dropdown-contents');
            contents = data ? $this.children(data) : $this.children('div:first');
         }

         if (!trigger.length || !contents.length) return;

         if ($this.hasClass('dropdown-up')) options.verticalDirection = 'up';
         if ($this.hasClass('dropdown-down')) options.verticalDirection = 'down';
         if ($this.hasClass('dropdown-left')) options.direction = 'left';
         if ($this.hasClass('dropdown-right')) options.direction = 'right';

         phpbb.registerDropdown(trigger, contents, options);
      });
   }
   
   function qr_responsive_links(container)
   {
      /**
      * Responsive link lists
      */
      container.find('.linklist:not(.navlinks, [data-skip-responsive]), .postbody .post-buttons:not([data-skip-responsive])').each(function() {
         var $this = $(this),
            $body = $('body'),
            filterSkip = '.breadcrumbs, [data-skip-responsive]',
            filterLast = '.edit-icon, .quote-icon, [data-last-responsive]',
            persist = $this.attr('id') == 'nav-main',
            allLinks = $this.children(),
            links = allLinks.not(filterSkip),
            html = '<li class="responsive-menu" style="display:none;"><a href="javascript:void(0);" class="responsive-menu-link">&nbsp;</a><div class="dropdown" style="display:none;"><div class="pointer"><div class="pointer-inner" /></div><ul class="dropdown-contents" /></div></li>',
            filterLastList = links.filter(filterLast),
            slack = 1; // Vertical slack space (in pixels). Determines how sensitive the script is in determining whether a line-break has occured. 

         if (!persist) {
            if (links.is('.rightside'))
            {
               links.filter('.rightside:first').before(html);
               $this.children('.responsive-menu').addClass('rightside');
            }
            else
            {
               $this.append(html);
            }
         }

         var item = $this.children('.responsive-menu'),
            menu = item.find('.dropdown-contents'),
            lastWidth = false,
            compact = false,
            responsive = false,
            copied = false;

         function check() {
            var width = $body.width();
            if (responsive && width <= lastWidth) {
               return;
            }

            // Unhide the quick-links menu if it has content
            if (persist) {
               item.addClass('hidden');
               if (menu.find('li:not(.separator, .clone)').length || (responsive && menu.find('li.clone').length)) {
                  item.removeClass('hidden');
               }
            }

            // Reset responsive and compact layout
            if (responsive) {
               responsive = false;
               $this.removeClass('responsive');
               links.css('display', '');
               if (!persist) item.css('display', 'none');
            }

            if (compact) {
               compact = false;
               $this.removeClass('compact');
            }

            // Find tallest element
            var maxHeight = 0;
            allLinks.each(function() {
               if (!$(this).height()) return;
               maxHeight = Math.max(maxHeight, $(this).outerHeight(true));
            });

            if (maxHeight < 1) {
               return;
            }

            // Nothing to resize if block's height is not bigger than tallest element's height
            if ($this.height() <= (maxHeight + slack)) {
               return;
            }

            // Enable compact layout, find tallest element, compare to height of whole block
            compact = true;
            $this.addClass('compact');

            var compactMaxHeight = 0;
            allLinks.each(function() {
               if (!$(this).height()) return;
               compactMaxHeight = Math.max(compactMaxHeight, $(this).outerHeight(true));
            });

            if ($this.height() <= (maxHeight + slack)) {
               return;
            }

            // Compact layout did not resize block enough, switch to responsive layout
            compact = false;
            $this.removeClass('compact');
            responsive = true;

            if (!copied) {
               var clone = links.clone(true);
               clone.filter('.rightside').each(function() {
                  if (persist) $(this).addClass('clone');
                  menu.prepend(this);
               });
               
               if (persist) {
                  menu.prepend(clone.not('.rightside').addClass('clone'));
               } else {
                  menu.prepend(clone.not('.rightside'));
               }

               menu.find('li.leftside, li.rightside').removeClass('leftside rightside');
               menu.find('.inputbox').parents('li:first').css('white-space', 'normal');

               if ($this.hasClass('post-buttons')) {
                  $('.button', menu).removeClass('button icon-button');
                  $('.responsive-menu-link', item).addClass('button icon-button').prepend('<span></span>');
               }
               copied = true;
            }
            else {
               menu.children().css('display', '');
            }

            item.css('display', '');
            $this.addClass('responsive');

            // Try to not hide filtered items
            if (filterLastList.length) {
               links.not(filterLast).css('display', 'none');

               maxHeight = 0;
               filterLastList.each(function() {
                  if (!$(this).height()) return;
                  maxHeight = Math.max(maxHeight, $(this).outerHeight(true));
               });

               if ($this.height() <= (maxHeight + slack)) {
                  menu.children().filter(filterLast).css('display', 'none');
                  return;
               }
            }

            // If even responsive isn't enough, use both responsive and compact at same time
            compact = true;
            $this.addClass('compact');

            links.css('display', 'none');
         }

         if (!persist) phpbb.registerDropdown(item.find('a.responsive-menu-link'), item.find('.dropdown'));

         check();
         $(window).resize(check);
      });
   }
<!-- end ajax_submit -->


   $('#page-body').find('.post .postbody div').each(function() {
      var qr_post_subject = $(this).find('h3:first').not('.first');
      qr_post_subject.css('display', 'none');
      //qr_post_subject.next().next('p.author').css('display', 'inline');
   });

// ]]>
</script>

<script type="text/javascript">
//<![CDATA[
phpbb.plupload = {
   i18n: {
      'b': 'Б',
      'kb': 'КБ',
      'mb': 'MБ',
      'gb': 'ГБ',
      'tb': 'ТБ',
      'Add Files': 'Добавить файлы',
      'Add files to the upload queue and click the start button.': 'Добавьте файлы в очередь и нажмите кнопку «Загрузить».',
      'Close': 'Закрыть',
      'Drag files here.': 'Переместите файлы сюда.',
      'Duplicate file error.': 'Ошибка: указанный файл уже существует.',
      'File: %s': 'Файл: %s',
      'File: %s, size: %d, max file size: %d': 'Файл: %s, размер: %d, максимальный размер файла: %d',
      'File count error.': 'Ошибка подсчета количества файлов.',
      'File extension error.': 'Ошибка расширения файла.',
      'File size error.': 'Ошибка размера файла.',
      'File too large:': 'Файл слишком большой:',
      'Filename': 'Имя файла.',
      'Generic error.': 'Общая ошибка.',
      'HTTP Error.': 'Ошибка HTTP.',
      'Image format either wrong or not supported.': 'Неверный или неподдерживаемый формат изображения.',
      'Init error.': 'Ошибка инициализации.',
      'IO error.': 'Ошибка ввода-вывода',
      'Invalid file extension:': 'Неверное расширение файла:',
      'N/A': 'N/A',
      'Runtime ran out of available memory.': 'Недостаточно памяти для выполнения операции.',
      'Security error.': 'Ошибка безопасности.',
      'Select files': 'Выбрать файлы',
      'Size': 'Размер',
      'Start Upload': 'Загрузить',
      'Start uploading queue': 'Начать загрузку файлов.',
      'Status': 'Статус',
      'Stop Upload': 'Остановить загрузку',
      'Stop current upload': 'Остановить текущую загрузку',
      "Upload URL might be wrong or doesn't exist.": 'Ссылка на файл для загрузки неверна, или адрес не существует.',
      'Uploaded %d/%d files': 'Загружено файлов: %d/%d',
      '%d files queued': 'Файлов в очереди: %d',
      '%s already present in the queue.': '%s уже присутствует в очереди.'
   },
   config: {
      runtimes: 'html5',
      url: './posting.php?mode=reply&f=11&t=3104',
      max_file_size: '1048576b',
      chunk_size: '524288b',
      unique_names: true,
      filters: [{title: 'Images', extensions: 'gif,png,jpeg,jpg,tif,tiff,tga'},{title: 'Archives', extensions: 'gtar,gz,tar,zip,rar,ace,torrent,tgz,bz2,7z'},{title: 'Wwb', extensions: 'wbs,wtp'}],
      
      headers: {'X-PHPBB-USING-PLUPLOAD': '1', 'X-Requested-With': 'XMLHttpRequest'},
      file_data_name: 'fileupload',
      multipart_params: {'add_file': 'Добавить файл'},
      form_hook: '#qr_postform',
      browse_button: 'add_files',
      drop_element : 'message',
   },
   lang: {
      ERROR: 'Ошибка',
      TOO_MANY_ATTACHMENTS: 'Невозможно добавить ещё одно вложение, максимальное количество: 10.',
   },
   order: 'desc',
   maxFiles: 10,
   data: [],
}
//]]>
</script><div class="scroll-btn"><div class="scroll-btn-arrow"></div></div>

<script>

(function($) { // Avoid conflicts with other libraries

'use strict';

$(function() {
   var settings = {
         min: 200,
         scrollSpeed: 400
      },
      toTop = $('.scroll-btn'),
      toTopHidden = true;

   $(window).scroll(function() {
      var pos = $(this).scrollTop();
      if (pos > settings.min && toTopHidden) {
         toTop.stop().fadeIn();
         toTopHidden = false;
      } else if(pos <= settings.min && !toTopHidden) {
         toTop.stop().fadeOut();
         toTopHidden = true;
      }
   });

   toTop.bind('click touchstart', function() {
      $('html, body').animate({
         scrollTop: 0
      }, settings.scrollSpeed);
   });
});

})(jQuery);

</script>

<script type="text/javascript">
//<![CDATA[
phpbb.plupload = {
   i18n: {
      'b': 'Б',
      'kb': 'КБ',
      'mb': 'MБ',
      'gb': 'ГБ',
      'tb': 'ТБ',
      'Add Files': 'Добавить файлы',
      'Add files to the upload queue and click the start button.': 'Добавьте файлы в очередь и нажмите кнопку «Загрузить».',
      'Close': 'Закрыть',
      'Drag files here.': 'Переместите файлы сюда.',
      'Duplicate file error.': 'Ошибка: указанный файл уже существует.',
      'File: %s': 'Файл: %s',
      'File: %s, size: %d, max file size: %d': 'Файл: %s, размер: %d, максимальный размер файла: %d',
      'File count error.': 'Ошибка подсчета количества файлов.',
      'File extension error.': 'Ошибка расширения файла.',
      'File size error.': 'Ошибка размера файла.',
      'File too large:': 'Файл слишком большой:',
      'Filename': 'Имя файла.',
      'Generic error.': 'Общая ошибка.',
      'HTTP Error.': 'Ошибка HTTP.',
      'Image format either wrong or not supported.': 'Неверный или неподдерживаемый формат изображения.',
      'Init error.': 'Ошибка инициализации.',
      'IO error.': 'Ошибка ввода-вывода',
      'Invalid file extension:': 'Неверное расширение файла:',
      'N/A': 'N/A',
      'Runtime ran out of available memory.': 'Недостаточно памяти для выполнения операции.',
      'Security error.': 'Ошибка безопасности.',
      'Select files': 'Выбрать файлы',
      'Size': 'Размер',
      'Start Upload': 'Загрузить',
      'Start uploading queue': 'Начать загрузку файлов.',
      'Status': 'Статус',
      'Stop Upload': 'Остановить загрузку',
      'Stop current upload': 'Остановить текущую загрузку',
      "Upload URL might be wrong or doesn't exist.": 'Ссылка на файл для загрузки неверна, или адрес не существует.',
      'Uploaded %d/%d files': 'Загружено файлов: %d/%d',
      '%d files queued': 'Файлов в очереди: %d',
      '%s already present in the queue.': '%s уже присутствует в очереди.'
   },
   config: {
      runtimes: 'html5',
      url: './posting.php?mode=reply&f=11&t=3104',
      max_file_size: '1048576b',
      chunk_size: '524288b',
      unique_names: true,
      filters: [{title: 'Images', extensions: 'gif,png,jpeg,jpg,tif,tiff,tga'},{title: 'Archives', extensions: 'gtar,gz,tar,zip,rar,ace,torrent,tgz,bz2,7z'},{title: 'Wwb', extensions: 'wbs,wtp'}],
      
      headers: {'X-PHPBB-USING-PLUPLOAD': '1', 'X-Requested-With': 'XMLHttpRequest'},
      file_data_name: 'fileupload',
      multipart_params: {'add_file': 'Добавить файл'},
      form_hook: '#postform',
      browse_button: 'add_files',
      drop_element : 'message',
   },
   lang: {
      ERROR: 'Ошибка',
      TOO_MANY_ATTACHMENTS: 'Невозможно добавить ещё одно вложение, максимальное количество: 10.',
   },
   order: 'desc',
   maxFiles: 10,
   data: [],
}
//]]>
</script>
<script type="text/javascript" src="./assets/javascript/editor.js"></script>

<script type="text/javascript" src="./styles/prosilver/template/forum_fn.js?assets_version=130"></script>

<script type="text/javascript" src="./styles/prosilver/template/ajax.js?assets_version=130"></script>

<script type="text/javascript" src="./ext/dmzx/loadingindicator/styles/prosilver/template/loading_indicator.js?assets_version=130"></script>

<script type="text/javascript" src="./ext/pico/reputation/styles/prosilver/template/reputation.js?assets_version=130"></script>

<script type="text/javascript" src="./assets/plupload/plupload.full.min.js"></script>

<script type="text/javascript" src="./assets/javascript/plupload.js"></script>




</body>
</html>

Вот результат

YouTube · Сообщение **Alex** » 22 мар 2015, 18:52

Ты не указал, что в мазиле это не работает.

saintroma · Сообщение **saintroma** » 22 мар 2015, 22:08

Alex писал(а):Ты не указал, что в мазиле это не работает.

Наверное потому что это не браузер :) Это для Chrome Opera и подобных на этих движках
Глубокой ночью писал- не сообразил дописать

YouTube · Сообщение **Alex** » 22 мар 2015, 23:07

saintroma писал(а):Источник цитаты Chrome Opera и подобных на этих движках

Я подобной гадостью не пользуюсь :-)