Раздер Название темы Ответов Последний
Графика для сайта Shareman 3.70 RUS/2010 0 mandelsonsouggisse
Изготовление контента Нужен контент 10 ali7875
DataLife Engine Проблема регистрации. 1 JimaX
DataLife Engine Модальное окно в DataLife Engine 3 lionprizrak
DataLife Engine Настройка robots.txt 8 Prizrak_2012
Стол заказов на cmsko.ru Мини-чат. 2 JimaX
Общение пользователей Статьи 3 nastroenie
Хостинг TneHost - Хстинг провайдер 10 ali7875
DataLife Engine Установка банеров 9 JimaX
DataLife Engine Помогите с установой. dle95 2 nastroenie
Яндекс Apdate
Апдейты Яndex тИЦ
13.04.2012Последний |
16.02.2012
04.02.2012
Апдейты Яndex выдачи
26.04.2012Последний |
25.04.2012
24.04.2012
Апдейты ЯКаталога
26.04.2012Последний |
25.04.2012
24.04.2012
JimaX: Насчет оптимизации это все зависит от твоего сайта, ну примерная цена хорошей оптимизации от 700 рублей. ab
JimaX: ali7875, уникализировать в каком смысле ? Для поисковиков или для людей, то есть сам шаблон изменить. laughing
ali7875: да и сделать внутреннюю оптимизацию сайта?
ali7875: JimaX: Привет, сколько примерно будет стоить уникализировать шаблон?
lionprizrak: написал на форуме http://cmsko.ru/forum/topic_29
JimaX: lionprizrak,в чате просто не изложишь всю суть поставленного вопроса.
JimaX: lionprizrak, не надо постоянно засорять чат мусором который вы здесь пишите, создайте просто тему на форуме и все, ждите пока ответят. В следующий раз получите Бан. banned
lllekojladka: без \\
lllekojladka: lionprizrak: scroll=\"yes\"
lllekojladka: scroll=\"yes\"
lionprizrak: help_mehelp_mehelp_me
lionprizrak: Мне здесь кто нибудь ответит плиз (Модальное окно в DataLife Engine) А как сделать что бы внутри появлялась справа прокрутка, при большом объёме текста.
Prizrak_2012: JimaX нужна помошь по одному делу .... не бесплатно конечно. если можешь помочь отпишись на ящик мне.
Frenk: lionprizrak, я себе тоже его установил, и нечего не слетело smile-15 просто ты может что то не так сделал fellow
lionprizrak: После установки этого модуля dude Smart Leech у меня слетело подтверждение сайта на yandexe
JimaX: ali7875,тегов noindex будет достаточно, ну мы еще используем модуль dude Smart Leech, для скрытия и обработки внешних ссылок.
ali7875: JimaX: тегов noindex и nofollow хватит или еще что-то надо?
ali7875: JimaX: как правильно отредактировать код в витрине ссылок, чтобы поисковики не ругались?
lionprizrak: (Модальное окно в DataLife Engine) А как сделать что бы внутри появлялась справа прокрутка, при большом объёме текста.
ali7875: nastroenie: для начала нужно в админпанели создать категории, а вообще создай темку в форуме, там проще будет писать))
Информация
Главная страница » DLE » DLE Хаки » Кнопка наверх с использованием jQuery
Кнопка наверх с использованием jQuery
» Просмотров: 455 » Дата: 24-08-2011, 11:35 » Автор: JimaX
Кнопка наверх с использованием jQuery

Простая и на мой взгляд неплохая кнопка наверх с использованием jQuery плагина.



Установка:
1. В файле main.tpl, перед тегом

</head>

вставляем следующий код:

<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);

         });

         $(window).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>

2. В файле стилей дописываем следующий css код:

/*Кнопка наверх*/
.scroll-to-top-button{ background: #666 url("../images/ups.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;
}

3. Скачиваем картинку и заливаем на сервер в templates/имя шаблона/images
Скачать: ups.zip [ b] (cкачиваний: 51)



Комментарии: 0
 (голосов: 0)
Уважаемый посетитель, Вы зашли к нам на сайт как незарегистрированный пользователь. Мы рекомендуем Вам бесплатно зарегистрироваться либо войти на сайт под своим именем.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.