Главная JavaScript

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

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

Недавно я решил отказаться от использования своего скрипта "Добавить в закладки" и создал новый скрипт на jQuery - плавающую панель с кнопками добавления статьи в социальные сервисы. Эту панель вы можете прямо сейчас наблюдать слева на странице любой статьи данного блога (при разрешении экрана более ...

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

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

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

    <script type="text/javascript" src="https://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. Подскажите, пожалуйста, что прописывать на месте 'Ссылка на статью' и 'Название статьи' на Друпал? Спасибо.

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

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

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

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

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

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

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

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

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

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

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

    должно быть:

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

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

    $(window).width() < 1080 ) s.css({marginLeft: -15});
    
  6. Я поставил ваш фаил из архива. То есть заменил. Я думаю мне нету смысла вам морочить голову =)

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

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

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

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

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

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

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

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

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

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

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

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

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

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