АРМАДА
Как сделать так же?
Новая тема Написать ответ Advanced Hosters - профессиональный хостинг

DK +
wordpress
Зарегистрирован: 18.06.2008
Сообщений: 2425
Обратиться по нику
# Добавлено:Чт Июл 12, 2012 9:45 pmДобавить в избранноеОтветить с цитатой
при прокручивании чтобы сайд бар так же опускался как релкама яшки

polismed.ru/lab-oak-kw.html

Codd
Опытный
Зарегистрирован: 13.01.2011
Сообщений: 186
Обратиться по нику
# Добавлено:Чт Июл 12, 2012 10:26 pmОтветить с цитатой
http://www.simplecoding.org/jquery-plagin-plavayushhij-vidzhet-s-knopkami.html

DK +
wordpress
Зарегистрирован: 18.06.2008
Сообщений: 2425
Обратиться по нику
# Добавлено:Чт Июл 12, 2012 10:55 pmОтветить с цитатой
не понял я как активировать этот плагин, если это плагин конечно

Код:
Подключаете плагин
   
$('#twitter_widget').left_floating_button();



хз куда это прописать

Codd
Опытный
Зарегистрирован: 13.01.2011
Сообщений: 186
Обратиться по нику
# Добавлено:Чт Июл 12, 2012 11:27 pmОтветить с цитатой
http://www.simplecoding.org/plavayushhij-vidzhet-versiya-2.html
Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

    <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="js/floating_panel.jquery.js"></script>
    <script type="text/javascript">
        $(function() {
            $('#sidebar_1').floating_panel({
                'fromCenter': 520, // расстояние от центра до блока
                'fromTop': 50, // расстояние сверху при скроллинге
                'minTop': 200, // расстояние сверху стандартное
                'location': 'left'
            });
        });
    </script>
</head>
<body>


<div id="sidebar_1">11</div>


</body>
</html>



js/jquery-1.4.2.min.js - файл jquery (если wp, то его качать не надо)
js/floating_panel.jquery.js - путь до плагина (его скачиваешь на странице http://www.simplecoding.org/plavayushhij-vidzhet-versiya-2.html)
Если WP, то будет

Код:
    <script type="text/javascript">
  jQuery(function() {
            jQuery('#sidebar_1').floating_panel({
                'fromCenter': 520, // расстояние от центра до блока
                'fromTop': 50, // расстояние сверху при скроллинге
                'minTop': 200, // расстояние сверху стандартное
                'location': 'left'
            });
        });
    </script>


DK +
wordpress
Зарегистрирован: 18.06.2008
Сообщений: 2425
Обратиться по нику
# Добавлено:Чт Июл 12, 2012 11:39 pmОтветить с цитатой
все сделал как описано, не работает. Притом что использовал оба варианта подключения, стукни в скайп

все доперло как сделать, кое где еще надо было прописать, но в скайп всеравно стукни )

одно мне непонятно, как сделать чтобы реклма гугла и яндекса показывалась в этом диве - она тупа не работает, все остальное пашет

DK +
wordpress
Зарегистрирован: 18.06.2008
Сообщений: 2425
Обратиться по нику
# Добавлено:Пт Июл 13, 2012 12:49 amОтветить с цитатой
Разобрался. Сэнкю вери мач!

а как сделать чтобы он не наезжал на футер? ато у меня футер большой и он туда заезжает конкретно

Codd
Опытный
Зарегистрирован: 13.01.2011
Сообщений: 186
Обратиться по нику
# Добавлено:Пт Июл 13, 2012 8:57 amОтветить с цитатой
Цитата:
а как сделать чтобы он не наезжал на футер? ато у меня футер большой и он туда заезжает конкретно


Модифицировал плагин http://narod.ru/disk/56259941001.09f73c39450914fd6b9a3593fbd1de58/floating_panel.jquery.js.html
В конфиги добавил параметр minBottom
Код:

$('#sidebar_1').floating_panel({
                'fromCenter': 120, // расстояние от центра до блока
                'fromTop': 50, // расстояние сверху при скроллинге
                'minTop': 200, // расстояние сверху стандартное
                'location': 'left',
                'minBottom': 420 // высота футера
            });


DK +
wordpress
Зарегистрирован: 18.06.2008
Сообщений: 2425
Обратиться по нику
# Добавлено:Пт Июл 13, 2012 10:50 amОтветить с цитатой
спасибо бро, как всегда выручил. Чо там с нашим плагином то? через месяц то можно будет забрать?
Новая тема Написать ответ    ГЛАВНАЯ ~ ТЕХНИЧЕСКИЕ ВОПРОСЫ

Перейти:  





Генеральный спонсор



Партнеры