Плавающая панель «Добавить в социальные сервисы»
Недавно я решил отказаться от использования своего скрипта "Добавить в закладки" и создал новый скрипт на jQuery - плавающую панель с кнопками добавления статьи в социальные сервисы. Эту панель вы можете прямо сейчас наблюдать слева на странице любой статьи данного блога (при разрешении экрана более ...
Комментарии (603)
А где можно скачать иконку для мой мир, подскажи пожалуйста?
В примерах все есть.
Добавил в 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>
Не отображается и всё (
Мне это ни о чем не говорит. Покажите страницу.
Подскажите, пожалуйста, что прописывать на месте 'Ссылка на статью' и 'Название статьи' на Друпал? Спасибо.
Я с Друпалом не работал, поэтому не могу подсказать.
ссылка сработала на версии:
Спасибо за скрипт, учитывая мой вкус, он лучший!
Спасибо за отзыв.
Прикольно конечно) Но зах дополнительный скрипт, если все можно с помощью html и CSS сделать? Просто с помощью абсолютного позиционирования? К тому же если сделать абсолютное позиционирование панелька при разрешении экрана >1024×768 будет сьезжать на контент — а не пропадать… И прозрачность тоже можно сделать при помощи CSS. незнаю диман… у тебя конечно опыта поболее… но яб всетаки сначало через css попробовал сделать… например у меня меню в такой же технике выполнено. Дабы это не выглядело рекламой пишу не ссыль, а адрес onjee.ru Там скрипт используется только для того чтобы при прокрутке панель делалась прозрачной, а при наведении на нее курсора — возвращала непрозрачные свойства… Вобщем смысл всей этой писанины в том, что я считаю - такую панель можно без скрипта сделать. Тебе не кажется?
Так сейчас сплошь и рядом jQuery используется, особенно в WordPress. Так что можно сказать никакого дополнительного скрипта и нет, там пару строчек кода. Или вас как и некоторых слово «скрипт» пугает? :) Встречал людей, которые к слову «скрипт» относятся как к «СПИД» (утрирую конечно).
Если сделать, как вы предлагаете, абсолютное горизонтальное позиционирование, то получится не совсем то что сделано здесь — на широком экране панель убежит к краю, а не останется рядом с контентом. Съезжать на контент — это тоже не есть хорошо!
Такую невозможно :) Можно сделать нечто подобное. Но вертикальную прокрутку без скрипта реализовать не получится!
Мне панелька понравилась — симпатичная такая. Считаю для какого-нить персонального блога самое то!
Не согласен хотя бы потому, что у меня весь HTML-код убран в JavaScript, и это избавляет от захламления кода страницы.
Вот wertock.ru/
Причины в следующем:
1. Указана неправильный путь до файла socializ2.js.
2. В файле socializ2.js ошибка, вместо:
должно быть:
в какой строке по счету? сам не вижу
1.Путь к файлу проверил, правильный.
2. В файле socializ2.js нету вообще данного кода.
Когда я проверял, он там был.
Я поставил ваш фаил из архива. То есть заменил. Я думаю мне нету смысла вам морочить голову =)
Да нет. слово скрипт меня непугает) … Кстати про прокрутку я непосмотрел — это конечно без скрипта не получится)… Ну и наконец… я и говорю что похожую панель можзно сделать) не именно такую)
можно? — сделайте
Но почему форма добавления заметки открывается в том же окне?
Обычно это небольшое всплывающее окошко не на весь размер экрана.
Сложно возвращаться на ту же статью. Особенно после «Вконтакта» — так какой-то редирект срабатывает…
Совсем забыл про это. Сейчас обновил скрипт.
отличная вещь, поставил на один из своих блогов
Наконецто нашел как эти кнопки сделанны! Спасибо за подробный FAQ, буду рисовать иконки под свой стиль и ставить)
Большое спасибо, Дмитрий! Классное меню для соц. закладок. Давно искал что-то подобное. К сожалению не получилось поставить. В статьях на блоге появляется один только пустой. Никак не могу понять в чем может быть проблема? Может посоветуешь что?
У вас закрыт доступ к папке, к которой находятся иконки, поэтому ничего и не отображается.
Доступ открыл, по прямой ссылке иконки прогружаются, но меню все-равно остается пустым. Возможно идет конфликт с какими-то другими скриптами на сайте?
Да, именно конфликт. Начинает работать, если удалить вот эти две строки:
Большущее спасибо. Все заработало. Ляпота!
Всё отлично, но было бы супер если ссылка в ретвите проходила через сокращалкут. е. при ретвите урл сокращался через сервис, это можно как-то сделать?
Нашел один способ. Надо будет его попробовать.
Жду откровений :)
С удовольствием интегрировал в свой сайт !
Добрый день. Спасибо большущее за панель, очень красиво!
Только на моем блоге не отображается панель совсем. Не подскажете, в чем может быть проблема? :(
Указан неправильный путь к файлу о скриптом.
О, точно, спасибо, я указывал относительный путь, а надо было абсолютный. Теперь работает! :)
А не подскажете, как панельку немного подвинуть правее? У меня на блоге она слева обрезается немного, потому что не влезает…
За смещение отвечает вот этот параметр:
Спасибо!
Денис специально для тебя)))))) Под ИЕ правда не подгонял — так как делал ради того чтобы удовлитворить свое любопытство) Вот что получилось
onjee.ru/wp-content/lesons/panel/index.html
Здравствуйте я начинающий сайтописатель мне не очень понятен 3 пункт.
А чо тебе непонятно то? Найти бесплатный — хороший набор иконок сложно … паэтому димка взял иконки из разных мест… точнее у разных людей xD. Что непонятно? конкретней напиши
3 пунут установки, ссылка на какую статью, а если нет php? в каком виде будет для обычного html
<script type="text/javascript">socializ (encodeURIComponent ('Ссылка на статью'), encodeURIComponent ('Название статьи'))</script>
Вот это тебе непонятно?
Пишешь
<script type="text/javascript">socializ (encodeURIComponent ('Ссылка на статью'), encodeURIComponent ('Название статьи'))</script>
И вместо слов Ссылка на статью вставляешь ссылку на статью своего сайта например www.mysite.ru/kategory/avtomobili.html
а всместо слов Название статьи пишешь название статьи например Статья про автомобили
Если неполучится посмотри вариант который я сделал без скриптов и прочей лабуды (безобид к создателю)… Ссылку выше писал!
спасибо большое сразу не разобрался
Да без Б
а навигацию по сайту из нее можно сделать я так понимаю нужно что-то удалить что отвечает за этот 3 пункт из скрипта?
а можно из нее сделать меню навигации по сайту, я так понимаю нужно удалить что-то из скрипта что отвечает за 3 пункт.
Всмысле навигацию? Ну вот посмотри я делал похожую панель onjee.ru/wp-content/lesons/panel/index.html там все иконки ведут на мой блог) можно сделать чтобы на разные страницы блога вели. такую навигацию хочешь?
Да
Ну легко делается))) по крайней мере в моей панельке просто в списке Li ставится ссылка на страницу сайта. Т. е в каждом Li на разные страницы. А в димоновом варианте хз. я его код не сматрел
понял буду учить матчасть)
Удачи)))
я это сделал :) спасибо автору за интересный скрипт1!!1
А как прописать 3 пункт в Джумле?
Надо плугин написать. Какая у тебя версия Joomla?
У меня joomla 1.5.20
Можно ли получить Вашу панель для неё?
И ещё, я не заметил кнопок Twitter, YouTube, Одноклассники.
Если можно, укажите где это делается — готов сам нарисовать под них иконки.
Также, готов содействию в написании статьи для вашего сайта по установке вашей панели на Joomla!
isq ICQ: 282.91.94.01 skype Skype: emeritua
а вообще эффективные ли данные кнопки в плане продвижения?