Плавающая панель «Добавить в социальные сервисы»
Недавно я решил отказаться от использования своего скрипта "Добавить в закладки" и создал новый скрипт на jQuery - плавающую панель с кнопками добавления статьи в социальные сервисы. Эту панель вы можете прямо сейчас наблюдать слева на странице любой статьи данного блога (при разрешении экрана более ...
Комментарии (603)
Отличная штука, надо будет заменить свою обычную кнопочку)
Dimox, большое спасибо!
отличная панель. Очень полезная.
у меня один маленький вопрос: где и как нужно прописать свойство left, чтобы
панель по горизонтали позиционировалось относительно края окна браузера, а не относительно родительского блока?
Очень просто. Из
#socializ {…}
удалитеmargin-left: -70px;
и добавьтеleft: 0;
.спасибо!
Dimox если ты не против, я вот сделал из твоей панельки плагин для MaxSite…
Согласен, если в плагине будет указано мое авторство со ссылкой.
Подскажите пожалуйста, как прикрутить этот скрипт к Joomla 1.5.14? Спасибо!
Отлично, давно хотел себе на блог такую штучку повесить, все решение найти не мог:) правда не особо и искал:)
Действительно приятная панелька)
Спасибо за инфу, но для себя пожалуй переделаю пару моментов, а еще думаю было бы не плохо приделать кнопочку «Поделиться ссылкой на Я.ру»
чё то у мня не плавает панелька. кнопки есть. всё работает, но хочется чтоб плавала имено менюшка как у вас…
и да благодарю за подробное описание по установки
Во-первых, ошибка в файле style. css, нет закрывающейся скобки после:
Из-за этого стили панели вообще не применяются.
Во-вторых, нужно добавить следующие стили:
всё спасибО)))) а то блин сижу туплю над скриптами по 15 раз переправляю)))
Подскажите, такая беда, все установил и все работает, но те функции под jquery которые раньше работали на сайте теперь не работают (это выплывающие меню вниз сразу под шапкой и всплывающие анонсы текстов перед картинками во втором блоке сверху вниз, еще наверное что-то, но я пока не увидел). Видимо тоже идет конфликт…
Извиняюсь, уже сам разобрался, выше вставил две строки кода и все заработало…
Здравствуйте Dimox
Как в данных плавающих закладках можно сделать ограничение по расстоянию от конца страницы до плавающей панели?
Установил плавающую панель себе на блог Прохождение Флеш Игр, при этом дойдя до конца страницы панель наезжает на нижний прямоугольник с текстом. Не эстетично, а вот подправить бы было уместно, выставив ограничение.
Самый простой выход — сузить этот блок или добавить у него отступ слева. А ограничение снизу — это лишнее.
Ясно. Спасибо
var m1 = 470; /* расстояние от начала страницы до плавающей панели */
var m2 = 50; /* расстояние от верха видимой области страницы до плавающей панели */
var f = 'http://www.hochumisl.ru/wp-content/i/'; /* путь до картинок */
Как здесь прописать отступ слева?
Он задается в стилях:
отступ слева не подходит, панель далеко от текста уезжает, получается как сама по себе
как можно отступ снизу прописать? надо этот вариант посмотреть на внешность
Нужно экспериментировать. У меня нет на это времени.
ок. сам поищу решение
спасибо за панель, симпатичная
Приветствую, Dimox. Такая проблема. панель есть, но не отображаются иконки.
var f = 'images/social-icons/'; /* путь к папке с изображениями кнопок */
путь верный, но почему-то нет. Используется WP
Где можно посмотреть?
«social-icons» я сменил на стандартное «i». ссылка на изображение ниже
www.imageup.ru/img101/future-theme422168.png.html
Со скриншотами проблему не решить, мне нужно вживую «пощупать» код. Попробуйте указать абсолютный путь, а не относительный.
С абсолютным путем помогло. спасибо еще раз. Когда закончу свою тему — покажу с новой панелькой.))
У меня такая же проблема возникла после того, как на блог установил плагин — RusToLat.
Дмитрий, что мне делать?
Помогите разобраться. Установила ваш скрипт на одном блоге — работает без проблем. Очень довольна.
Решила поставить на другом блоге. И не отображается. Вроде все правильно сделала. Уже все ошибки, какие заметила исправила — ничего. В чем может быть проблема???
life-on-photo.com/
Спасибо за помощь!
Вы указали неправильную ссылку на скрипт, в ней отсутствует это:
http:/
.исправила, такую же ошибку допустила и в пути к картинкам. тоже исправила. а панели все равно нет (
Она есть, но если у Вас разрешение экрана 1024×768, то да, ее не видно. Вам нужно поменять отступ слева. Здесь написано, где менять.
у меня разрешение 1280*1024
Поменяла отступ, хотя может она и была. Почему-то на главной не появляется, а если зайти в новость то есть.
Можно сделать, чтоб и на главной была панелька? Хотя это и не так важно.
Потому что в шаблоне для главной страницы у Вас не вставлен код вывода панели. Но это и не стоит делать, т.к. скрипт рассчитан для страницы одной статьи.
Спасибо что помогли разобраться!!!
Представьте что мы добавили в ПП столько кнопок (например 72 шт), что она перестала помещается полностью в наш экран. Прокручиваем страницу вниз в надежде увидеть нужную кнопку, но панель упирается головой в потолок и не хочет показывать что у нее там внизу.
А теперь внимание, вопрос: как сделать так, чтобы панель перемещалась с прокручиваемой страницей до достижения самого своего низа?
Я такую ситуацию исключаю, потому что это бред. Ни к чему пихать столько кнопок.
Согласен, в таком виде это действительно похоже на патологию, но я убежден, что в других (некнопочных) целях это может быть оправдано. Скажите, чисто технически это можно реализовать?
Думаю, что можно.
Dimox, как спец в данной области, подскажи как реализовать данную функцию.
Заранее благодарен.
Извините, нет желания разбираться в этом.
Возможно, идея создания сайдбара который всегда на виду, обеспечит вас таким желанием. Никогда не посещала мысль сделать сайдбар вездесущим? Для вашего симпатичного сайта такой был бы в самый раз.
У меня нет такой необходимости.
Дмитрий, привет!
Всё установил. Но на плавающей панели не видны картинки кнопок.
Что это может быть?!
Значит указан неправильный путь к изображениям.
Скажите, а как панель закрепить справа, а не слева (как у вас на сайте).
Спасибо!
В стилях у
#socializ
в параметреmargin-left
вместо-70
поставьте положительное значение, равное сдвигу вправо.Это я уже делал. Вправо блок ушел, но из-за того, что сайт резиновый, я не могу точно определить длину отступа слева. Потому хотелось бы, чтобы блок был именно справа закреплен и именно справа я мог бы регулировать параметр отступа margin-right (например)
Спасибо!
С резиновым сайтом так сделать не получится, к сожалению. Единственное, что можно попробовать — вместо
margin-left
использоватьright
, но тогда, панель будет позиционироваться относительно правого края окна браузера, а не относительно блока с контентом.А мне так и надо (сайт растянут до краев). Но Ваш последний способ не сработал. :(Может еще в css какой параметр добавить надо.
Я проверял, у меня работает.
Спасибо, установила себе панель закладок, очень довольна!!! :)
ни как не могу разобраться в чём дело…
вставил необходимые строчки в head. php и single. php? отредактировал стиль style. css …но панелька ни как не появляется =\ …посмотрите, видимо что-то не так делаю… вот к примеру пост_ www.yogarazuma.ru/blog/osho-o-lyubvi
Интересный случай. Видимо, происходит конфликт с одним из прочих скриптов.
Решается следующим образом.
1. После этой строки:
вставьте это:
2. Перед закрывающей скобкой
}
в конце скрипта добавьте это:благодарю)
и впрямь помогло)))