Соц. кнопки RIP By Handyman

1912
7.8 из 10
Проголосовало: 17




  • Скачать с сервера
  • Скачать
  • Смотреть демо

Сам код вставляем куда угодно:

Код
<div id="sharing_buttons" style="text-align:center;"><div class="sps sps-theme-color sps-small">  
  <a class="sps-vkontakte" href="http://webo4ka.ru/" title="ВКонтакте" onclick="window.open(this.href, 'vkontakte', 'width=626, height=278'); return false;" target="_blank"></a>  
  <a class="sps-odnoklassniki" href="http://webo4ka.ru/" title="Одноклассники" onclick="window.open(this.href, 'odnoklassniki', 'width=830, height=650'); return false;" target="_blank"></a>  
  <a class="sps-facebook" href="http://webo4ka.ru/" title="Facebook" onclick="window.open(this.href, 'facebook', 'width=609, height=436'); return false;" target="_blank"></a>  
  <a class="sps-twitter" href="http://webo4ka.ru/" title="Twitter" onclick="window.open(this.href, 'twitter', 'width=626, height=436'); return false;" target="_blank"></a><a class="sps-moimir" href="http://webo4ka.ru/" title="Мой Мир@Mail.Ru" onclick="window.open(this.href, 'moimir', 'width=626, height=436'); return false;" target="_blank"></a>  
  <a class="sps-livejournal" href="http://webo4ka.ru/" target="_blank"></a>  
  <a class="sps-google" href="http://webo4ka.ru/" title="Google+" onclick="window.open(this.href, 'google', 'width=610, height=318'); return false;" target="_blank"></a>  
  <a class="sps-email" href="http://webo4ka.ru/" title="Отправить на email" onclick="window.open(this.href, 'mailto');"></a></div></div>


В CSS вставляем:

Код
#sharing_buttons a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}  
  #sharing_buttons a{filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;}  
  .sps-small a{width:20px;height:20px;margin-right:6px;background:url('http://s001.radikal.ru/i196/1305/f5/c06b995493cb.png') 0 0 transparent no-repeat;}  
  .sps-small a:last-child{margin-right:0;}#sharing_buttons  
  .sps-small .sps-vkontakte{background-position:-80px -20px;}#sharing_buttons  
  .sps-small .sps-vkontakte:hover{background-position:-80px 0;}#sharing_buttons  
  .sps-small .sps-odnoklassniki{background-position:-60px -20px;}#sharing_buttons  
  .sps-small .sps-odnoklassniki:hover{background-position:-60px 0;}#sharing_buttons  
  .sps-small .sps-facebook{background-position:0 -20px;}#sharing_buttons  
  .sps-small .sps-facebook:hover{background-position:0 0;}#sharing_buttons  
  .sps-small .sps-twitter{background-position:-20px -20px;}#sharing_buttons  
  .sps-small .sps-twitter:hover{background-position:-20px 0;}#sharing_buttons  
  .sps-small .sps-moimir{background-position:-140px -20px;}#sharing_buttons  
  .sps-small .sps-moimir:hover{background-position:-140px 0;}#sharing_buttons  
  .sps-small .sps-livejournal{background-position:-160px -20px;}#sharing_buttons  
  .sps-small .sps-livejournal:hover{background-position:-160px 0;}#sharing_buttons  
  .sps-small .sps-google{background-position:-120px -20px;}#sharing_buttons  
  .sps-small .sps-google:hover{background-position:-120px 0;}#sharing_buttons  
  .sps-small .sps-email{background-position:-440px -20px;}#sharing_buttons  
  .sps a{display:inline-block;}  
  .sps{display:inline-block;position:relative;z-index:1;padding:5px;background:transparent;font-size:0;line-height:0;text-align:left;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}


P.S. прикрепил архив на всякий случай)))
Автор публикации: Загрузка
Загрузка
Handyman, это его n материал
Источник: http://RIP By Handyman
  • Всего комментариев: 11

rehito
0
rehito написал: Написано 09 Августа 2013 в 01:50
Комментарий №10
печалька парни он не работает! так как не делиться материалов в соц.сетях
просьба удалить или отредактировать материал, просто не нужно засирать хороший сайт не нужными и не рабочими скриптами.

Handyman
0
Handyman написал: Написано 04 Сентября 2013 в 10:49
Комментарий №11
Эм... Умник, сюда "хлам" и не рабочие материалы не кидают, так как не деолится, пропиши ссылки сам, это просто кнопки, там даже материал так наименован, раз уж читать не умеешь, увы, ничем помочь тебе не могу...

kolyan1282
0
kolyan1282 написал: Написано 12 Июня 2013 в 15:34
Комментарий №9
Пожалуйста напишите какие ссылки вставить чтобы поделится именно тем материалом на которм нажал кнопку поделится

kolyan1282
+1
kolyan1282 написал: Написано 28 мая 2013 в 22:45
Комментарий №4
Я так понял вместо http://webo4ka.ru/ нужно вписать свой сайт?

Handyman
+1
Handyman написал: Написано 28 мая 2013 в 23:32
Комментарий №6
Да)

Handyman
0
Handyman написал: Написано 28 мая 2013 в 19:36
Комментарий №1
P.S. мой первый RIP)

k43
0
k43 написал: Написано 28 мая 2013 в 19:42
Комментарий №2
рип это не есть хорошо smile

Goodmind
0
Goodmind написал: Написано 28 мая 2013 в 20:09
Комментарий №3
biggrin

Handyman
0
Handyman написал: Написано 28 мая 2013 в 23:32
Комментарий №5
Ну не без этого...)

Вовчик
+1
Вовчик написал: Написано 07 Июня 2013 в 09:20
Комментарий №7
если это рип, то твой сайт не может быть источником, и вообще меньше афишируй что ты рипаешь, в будущем ты это дело бросишь, а к тебе будут плохо относится нормальные люди (я не про школоту которая просит постоянно что-то рипнуть, только они к тебе будут хорошо относится и то навряд ли...)

p.s. рипай для себя а не для паблика, что бы просто руку набить))

Handyman
0
Handyman написал: Написано 07 Июня 2013 в 11:20
Комментарий №8
Это все верно, просто хочется, чтобы знали, кто это =)

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • Радио не стоит на месте новая версия вам 1.5:
    Что нового:
    1. Media Session - позволит вам переключать из бара браузера радио, а также на блоке экрана.
    2. Новые радиостанции.
    3. Новый API код.

    Демо: fiddle
    Реальная полная версия: woobl
  • Marishka написал:
  • Можете добавить свои input поля, но сохраняйте их порядок в html для правильного сохранения и вывода.
  • Marishka написал:
  • Новая версия 1.3 (+6 новых станций):
    Установка:
    Демо: Перейти
  • Marishka написал:
  • Доп 8 станций:
    Код
    <div class="mSt"><p>Tropical</p><div data="2/trop_64">64</div><br><div data="2/trop_128">128</div><br><div data="2/trop_320">320</div></div>  
      <div class="mSt"><p>Нафталин FM</p><div data="2/naft_64">64</div><br><div data="2/naft_128">128</div><br><div data="2/naft_320">320</div></div>  
      <div class="mSt"><p>Rave FM</p><div data="2/rave_64">64</div><br><div data="2/rave_128">128</div><br><div data="2/rave_320">320</div></div>  
      <div class="mSt"><p>Gold</p><div data="2/gold_64">64</div><br><div data="2/gold_128">128</div><br><div data="2/gold_320">320</div></div>  
      <div class="mSt"><p>GOA/PSY</p><div data="2/goa_64">64</div><br><div data="2/goa_128">128</div><br><div data="2/goa_320">320</div></div>  
      <div class="mSt"><p>Minimal/Tech</p><div data="2/mini_64">64</div><br><div data="2/mini_128">128</div><br><div data="2/mini_320">320</div></div>  
      <div class="mSt"><p>House</p><div data="2/fut_64">64</div><br><div data="2/fut_128">128</div><br><div data="2/fut_320">320</div></div>  
      <div class="mSt"><p>Megamix</p><div data="2/mix_64">64</div><br><div data="2/mix_128">128</div><br><div data="2/mix_320">320</div></div>


    Fix работы радио:
    Находим: if(radUrl=="tm" || radUrl=="ps" || radUrl=="teo" || radUrl=="dc")
    Меняем на: if (radUrl == "tm" || radUrl == "ps" || radUrl == "teo" || radUrl == "dc" || radUrl == "gop")
  • CbIPoK2513 написал:
  • Мой вариант выдаёт аватарку картинкой, а не текстом.
    Последние темы
    Опрос
    258
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: