Часовой пояс: UTC + 3 часа




Начать новую тему Ответить на тему  [ Сообщений: 9 ] 
Автор Сообщение
СообщениеДобавлено: 2011-07-01 21:39 
Не в сети
Администратор
Администратор
Аватара пользователя
Раздал: 51.58 ТБ
Скачал: 620.08 ГБ
Ратио: 85.182


Зарегистрирован: 2010-11-09 02:24
Сообщения: 44886
Откуда: Земля Санникова
#777
Фиг знает может кому нужен. На ТП я его уже выкидывал.

в page_header.tpl перед </head> вставить :

Код:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.js"></script>
   
    <script type="text/javascript">
   
        (function(jq) {
            jq.autoScroll = function(ops) {
            ops = ops || {};
            ops.styleClass = ops.styleClass || 'scroll-to-top-button';
            var t = jq('<div class="'+ops.styleClass+'"></div>'),
            d = jq(ops.target || document);
            jq(ops.container || 'body').append(t);

            t.css({
                opacity: 0,
                position: 'absolute',
                top: 0,
                right: 0
            }).click(function() {
                jq('html,body').animate({
                    scrollTop: 0
                }, ops.scrollDuration || 1000);
            });

            d.scroll(function() {
                var sv = d.scrollTop();
                if (sv < 10) {
                    t.clearQueue().fadeOut(ops.hideDuration || 200);
                    return;
                }

                t.css('display', '').clearQueue().animate({
                    top: sv,
                    opacity: 0.8
                }, ops.showDuration || 500);
            });
        };
    })(jQuery);

    $(document).ready(function(){
        $.autoScroll({
            scrollDuration: 2000,
            showDuration: 600,
            hideDuration: 300
        });
    });
   
    </script>
в main.css в самый конец вставить :
Код:
.scroll-to-top-button{
    background: #666 url(../images/Upload.png) center center no-repeat;
    width: 32px;
    height: 32px;
    color: #fff;
    font-family: verdana;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    cursor: pointer;
    padding: 15px;
    margin: 20px;
}

посмотреть как работает можно здесь: http://magazin.rustrek.ru/index.php

картинку залить /images


У вас нет необходимых прав для просмотра вложений в этом сообщении.


Вернуться к началу
 Профиль  
Ответить с цитатой  
 Заголовок сообщения:
СообщениеДобавлено: 2011-07-02 00:27 
Не в сети
Администратор
Администратор
Аватара пользователя
Раздал: 51.58 ТБ
Скачал: 620.08 ГБ
Ратио: 85.182


Зарегистрирован: 2010-11-09 02:24
Сообщения: 44886
Откуда: Земля Санникова
еще один плагин прокрутки страницы

в page_header.tpl перед </head> вставить :

Код:
<!-- MOD : Прокрутка страницы от RusTrek - Start -->
         <script type="text/javascript">
         var scrolltotop={
         setting: {startline:350, scrollto: 0, scrollduration:800, fadeduration:[500, 100]},
         controlHTML: '<img src="/images/UP4.png" />',
         controlattrs: {offsetx:5, offsety:5},
         anchorkeyword: '#top',

         state: {isvisible:false, shouldvisible:false},

         scrollup:function(){
            if (!this.cssfixedsupport)
               this.control.css({opacity:50})
            var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
            if (typeof dest=="string" && jQuery('#'+dest).length==1)
               dest=jQuery('#'+dest).offset().top
            else
               dest=0
            this.body.animate({scrollTop: dest}, this.setting.scrollduration);
         },

         togglecontrol:function(){
            var scrolltop=jQuery(window).scrollTop()
            if (!this.cssfixedsupport)
               this.keepfixed()
            this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
            if (this.state.shouldvisible && !this.state.isvisible){
               this.control.stop().animate({opacity:1}, this.setting.fadeduration[0])
               this.state.isvisible=true
            }
            else if (this.state.shouldvisible==false && this.state.isvisible){
               this.control.stop().animate({opacity:0}, this.setting.fadeduration[1])
               this.state.isvisible=false
            }
         },
         
         init:function(){
            jQuery(document).ready(function($){
               var mainobj=scrolltotop
               var iebrws=document.all
               mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
               mainobj.body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
               mainobj.control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
                  .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
                  .attr({title:' íà÷àëî ñòðàíèöû '})
                  .click(function(){mainobj.scrollup(); return false})
                  .appendTo('body')
               if (document.all && !window.XMLHttpRequest && mainobj.control.text()!='')
                  mainobj.control.css({width:mainobj.control.width()})
               mainobj.togglecontrol()
               $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
                  mainobj.scrollup()
                  return false
               })
               $(window).bind('scroll resize', function(e){
                  mainobj.togglecontrol()
               })
            })
         }
      }

      scrolltotop.init()

      </script>
<!-- MOD : Прокрутка страницы от RusTrek - End -->


Кнопку заливаем в /images

В архиве есть кнопки на выбор


тестить можно здесь http://test.rustrek.ru/index.php


У вас нет необходимых прав для просмотра вложений в этом сообщении.


Вернуться к началу
 Профиль  
Ответить с цитатой  
 Заголовок сообщения:
СообщениеДобавлено: 2011-07-18 21:16 
Не в сети
Раздал: 0 байт
Скачал: 0 байт
Ратио: Inf.


Зарегистрирован: 2011-07-18 20:22
Сообщения: 12
скажите пожалуйста установил,во общем вылез квадрат черный вместо изображения,в чем проблема((?


Вернуться к началу
 Профиль  
Ответить с цитатой  
 Заголовок сообщения:
СообщениеДобавлено: 2011-07-18 21:21 
Не в сети
Администратор
Администратор
Аватара пользователя
Раздал: 51.58 ТБ
Скачал: 620.08 ГБ
Ратио: 85.182


Зарегистрирован: 2010-11-09 02:24
Сообщения: 44886
Откуда: Земля Санникова
путь к изображению надо посмотреть, или кидай мне в лычку сайт, я посмотрю


Вернуться к началу
 Профиль  
Ответить с цитатой  
 Заголовок сообщения:
СообщениеДобавлено: 2011-07-18 21:45 
Не в сети
Раздал: 0 байт
Скачал: 0 байт
Ратио: Inf.


Зарегистрирован: 2011-07-18 20:22
Сообщения: 12
admin
кинул в лс. путь такой ../images/Upload.png


Вернуться к началу
 Профиль  
Ответить с цитатой  
 Заголовок сообщения:
СообщениеДобавлено: 2011-07-18 22:01 
Не в сети
Администратор
Администратор
Аватара пользователя
Раздал: 51.58 ТБ
Скачал: 620.08 ГБ
Ратио: 85.182


Зарегистрирован: 2010-11-09 02:24
Сообщения: 44886
Откуда: Земля Санникова
ну там в первом посте ж нормально написан путь

Код:
background: #666 url(../images/Upload.png) center center no-repeat;


сравни со своим в main.css, там слеша не хватает


Вернуться к началу
 Профиль  
Ответить с цитатой  
 Заголовок сообщения:
СообщениеДобавлено: 2011-07-18 22:10 
Не в сети
Раздал: 0 байт
Скачал: 0 байт
Ратио: Inf.


Зарегистрирован: 2011-07-18 20:22
Сообщения: 12
admin

прости я тупанул,название картинки не изминил :ab: кстати спасибо большое за мод и за помощь потраченное)


Вернуться к началу
 Профиль  
Ответить с цитатой  
 Заголовок сообщения:
СообщениеДобавлено: 2011-07-18 22:11 
Не в сети
Администратор
Администратор
Аватара пользователя
Раздал: 51.58 ТБ
Скачал: 620.08 ГБ
Ратио: 85.182


Зарегистрирован: 2010-11-09 02:24
Сообщения: 44886
Откуда: Земля Санникова
та не за что!


Вернуться к началу
 Профиль  
Ответить с цитатой  
 Заголовок сообщения:
СообщениеДобавлено: 2011-09-05 09:16 
Не в сети
Аватара пользователя
Раздал: 0 байт
Скачал: 0 байт
Ратио: Inf.


Зарегистрирован: 2010-12-12 17:23
Сообщения: 8
спасибо


Вернуться к началу
 Профиль  
Ответить с цитатой  
Показать сообщения за:  Поле сортировки  
Начать новую тему Ответить на тему  [ Сообщений: 9 ] 

Часовой пояс: UTC + 3 часа


Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 14


Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Найти:
Перейти:  
cron
Переместиться наверх
 Главная |  Список форумов |   Time : 5.003s | 18 Queries | GZIP : Off |