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

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

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

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

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

  2. 3
    wertock

    Добавил в header.php
    строки

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="мойдомен/socializ.js"></script>

    в single.php

    <script type="text/javascript">socializ(encodeURIComponent('<?php the_permalink() ?>'),encodeURIComponent('<?php the_title(); ?>'))</script>

    Не отображается и всё(

  3. 5
    SlavviR

    Подскажите, пожалуйста, что прописывать на месте ‘Ссылка на статью’ и ‘Название статьи’ на Друпал? Спасибо.

  4. 9

    Прикольно конечно) Но зах дополнительный скрипт, если все можно с помощью html и CSS сделать? Просто с помощью абсолютного позиционирования? К тому же если сделать абсолютное позиционирование панелька при разрешении экрана >1024×768 будет сьезжать на контент — а не пропадать… И прозрачность тоже можно сделать при помощи CSS. незнаю диман… у тебя конечно опыта поболее… но яб всетаки сначало через css попробовал сделать… например у меня меню в такой же технике выполнено. Дабы это не выглядело рекламой пишу не ссыль а адрес onjee.ru Там скрипт используется только для того чтобы при прокрутке панель делалась прозрачной а при наведении на нее курсора — возвращала непрозрачные свойства… Вобщем смысл всей этой писанины в том, что я считаю — такую панель можно без скрипта сделать.. Тебе не кажется?

    • 10

      Но зах дополнительный скрипт

      Так сейчас сплошь и рядом jQuery используется, особенно в WordPress. Так что можно сказать никакого дополнительного скрипта и нет, там пару строчек кода. Или вас как и некоторых слово «скрипт» пугает? :) Встречал людей, которые к слову «скрипт» относятся как к «СПИД» (утрирую конечно).

      К тому же если сделать абсолютное позиционирование панелька при разрешении экрана >1024×768 будет сьезжать на контент — а не пропадать…

      Если сделать, как вы предлагаете, абсолютное горизонтальное позиционирование, то получится не совсем то что сделано здесь — на широком экране панель убежит к краю, а не останется рядом с контентом. Съезжать на контент — это тоже не есть хорошо!

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

      Такую невозможно :) Можно сделать нечто подобное. Но вертикальную прокрутку без скрипта реализовать не получится!

      Мне панелька понравилась — симпатичная такая. Считаю для какого-нить персонального блога самое то!

    • 11

      Не согласен хотя бы потому, что у меня весь HTML-код убран в JavaScript, и это избавляет от захламления кода страницы.

  5. 12
    wertock

    Вот http://wertock.ru/

  6. 15
    wertock

    1. Указана неправильный путь до файла socializ_2.js.
    2. В файле socializ_2.js ошибка, вместо:

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

    должно быть:

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

    1.Путь к файлу проверил, правильный.
    2. В файле socializ_2.js нету вообще данного кода.

    $(window).width() < 1080 ) s.css({marginLeft: -15});
    
  7. 17
    wertock

    Я поставил ваш фаил из архива. То есть заменил. Я думаю мне нету смысла вам морочить голову =)

  8. 18

    Да нет.. слово скрипт меня непугает) … Кстати про прокрутку я непосмотрел — это конечно без скрипта не получится)… Ну и наконец… я и говорю что похожую панель можзно сделать) не именно такую)

  9. 20

    Но почему форма добавления заметки открывается в том же окне?
    Обычно это небольшое всплывающее окошко не на весь размер экрана.
    Сложно возвращаться на ту же статью. Особенно после «Вконтакта» — так какой-то редирект срабатывает…

  10. 22

    отличная вещь, поставил на один из своих блогов

  11. 23
    Влад

    Наконецто нашел как эти кнопки сделанны! Спасибо за подробный FAQ, буду рисовать иконки под свой стиль и ставить )

  12. 24

    Большое спасибо, Дмитрий! Классное меню для соц. закладок. Давно искал что-то подобное. К сожалению не получилось поставить. В статьях на блоге появляется один только пустой . Никак не могу понять в чем может быть проблема? Может посоветуешь что?

  13. 29

    Всё отлично, но было бы супер если ссылка в ретвите проходила через сокращалку т.е. при ретвите урл сокращался через сервис, это можно как-то сделать ?

  14. 32
    Вячеслав

    С удовольствием интегрировал в свой сайт !

  15. 33

    Добрый день. Спасибо большущее за панель, очень красиво!
    Только на моем блоге не отображается панель совсем. Не подскажете, в чем может быть проблема? :(

  16. 39

    Денис специально для тебя )))))) Под ИЕ правда не подгонял — так как делал ради того чтобы удовлитворить свое любопытство) Вот что получилось

    http://onjee.ru/wp-content/lesons/panel/index.html

  17. 40
    Женя

    Здравствуйте я начинающий сайтописатель мне не очень понятен 3 пункт.

  18. 54
    Илья

    я это сделал :) спасибо автору за интересный скрипт1!!1

  19. 55
    Олег

    А как прописать 3 пункт в Джумле?

  20. 58

    а вообще эффективные ли данные кнопки в плане продвижения?