sadhaka\'s forum

Объявление

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » sadhaka\'s forum » FAQ » Настраиваем скроллбар


Настраиваем скроллбар

Сообщений 1 страница 19 из 19

1

В последнее время очень много желающих каким-то образом кастомизировать скроллбары на странице. Желание вполне естественное - все настраивается, а скроллбар - не настраивается. Непорядок! Давайте настроим скроллбар.

Кастомизировать удастся только скроллбары внутри сайта, но не браузерный скролл (можно настроить и его, но об этом отдельно). Соответственно, любой блок с прокруткой на форуме можно легко оформить под дизайн форума.
Все ниже приведенное лучше ставить туда, где у Вас будут стоять блоки с прокруткой (хтмл-верх, хтмл-низ, объявление, форма ответа, описание форума). Но если у Вас много таких блоков некоторые части можно проставить один раз и этого будет достаточно, чтобы работало везде.

1. Хтмл-верх (если у Вас только одно место, где стоят блоки с прокруткой, ставьте туда, где блоки). Ставите один раз, сколько бы блоков у Вас не было.
jQuery-плагин

Код:
<script type="text/javascript" src="https://forumstatic.ru/files/0011/e9/e1/48134.js"></script>

//скрипт можно скачать и загрузить к себе на форум, чтобы он работал стабильней.

2. Хтмл-верх/Свой стиль (если у Вас только одно место, где стоят блоки с прокруткой, ставьте туда, где блоки). Ставите один раз, сколько бы блоков у Вас не было.

Минималистический вариант

Стили для вертикального и горизонтального слайдера.
Код:
<style type="text/css">
                /* Настраиваем скроллбар */
                .scrollgeneric {
                    line-height: 1px;
                    font-size: 1px;
                    position: absolute;
                    top: 0; left: 0;
                }
                .vscrollerbase { /*База вертикального скроллбара*/
                    width: 10px;
                    background-color: #f4cf9e;
                }
                .vscrollerbar { /*Цвет и ширина бегунка вертикального скроллбара*/
                    width: 10px;
                    background-color: #b75d2c;
                }
                .hscrollerbase { /*База горизонтального скроллбара*/
                    height: 10px;
                    background-color: #f4cf9e;
                }
                .hscrollerbar { /*Цвет и высота бегунка горизонтального скроллбара*/
                    height: 10px;
                    background-color: #b75d2c;
                }
                .scrollerjogbox {
                    background: #f4cf9e;
                    width: 10px;
                    height: 10px;
                    top: auto; left: auto;
                    bottom: 0px; right: 0px;
                }
                /* Стили контейнера */
                #mycustomscroll {
                    width: 300px;
                    height: 250px;
                    overflow: auto;
                    position: relative;
                    background-color: #f4cf9e;
                    margin: 0.3em auto;
                    padding: 15px;
                }
                /*Для блок с горизонтальной прокруткой*/
               .fixedwidth {
                    width: 550px; /*Ширина прокручивающейся области*/
                    height: auto;
                    position: relative;
                    color: black;
                    padding: 1px;
                }
<style>

//после всех настроек комментарии, помеченные /**/ можно убрать

Что к чему смотрите на скрине

Скрин настроек

http://s5.uploads.ru/gb1Im.jpg


Вариант с графикой

Стили для вертикального и горизонтального слайдера.
Код:
<style type="text/css">
                /* Настраиваем скроллбар */
                .vscrollerbase { /*Ширина и фон базы вертикального скроллбара*/
                    width: 20px;
                    background: url(https://forumstatic.ru/files/0011/e9/e1/87374.png) 0 0 repeat-y;
                }
                .vscrollerbar { /*Ширина бегунка вертикального скроллбара*/
                    width: 20px;
                }
                .hscrollerbase { /*Высота и фон базы горизонтального скроллбара*/
                    height: 20px;
                    background: url(https://forumstatic.ru/files/0011/e9/e1/38169.png) 0 0 repeat-x;
                }
                .hscrollerbar { /*Высота бегунка горизонтального скроллбара*/
                    height: 20px;
                }
                .vscrollerbar, .hscrollerbar {
                    padding: 15px;
                }
                .vscrollerbarbeg { /*Верхняя стрелка бегунка вертикального скроллбара*/
                    background: url(https://forumstatic.ru/files/0011/e9/e1/87374.png) -100px 0 no-repeat;
                    width: 20px;
                    height: 12px !important;
                }
                .vscrollerbarmid { /*Основная часть бегунка вертикального скроллбара*/
                    width: 20px;
                    background: url(https://forumstatic.ru/files/0011/e9/e1/87374.png) -20px 0 repeat-y;
                }
               .vscrollerbarend { /*Нижняя стрелка бегунка вертикального скроллбара*/
                    background: url(https://forumstatic.ru/files/0011/e9/e1/87374.png) -100px -12px no-repeat;
                    width: 20px;
                    height: 12px;
                }
                .vscrollerbasebeg { /*Верхняя стрелка вертикального скроллбара*/
                    background: url(https://forumstatic.ru/files/0011/e9/e1/87374.png) -60px 0 no-repeat;
                    width: 20px;
                    height: 22px !important;
                }
               .vscrollerbaseend { /*Нижняя стрелка бегунка вертикального скроллбара*/
                    background: url(https://forumstatic.ru/files/0011/e9/e1/87374.png) -60px -22px no-repeat;
                    width: 20px;
                    height: 22px;
                }

                .hscrollerbarbeg { /*Левая стрелка бегунка горизонтального скроллбара*/
                    background: url(https://forumstatic.ru/files/0011/e9/e1/38169.png) 0 -100px no-repeat;
                    height: 20px;
                    width: 11px !important;
                }
                .hscrollerbarmid  { /*Основная часть бегунка горизонтального скроллбара*/
                    background: url(https://forumstatic.ru/files/0011/e9/e1/38169.png) 0 -20px repeat-x;
                    height: 20px;
                }
                .hscrollerbarend { /*Правая стрелка бегунка горизонтального скроллбара*/
                    background: url(https://forumstatic.ru/files/0011/e9/e1/38169.png) -11px -100px no-repeat;
                    height: 20px;
                    width: 11px;
                }
               .scrollerjogbox { /*Квадрат между скроллбарами*/
                    background: url(https://forumstatic.ru/files/0011/e9/e1/38169.png) -22px -100px no-repeat;
                    width: 20px;
                    height: 20px;
                    top: auto; left: auto;
                    bottom: 0px; right: 0px;
                }
                .hscrollerbasebeg { /*Левая стрелка горизонтального скроллбара*/
                    background: url(https://forumstatic.ru/files/0011/e9/e1/38169.png) 0 -60px no-repeat;
                    height: 20px;
                    width: 22px !important;
                }
                .hscrollerbaseend { /*Правая стрелка горизонтального скроллбара*/
                    height: 20px;
                    width: 22px;
                    background: url(https://forumstatic.ru/files/0011/e9/e1/38169.png) -22px -60px no-repeat;
                }
                /*Ховеры*/
                .vscrollerbar:hover .vscrollerbarbeg { 
                    background-position: -100px -23px;
                }
               .vscrollerbar:hover .vscrollerbarmid {
                    background-position: -40px 0;
                }
                .vscrollerbar:hover .vscrollerbarend {
                    background-position: -100px -35px;
                }
                .vscrollerbasebeg:hover {
                    background-position: -80px 0;
                }
                .vscrollerbaseend:hover {
                    background-position: -80px -22px;
                }
                .hscrollerbar:hover .hscrollerbarbeg {
                    background-position: 0 -120px;
                }
                .hscrollerbar:hover .hscrollerbarmid {
                    background-position: 0 -40px;
                }
                .hscrollerbar:hover .hscrollerbarend {
                    background-position: -11px -120px;
                }
                .hscrollerbasebeg:hover {
                    background-position: 0 -80px;
                }
                .hscrollerbaseend:hover {
                    background-position: -22px -80px;
                }
                .scrollerjogbox:hover {
                    background-position: -22px -120px;
                }
               /* Стили контейнера */
                #mycustomscroll {
                    width: 300px;
                    height: 250px;
                    overflow: auto;
                    position: relative;
                    background-color: #E7EADE;
                    margin: 0.3em auto;
                    padding: 15px;
                }
                /*Для блок с горизонтальной прокруткой*/
               .fixedwidth {
                    width: 550px; /*Ширина прокручивающейся области*/
                    height: auto;
                    position: relative;
                    color: black;
                    padding: 1px;
                }
<style>

//после всех настроек комментарии, помеченные /**/ можно убрать

Что к чему смотрите на скрине

Скрин настроек

http://s4.uploads.ru/YG5Mc.jpg

Обратите внимание на стили контейнера #mycustomscroll. Это стили самого блока с прокруткой:
                    width: 300px; /*Высота*/
                    height: 250px; /*Ширина*/
                    background-color: #E7EADE; /*Фон*/
//можно добавлять другие стили

3. Вставляем блоки с прокруткой (туда, где хотим их видеть, столько раз, сколько нам надо).

//Блок с ТОЛЬКО с вертикальной прокруткой

<div id='mycustomscroll' class='flexcroll'>
                Тут длинный текст <br />
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ultrices facilisis risus. Aenean sollicitudin imperdiet justo. Nam sed nulla sed metus blandit pretium. Morbi odio. Maecenas vestibulum dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam in elit. Nam venenatis urna id diam. Quisque porta. Sed ultricies, sem vel gravida mollis, pede lectus vehicula orci, quis sodales mauris velit vitae dui. Sed tincidunt mauris ut libero. Suspendisse potenti. Praesent adipiscing. Sed sem. Ut non justo. Cras pretium nibh scelerisque nibh hendrerit venenatis.
             </div>

//Блок и с горизонтальной и с вертикальной прокруткой

<div id='mycustomscroll2' class='flexcroll'>
                <div class="fixedwidth">
                Тут длинный текст <br />
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ultrices facilisis risus. Aenean sollicitudin imperdiet justo. Nam sed nulla sed metus blandit pretium. Morbi odio. Maecenas vestibulum dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam in elit. Nam venenatis urna id diam. Quisque porta. Sed ultricies, sem vel gravida mollis, pede lectus vehicula orci, quis sodales mauris velit vitae dui. Sed tincidunt mauris ut libero. Suspendisse potenti. Praesent adipiscing. Sed sem. Ut non justo. Cras pretium nibh scelerisque nibh hendrerit venenatis.
                </div>
            </div>

mycustomscroll - уникальный идентификатор контейнера (может быть любым, на Ваш вкус). Если у Вас контейнеров с прокруткой много, то у каждого должен быть СВОЙ УНИКАЛЬНЫЙ идентификатор.

Демо http://sadhaka.moy.su/html/sadhaka2.htm

Теги: теги, дополнения

+1

2

rfgresz

0

3

Код:
<script type="text/javascript" src="https://forumstatic.ru/files/0011/e9/e1/32423.js"></script>
<script type="text/javascript">
    //перечисляем ВСЕ категории: "название", "ссылка на изображение"
    //в порядке их расположения
    var catmenu = {
        "For QB":"http://www.iconsearch.ru/uploads/icons/nuove/32x32/kfm_home-alt.png",
        "Тестовая категория":"http://www.iconsearch.ru/uploads/icons/nuove/32x32/ac3.png",
        "Третья":"http://www.iconsearch.ru/uploads/icons/nuove/32x32/abiword.png"
    };
    function scrMenuMake(catlist,catarr) {
        var menuhtml = '';
        $('#pun-announcement').prepend('<div id="page" class="pageScroller"><ul></ul></div>');
        $(catarr).each(function(){
                menuhtml+= '<li><a href="#"><img src="'+catmenu[$(this).find('span').html()]+'"></a></li>';
            })
        $('#page ul').append(menuhtml);
    }
    jQuery(document).ready(function(){
        var cats = $('.category');
        if($('.category').length>0) {
            scrMenuMake(catmenu, cats);
            jQuery('#pun-index').pageScroller({
                navigation: '#page',
                sectionClass: 'category'
            });}
    });
</script>
<style>
    #page {
        right: -110px;
        margin: -180px 0px 0px;
        overflow: visible;
        padding: 5px;
        position: fixed ! important;
        top: 50%;
        width: 150px;
        z-index: 0;
    }

    #page ul {
        background: none repeat scroll 0% 0% #f0f0f0;
        border-radius: 15px 15px 15px 15px;
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);;
        display: block;
        list-style: none outside none;
        margin: 0px;
        padding: 6px 0px;
    }

    #page li {
        display: block;
    }

    #page li a {
        display: block;
        padding: 8px 10px;
        text-align: left;
    }

    #page li.active a {
        background-color: #a0a0a0;
        box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.5);
    }

</style>

0

4

sadhaka1111
гншщнпг

0

5

 width=100

0

6

ertsertserterterterter width=100

0

7

[bbcode][/bbcode][bbcode][/bbcode][bbcode][/bbcode]

0

8

http://sb.uploads.ru/9RueH.jpg
http://sa.uploads.ru/4NX1D.jpg
http://sb.uploads.ru/MyAE8.jpg

0

9

http://sc.uploads.ru/t/aLYg3.jpg
http://sb.uploads.ru/t/iTj1C.jpg
http://sb.uploads.ru/t/2xdJw.jpg

0

10

:•:
:•:
:•::•:
:•:

Код:
:•:

0

11

Ссылка

0

12

Ссылка

0

13

Love. Хочу познакомиться

0

14

[h5]Какой-то заголовок[/h5]

0

15

Код:
<style>
    .pa-avatar.item2, .pa-fld2 {display: none;}
    </style>
    <script>

function createCookie(name,value,days) {
    if (days) { var date = new Date(); date.setTime(date.getTime()+(days*24*60*60*1000)); var expires = "; expires="+date.toGMTString();  }
    else var expires = "";  document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) { var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}
    function getUrlAva(id, aux, url, placeAva) {
	     $.ajax({
            url: url,
            dataType: "jsonp",
            jsonp : "jsonp",
            async : false,
            success: function(data){
            	urlAva = data.thumbnail;
            	createCookie(id, urlAva, 30);    
            	$(placeAva).append('<a href="'+url+'/simple" title="оружейная"> <img alt="'+aux+'" src="http://eu.battle.net/static-render/eu/'+urlAva+'"> </a>');    	
      }
    });


    }
    $(function() {
        var arrParam, urlParam, tailAva, newAva, idParam;

        if(document.URL.indexOf("viewtopic.php")!=-1) {
            $(".pa-fld2").each(function() {


                	arrParam = $(this).text().split(":")[1].split(",");
                 newAva = $('<li class="pa-avatar item3"></li>').insertAfter($(this).siblings(".pa-title"));
                 idParam = $(this).parents(".post").find(".pl-email a[href*='profile.php']").attr('href').split('id=')[1];               

	                if(arrParam.length < 2) { $(newAva).html('<img src="https://forumstatic.ru/files/0012/ad/ab/72354.jpg" title="персонаж неизвестен" />'); return; }
	                urlParam = encodeURI('http://eu.battle.net/api/wow/character/'+arrParam[0]+'/'+arrParam[1]);

	                if(!arrParam[2]) arrParam[2] = "0";

	                tailAva = readCookie(idParam);

	                if(tailAva) $(newAva).append('<a href="'+urlParam+'/simple" title="оружейная"> <img alt="'+arrParam[2]+'" src="http://eu.battle.net/static-render/eu/'+tailAva+'"> </a>'); 
	                else  getUrlAva(idParam, arrParam[2], urlParam, newAva);


            })
        }
    });




    </script>

<script>
        var post, headtext, headtag;

        if(document.URL.indexOf("viewtopic.php")!=-1){
            $('.post').each(function(){
                post = $(this).find('.post-body');
                headtag = /(\[h5\])(.*?)(\[\/h5\])/g;
                if ($(post).html().match(headtag)!=null) {
                   $(post).html($(post).html().replace(headtag, '<h5>$2</h5>'));
                }});}

$("#addition-area").append("<div onclick=\"bbcode('[h5]', '[/h5]');\"><span>Заголовок</span></div>")
    </script>
    <style>
    .post h5 {
  padding: 8px 5px 8px 5px;
  border-top: 0px solid #180022;
  border-right: 30px solid #180022;
  border-bottom: 0px solid #180022;
  border-left: 30px solid #180022;
  border-image: url(http://s6.postimg.org/q37hl3fy5/background.jpg) round 30;
  background: url(http://s6.postimg.org/v6y92dxml/S6_Buj.png);
  font-family: Georgia;
  font-size: 13px;
  text-align: center;
  letter-spacing: 1.5px;
  font-style: italic;
  font-weight: bold;
}
    </style>

<script>
var ownClasses = {
  listAwards : /\/mod\/awards\/$/,
  userAward : /\/mod\/awards\/\?uid/,
  listGifts : /\/mod\/gifts\/$/,
  userGift : /\/mod\/gifts\/\?uid/
}

var hereLoc = location.href;
console.log(hereLoc);
for (item in ownClasses) {
  if (hereLoc.match(ownClasses[item])) {
    $("#pun-mod").addClass(item);
  }
}

</script>


<!-- ссылки на контакты около ника -->
<script type="text/javascript">

  $('script').onload = function() {
if($("#pun-mod .category h2 span").text().indexOf("Список наград")!=-1) {
$("#pun-mod .category").addClass("award-list");
  }}


console.time("1");
$('.post').each(function() {
console.log($(this).find('a[href*="profile.php?"][rel="nofollow"]:first').html());
})
console.timeEnd("1");

console.time("2");
$('.post').each(function() {
console.log($(this).find('.pl-email:first').html());
})
console.timeEnd("2");



</script><div id="modal-m" class="m-message" style="top: 740px; display: none;">
	<div class="main-container">
    <span class="name-author"><strong></strong> написал(а):</span>
    <span class="p-messages"></span>
	</div>
</div>
<style type="text/css">
#modal-m {width: 250px; height: 155px; background: #eee; box-shadow: 0 0 8px #777; opacity: 0.9; position: absolute; border-left: 10px solid #80c3f4; padding: 10px; right: 70px;}
#modal-m span {display: block; font-family: verdana;}
.name-author {width: 100%; height: 14px; margin-bottom: 15px; color: #05a1f0;}
.p-messages {height: 120px; color: #555; max-height: 120px; overflow: hidden; margin-bottom: 10px;}
.p-messages img {max-height: 60px;}</style>
<script type="text/javascript">
(function($){
    $(function(){
        var $punMain = $('#pun-main')
            ,$modal = $('#modal-m')
            ,postsCache = {};
        
        if (!$punMain.length) return;

        var popupContent = function(topicId) {
            if (typeof topicId == 'undefined') return;
            if (typeof postsCache[topicId] == 'undefined') {return;}

            var userName = postsCache[topicId]['author'].replace(/mybb@mybb.ru \((.*)\)/, "$1");
            var postContent = postsCache[topicId]['title'];

            $modal.find('.name-author strong:first').html(userName);
            $modal.find('.p-messages').html(postContent);
        };
        
        $('.tcr a').hover(function(){

            var link = $(this).attr('href');
            var topicId = /\?id=(\d+)/.exec(link)[1];
            
            $modal.css('top', $(this).offset().top+25).show();
            $modal.find('.p-messages').html('<img src="http://q2.qsdb.ru/ajax-loader.gif" alt="Загружаю" />');
            console.log(postsCache[topicId]);
            if (typeof postsCache[topicId] == 'undefined') {
            
                $.get('/export.php', {type: 'rss', tid: topicId}, function(data){
                    if (data) {
                        postsCache[topicId] = {
                            title:  $(data).find('channel').find('item:first').find('description').text(),
                            author: $(data).find('channel').find('item:first').find('author').text()
                        };
                        popupContent(topicId);
                    }
                });
            } else popupContent(topicId);
        }, function(){
            $modal.hide();
        });
    });
})(jQuery);
</script>

<script>
$("#button-right").after('<td id="button-justify" title="Выравнивание по ширине"><img src="/i/blank.gif" onclick="bbcode(\'[align=justify]\', \'[/align]\');"/></td>');
</script>

<style>
#button-justify {
    background: url("http://se.uploads.ru/LVN4z.png") no-repeat scroll center 6px rgba(0, 0, 0, 0) !important;
}
</style>

<script>
$(document).ready(function(){
  var pURL = location.href;
  var aAllow = [1,2];
  if(pURL.indexOf("profile.php")!=-1) {
    var uID = pURL.match(/id=(\d+)/);
    if(!$.inArray(GroupID, aAllow) && uID[1] != UserID) {
      $('#pun-main').html('<h1><span>Информация</span></h1><div class="info"><div class="container">Вы не имеете прав для доступа к этой странице.</div></div>');
    }
  }
});
</script>
<script language="javascript">

$("#pun-ulinks .container").prepend('<li class="item0"><a href="/search.php?action=show_new">Новые сообщения</a></li>');


if(window.location.href.indexOf("profile.php?section=fields")!=-1){$('fieldset').map(function(){var Pole=$(this).find('legend:has(span:contains("Любимая мелодия"))');$(Pole).after('<td id="melody" style=\'background-image:url("http://uploads.ru/i/W/Q/P/WQPBO.gif");background-position:center center;background-repeat:no-repeat;cursor: pointer;border:none;\'  title="Загрузить любимую мелодию"></td>');var Vis=$(this).find('p.inputfield input').val();if(Vis=='undefined'||Vis==null){return false;};if(Vis.indexOf(".mp3")!=-1){var plr=/<a href=\"(http:\/\/[^\s<"]+?\.mp3)\">(.*?)<\/a>/gi;Vis=Vis.replace(plr,'<object type="application/x-shockwave-flash" data="http://flv-mp3.com/i/pic/ump3player_500x70.swf" height="74" width="500"><param name="wmode" value="transparent" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="movie" value="http://flv-mp3.com/i/pic/ump3player_500x70.swf" /><param name="FlashVars" value="way=$2&amp;swf=http://flv-mp3.com/i/pic/ump3player_500x70.swf&amp;w=500&amp;h=74&amp;time_seconds=0&amp;autoplay=0&amp;q=&amp;skin=black&amp;volume=70&amp;comment=" /></object>');$(this).append(Vis);};});$('#melody').click(function(){$('body').append('<div class="my" align="center" id="melobox" style="width:480px;padding:8px;position:fixed;top:25%;right:35%;z-index:900;"><strong>Загрузить музыку</strong><span style="display:block;cursor:pointer;float:right;margin:0;color:#B22222;font-size:16px;" title="Закрыть" onclick="var zz=document.getElementById(\'melobox\');zz.parentNode.removeChild(zz);"><b>&nbsp;  X</b></span><br><iframe src="http://www.yapfiles.ru/upload/" width="478" height="250" frameborder="no" marginheight="3" scrolling="no"></iframe><br>Скопируйте полученный HTML-код ссылки</div>');});};$('td#profile-right li:has(span:contains("Любимая мелодия"))').map(function(){var Ku=$(this).find('strong').html();if(Ku.indexOf(".mp3")!=-1){plr=/&lt;a href=\"(http:\/\/[^\s<"]+?\.mp3)\"&gt;(.*?)&lt;\/a&gt;/gi;Ku=Ku.replace(plr,'<embed src="https://forumstatic.ru/files/000e/8b/b7/80759.swf" type="application/x-shockwave-flash" allowscriptaccess="always" wmode="transparent" flashvars="playerID=audioplayer_2&amp;bg=0xffcc66&amp;slider=0x003366&amp;soundFile=$1&amp;titles=$2" width="200" height="24">');};$(this).find('strong').html(Ku);});$('div.post-author ul').find('li[class^="pa-fld"]:contains("Любимая мелодия")').map(function(){var lm=$(this).html();if(lm=='undefined'||lm==null){return false;};if(lm.indexOf(".mp3")!=-1){var plr=/Любимая мелодия:<br \/>&lt;a href=\"(http:\/\/[^\s<"]+?\.mp3)\"&gt;(.*?)&lt;\/a&gt;/gi;lm=lm.replace(plr,'Любимая мелодия:<br><object type="application/x-shockwave-flash" data="http://flv-mp3.com/i/pic/ump3player_500x70.swf" height="74" width="500"><param name="wmode" value="transparent" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="movie" value="http://flv-mp3.com/i/pic/ump3player_500x70.swf" /><param name="FlashVars" value="way=$1&amp;swf=http://flv-mp3.com/i/pic/ump3player_500x70.swf&amp;w=500&amp;h=74&amp;time_seconds=0&amp;autoplay=0&amp;q=&amp;skin=black&amp;volume=70&amp;comment=" /></object>');};$(this).html(lm);});
</script>

0

16

[html]<div class="wrap"><div id='mycustomscroll' class='flexcroll'>Тут длинный текст <br />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ultrices facilisis risus. Aenean sollicitudin imperdiet justo. Nam sed nulla sed metus blandit pretium. Morbi odio. Maecenas vestibulum dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam in elit. Nam venenatis urna id diam. Quisque porta. Sed ultricies, sem vel gravida mollis, pede lectus vehicula orci, quis sodales mauris velit vitae dui. Sed tincidunt mauris ut libero. Suspendisse potenti. Praesent adipiscing. Sed sem. Ut non justo. Cras pretium nibh scelerisque nibh hendrerit venenatis.Тут длинный текст <br />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ultrices facilisis risus. Aenean sollicitudin imperdiet justo. Nam sed nulla sed metus blandit pretium. Morbi odio. Maecenas vestibulum dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam in elit. Nam venenatis urna id diam. Quisque porta. Sed ultricies, sem vel gravida mollis, pede lectus vehicula orci, quis sodales mauris velit vitae dui. Sed tincidunt mauris ut libero. Suspendisse potenti. Praesent adipiscing. Sed sem. Ut non justo. Cras pretium nibh scelerisque nibh hendrerit venenatis.Тут длинный текст <br />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ultrices facilisis risus. Aenean sollicitudin imperdiet justo. Nam sed nulla sed metus blandit pretium. Morbi odio. Maecenas vestibulum dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam in elit. Nam venenatis urna id diam. Quisque porta. Sed ultricies, sem vel gravida mollis, pede lectus vehicula orci, quis sodales mauris velit vitae dui. Sed tincidunt mauris ut libero. Suspendisse potenti. Praesent adipiscing. Sed sem. Ut non justo. Cras pretium nibh scelerisque nibh hendrerit venenatis.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ultrices facilisis risus. Aenean sollicitudin imperdiet justo. Nam sed nulla sed metus blandit pretium. Morbi odio. Maecenas vestibulum dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam in elit. Nam venenatis urna id diam. Quisque porta. Sed ultricies, sem vel gravida mollis, pede lectus vehicula orci, quis sodales mauris velit vitae dui. Sed tincidunt mauris ut libero. Suspendisse potenti. Praesent adipiscing. Sed sem. Ut non justo. Cras pretium nibh scelerisque nibh hendrerit venenatis.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ultrices facilisis risus. Aenean sollicitudin imperdiet justo. Nam sed nulla sed metus blandit pretium. Morbi odio. Maecenas vestibulum dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam in elit. Nam venenatis urna id diam. Quisque porta. Sed ultricies, sem vel gravida mollis, pede lectus vehicula orci, quis sodales mauris velit vitae dui. Sed tincidunt mauris ut libero. Suspendisse potenti. Praesent adipiscing. Sed sem. Ut non justo. Cras pretium nibh scelerisque nibh hendrerit venenatis.</div></div>[/html]

0

17

еккукенкен

кенкенк

кенкенкен

кенкенкенк

кенекнкен

0

18

Код:
<script type="text/javascript">
$(function() {
	if(GroupID == "3") {
    $("#pun-main").before("<div class=category><h2>Информационное табло</h2><div class=container><table border=0><tr><td><img src=http://sg.uploads.ru/t0izg.png></td><td width=66%>Приветствуем тебя на форуме, Гость.<br />Для встречи с такими же страдающими душевным эксгибиционизмом просьба <a href='login.php'>войти</a> или <a href='register.php'>зарегистрироваться</a>.</td></tr></table></div></div><Br />");
	}
	else {
    var mon_array = new Array("", "Января", "Февраля", "Марта", "Апреля", "Мая", "Июня", "Июля", "Августа", "Сентября", "Октября", "Ноября", "Декабря");
    Tm = new Date();
    Tm.setTime(1000*UserRegistered);
    m=Tm.getMonth()+1;
    if (m<10) m=m;
    hh=Tm.getHours();
    mm=Tm.getMinutes()+'';
    if (mm<10) mm=mm;
    tm='<strong>'+Tm.getDate()+'&nbsp;'+mon_array[m]+'</strong>&nbsp;в&nbsp;<strong>'+hh+':'+mm+'</strong>';
    var UserTotalReg = Math.floor(UserTotalTime/86400);
    var UserTotalPost = Math.floor(UserPosts/60);
    var sex_array = new Array("Пол неопределен. Войдите в <a href='/profile.php?section=personal&id="+UserID+"'>Профиль</a> и установите пол", "Ваш пол: <strong>Муж</strong>", "Ваш пол: <strong>Жен</strong>");
    var sex = sex_array[UserSex];
    if (UserAvatar == ""){UserAvatar = "http://s54.radikal.ru/i145/0808/84/e1fbc11ac605.png"}
    if (UserBirthDate == ""){UserBirthDate = "Дата не выставлена"}
    if (UserAge == "0"){UserAge = "[Нет сведений]"}
    var user=", <strong>"+UserName+"</strong>";
    if (user == ", <strong></strong>"){user = ""}
    $("#pun-main").before("<div class='category'><h2>Информационное табло</h2><div class='container'><table><tr><td><a href='/profile.php?section=avatar&id="+UserID+"' title='Изменить аватару'><img src='"+UserAvatar+"'></a><br /><strong>"+UserTitle+"</strong></td><td width='40%'>Приветствуем на форуме"+user+"!<br />"+sex+"<br />Вы используете стиль: <strong>"+BoardStyle+"</strong><br />Вы в группе  <strong>"+GroupTitle+"</strong><br />На форуме Вами было оставлено <strong>"+UserPosts+"</strong> бутылок<br />Ваш возраст: <strong>"+UserAge+"</strong>.<Br />Ваш день рождения: <strong>"+UserBirthDate+"</strong><br /><br />Профиль <a href='/profile.php?id="+UserID+"'>"+UserLogin+"</a> | Ваши <a href='/userlist.php?&show_group="+GroupID+"'>собутыльники</a></td><td width='30%'><strong>Отношения</strong><br /><br /><a href='/respect.php?id="+UserID+"'>Уважение</a>: <strong>"+UserRespectPlus+"</strong>/<strong>"+UserRespectMinus+"</strong><br /><a href='/positive.php?id="+UserID+"'>Позитив</a>: <strong>"+UserPositivePlus+"</strong>/<strong>"+UserPositiveMinus+"</strong><Br /><Br />Вы начали пить "+tm+" и провели вместе с нами на форуме <strong>"+UserTotalReg+"</strong> дней</td></tr></table></div></div><br />"
    	);
    	}
});
</script>

<script type="text/javascript">

rusffLive.enable = false;
RusffCore.sets.use_awards = 0;
</script>

<script>
    var allowed= new Array("sadhaka1111");
    var post, htmltext, htmltag, allow;
    function replacehtml(str, tag1, htmltext, tag2) {
        return htmltext.replace(/(&lt;)(.*?)(&gt;)/g,'<$2>')
                            .replace(/&quot;/g,'"');
    }

    if(document.URL.indexOf("viewtopic.php")!=-1){
        $('.post').each(function(){
            allow=0;
            post = $(this).find('.post-body');
            htmltag = /(\[html\])(.*?)(\[\/html\])/g;
            if ($.inArray($(this).find('.pa-author a').text(), allowed)!=-1) allow = 1; 
            if (allow && $(post).html().match(htmltag)!=null) {
               $(post).html($(post).html().replace(htmltag, replacehtml));
            }});}
    
</script>
<style>
  .pa-avatar.item2, .pa-fld2 {display: none;}
</style>

<script src="https://forumstatic.ru/files/0011/e9/e1/73894.js"></script>
<script>
//global var
var arrStorage, dataSet, currentDate, createDate, arrParam = []; 
var fld = 2;

var colorClasses = {
1 : "#c69b5b",
2 : "#d58cba",
3 : "#aad372",
4 : "#fff448",
5 : "#ffffff",
6 : "#aa1813",
7 : "#2359ff",
8 : "#68cccd",
9 : "#9382c9",
10 : "#0dffba",
11 : "#ff7c0a",
};
// end global var
function readLocalStorage() { //read LocalStorage to global var arrStorage
  var arrStorage, currentDate, createDate;

  if(window.localStorage) {
    currentDate = new Date();
    currentDate = Date.parse(currentDate) / 86400000;

      if (localStorage.getItem('battlenet') !== null) {
        
        arrStorage = $.parseJSON(localStorage.getItem('battlenet'));
        createDate = arrStorage[dataSet];
        if (currentDate - createDate > 7) {
          localStorage.removeItem('battlenetAva');
        } 
      }
      if (localStorage.getItem('battlenet') == null) {
        arrStorage = {};
        arrStorage['dataSet'] = currentDate;
      }        
  }
  return arrStorage;
}

function getData(flag, id, realm, nick, aux, place) { //get data from battle.net, if LocalStorage is empty
  $.jsonp({
    url: 'http://eu.battle.net/api/wow/character/'+realm+'/'+nick,
    callbackParameter: 'jsonp',
    success: function(json) {
        arrStorage[id] = {'realm': json.realm, 'nick': json.nick, 'aux': aux, 'avatar': json.thumbnail, 'class': json.class};
        localStorage.setItem('battlenet', JSON.stringify(arrStorage));
        if (flag == "topic") {
            setCustomAva(place, realm, nick, aux, json.thumbnail);
            setColorTopic(place, json.class);
        }
        if (flag == "all") {
            setCustomAva(place, realm, nick, aux, json.thumbnail);
            $("a[href$='/profile.php?id="+id+"]").css("color", colorClasses[json.class]);
        }
        
    },
    error: function() {
        setDefaultAva(place, flag, id);
    }
  });
}

function setDefaultAva(place, flag, id) { //set avatar, if loading failed
    if (flag = 'profile') {
        $(place).html('<a title="заполнить профиль" href="/profile.php?section=fields&id='+id+'"><img src="https://forumstatic.ru/files/0012/ad/ab/72354.jpg" title="персонаж неизвестен" /></a>');
    }
    else 
        $(place).html('<img src="https://forumstatic.ru/files/0012/ad/ab/72354.jpg" title="персонаж неизвестен" />');
}

function setCustomAva(place, param0, param1, param2, avatar) { //set avatar, if loading is successful
  $(place).append('<a href="http://eu.battle.net/wow/ru/character/'+param0+'/'+param1+'/simple" title="оружейная"> <img alt="'+param2+'" src="http://eu.battle.net/static-render/eu/'+avatar+'"> </a>');
}

function setColorTopic(place, color) { //set color for links
    $(place).parent().find("li.pa-author a").css("color", colorClasses[color]);
}

function lookAvaTopic() { 
  var flParam, idParam, newAva;
  $(".post-author").each(function(e) {

    flParam = $(this).find(".pa-fld"+fld);
    if ($(flParam).length) arrParam = $(flParam).text().split(":")[1].split(",");

    newAva = $('<li class="pa-avatar item3"></li>').insertAfter($(this).find(".pa-title"));
    idParam = $(this).find(".pa-respect a[href*='respect.php']").attr('href').split('id=')[1];  

    if(arrParam.length < 2) { setDefaultAva(newAva); return;}
    if(!arrParam[2]) arrParam[2] = "0"; 

    arrStorage = readLocalStorage();

    if (arrStorage[idParam]) {
        setCustomAva(newAva, arrParam[0], arrParam[1], arrParam[2], arrStorage[idParam].avatar);
        setColorTopic(newAva, arrStorage[idParam].class);
    }
    else {
        getData('topic', idParam, arrParam[0], arrParam[1], arrParam[2], newAva);
    }

  })
}

function colorLinks() {
    var idLink, color;
    $("a[href*='/profile.php?id=']").each(function() {
        idLink = $(this).attr('href').split("id=")[1];
        arrStorage = readLocalStorage();
        if(arrStorage[idLink]) {
            color = arrStorage[idLink].class;
            $(this).css("color", colorClasses[color]);
        }
        //else getData('all', idLink, realm);
    });
}


if(document.URL.indexOf("viewtopic.php")!=-1) {
  lookAvaTopic();
}
else {
  colorLinks();
}
//Make mini profile for index (main) page
if($('#pun-index').length) {
var loadavatar = 1; 

function MakeProfile() {
    var paSex='',paAuthor='',paAvatar='',paTitle='',paRespect='',paAge='',paName='',paAwards='';
    var showFilds = {
        paAuthor : 1,
        paTitle : 1,
        paAvatar : 1,
        paRespect : 1,
        paName : 1,
        paAge : 1,
        paSex : 1,
        paAwards : 1
    }
    if(showFilds.paAuthor) paAuthor = '<li class="pa-author"><a href="/profile.php?id='+UserID+'">'+UserLogin+'</a></li>';
    if(showFilds.paTitle) paTitle = '<li class="pa-title">'+UserTitle+'</li>';
    if(showFilds.paAvatar) paAvatar = '<li class="pa-avatar item3"></li>';
      
    if(showFilds.paRespect) {
        var summRespect = UserRespectPlus - UserRespectMinus;
        paRespect = '<li class="pa-respect"><a href="/respect.php?id='+UserID+'">Репутация:</a> '+summRespect+'</li>';
    };
    if(showFilds.paName) {
        if (UserName != "") paName = '<li class="pa-name">Имя: '+UserName+'</li>';
        else paName = '<li class="pa-name">Имя: <a href="/profile.php?section=personal&id='+UserID+'">неизвестно</a></li>';
    }
    if (showFilds.paAge) {
        if (UserBirthDate!='') paAge = '<li class="pa-age">Возраст: '+UserAge+'<span> ['+UserBirthDate+']</span></li>';
        else paAge = '<li class="pa-age">Возраст: неизвестен <span> [<a href="/profile.php?section=personal&id='+UserID+'">заполнить</a>]</span></li>';
    }
    if(showFilds.paSex) {
        var Usex = {
            0: 'неизвестно',
            1: 'мужской',
            2: 'женский'
        };
        paSex = '<li class="pa-sex">Пол: '+Usex[UserSex]+'</li>';
    }
    if(showFilds) paAwards = '<li class="pa-awards"><a href="/mod/awards/?uid='+UserID+'">Достижения</a></li>';

    var fullHtml = '<ul>'+paAuthor+paTitle+paAvatar+paRespect+paName+paAge+paSex+paAwards+'</ul>';
    $("#u-panel").append(fullHtml);
}
MakeProfile();
    //
    if (loadavatar) {
        function getAvatarProfile() {
            var flParam, newAva; 

            $.get("/profile.php?section=fields&id="+UserID+"", function(data){

                newAva = $("#u-panel .pa-avatar.item3");

                var paFld = $(data).find(".input #fld"+fld).val();
                if (paFld == undefined) {setDefaultAva(newAva, 'profile', UserID); return;}
                
                flParam = paFld.split(",");
                if (flParam.length < 2 ) {setDefaultAva(newAva, 'profile', UserID); return;}
                
                if(!flParam[2]) flParam[2] = "0";

                arrStorage = readLocalStorage();
                console.log(arrStorage);
                console.log(arrStorage[UserID]);
                if (arrStorage[UserID]) { 
                    setCustomAva(newAva, flParam[0], flParam[1], flParam[2], arrStorage[UserID].avatar);
                    setColorTopic(newAva, arrStorage[UserID].class);
                }
                else {
                    getData('profile', UserID, flParam[0], flParam[1], flParam[2], newAva);
                }
            });
        }
        getAvatarProfile();
    }

}
</script>

0

19

http://cs625117.vk.me/v625117234/6291/qRFo_c3Spiw.jpg

0


Вы здесь » sadhaka\'s forum » FAQ » Настраиваем скроллбар


Рейтинг форумов | Создать форум бесплатно