Плавающая панель «Добавить в социальные сервисы»

Плавающая панель «Добавить в социальные сервисы»

Данная статья больше не актуальна в связи с тем, что ее полностью заменил бесплатный удобный сервис Share42.com. Недавно я решил отказаться от использования своего скрипта «Добавить в закладки» и создал новый скрипт на jQuery — плавающую панель с кнопками добавления статьи в социальные ...

Комментарии (603)
  1. 1

    Выглядит шикарно. Надо будет попробовать.

  2. 2

    у меня на ноуте разрешение 1024, вижу только крайний правый край панели..

  3. 9

    Вроде всё правильно вставил, но ничего не появляется — http://wolf-bespredel.ru/, может конфликтует с реформатором, который слева у меня на блоге?

    • 10

      Может быть она у вас в браузере блокируется, как всплывающее окно. В каком браузере смотрите? Я ее вижу у вас, только путь к картинкам, видимо, неправильный указан.

      • 11

        Гугл Хром, но и в Опере и Файрфоксе тоже самое… На мозиле и хроме стоит ад блок +, но в обоих блог стоит в исключениях… а в опере вообще ничего не стоит…

  4. 12

    http://browsershots.org/http://wolf-bespredel.ru/ тоже ничего не видно…

    • 13

      Теперь понятно. Разрешение экрана у вас маленькое поэтому и не видно панель, она же смещается влево, т.е. при этом разрешении уходит за пределы экрана. Выход один — сужать дизайн, чтобы оставалось место под панель.

  5. 15

    Дело в том, что у меня разрешение экрана 1680х1050… Это при снятии скришнотов я забыл указать разрешение экрана…

    ЗЫ: Писал сейчас сообщение и нарвался вот на такой баг… http://clip2net.com/page/m0/6686429

  6. 19

    Спасибо всё отлично работает теперь, но ещё один вопрос, как сделать, чтобы при постинге через эту панель в твиттер, он (скрипт) не вставлял теги html, например кавычки, а то не красиво получается и много лишнего для твиттера… Вот пример: Видео: «Неугаданное» – рекомендуется всем автолюбителям и не только… — http://wolf-bespredel.ru/raznoe/video-neugadannoe-rekomenduetsya-vsem-avtolyubitelyam-i-ne-tolko.html. Оригинал: Видео: «Неугаданное» – рекомендуется всем автолюбителям и не только…

  7. 24
    Александр

    Около 3-х недель назад нашел весь набор этих иконок по этому адресу 106 социальных иконок. Спасибо за статью, панелька красивая и удобная.

  8. 25
    Pro100men

    спасибо, может на днях поставлю
    PS и спасибо за ссылку на плавающую панель подписчиков, давно искал)

  9. 26

    Мне http://www.wibiya.com/ нравится. Зачотная панелька, но тоже в ие6 не пашет.

  10. 27

    Дима, помоги. Поставил, наезжает на пост, вот скриншот:

    http://s3.amazonaws.com/floomby/7_9_2010/eZSEOw6ri0aWZzS1ztLdBg.png

  11. 28

    Проблема решена

  12. 29

    Вы пишете, что в Сафари есть косячок — я не заметила, всё отлично работает :)

    Вопрос: можно добавлять дополнительные кнопки в панель? И, если можно, как?

    Спасибо за скрипт — панелька выглядит отлично, сейчас попробую устроить у себя..

    • 30

      Вопрос: можно добавлять дополнительные кнопки в панель? И, если можно, как?

      Здесь в конце статьи я описывал процесс добавления. В этом скрипте делается по аналогии.

  13. 31

    Олололо! Получилось!!!! Класс :)
    Огромное Вам спасибо!

  14. 32

    Вы пишете:

    С помощью дополнительной строчки скрипта можно сделать, чтобы при этом разрешении панель была сдвинута на меньшее значение влево. Обычно от края текста до края дизайна есть какой-то отступ, т.е. на этот отступ и поставить панель. Конечно будет смотреться не очень красиво, но зато она будет видна при разрешении 1024, если уж очень надо

    Я щаз попробовала глянуть, чего там с панелькой на блоге при разрешении 1024 — панелька не видна ваще :(
    Так не могли бы Вы подсказать эту самую строчку для скрипта, шобы сдвинуть её правее?

    • 33

      После этой строчки:

      s.css({top: m1});

      вставьте такую строку:

      if ( $(window).width() < 1080 ) s.css({marginLeft: -53});

      И цифру -53 подгоните под себя.

      • 34

        И цифру -53 подгоните под себя

        -30 оказалось в самый раз — благодарю Вас, Вы замечательный! Наконец-то появилась отличная панель для постинка в соц. закладки — урррааа!!!

  15. 35
    Денис

    а как переделать под обычный сайт?
    у меня не работает, ибо не блог

  16. 37

    Как уже писал в № 37, проблема простого уменьшения размера окна браузера
    внезависимости от разрешения экрана монитора не решена.
    Или это никого не нарягает :)

  17. 40
    Денис

    ой!! спасибо вам!! очен ькрасиво получилось))
    просто путь до папки картинок надо писать http://сайт/папка

  18. 41
    Денис

    но не пооучается..попробуйте нажать на любую нопку — или не пишет
    или пустые поля
    http://shop.m8mate.com/products/m8mate_Joy_Sky

  19. 43
    Денис

    да, спасибо, но если у меня содержимое меняется динамически — все таки магазин..

  20. 44
    sMiles

    Проблема показа панельки в зависимости от разрешения экрана меня так же давно мучила. В итоге приглянулась идея от mashable.com.
    Все решилось почти «голым» CSS — http://bit.ly/cGtyo3
    Посмотреть как выглядит можно тут — http://bit.ly/cYTfp2