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

1952
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 2121
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • По просьбам поправили!.
    1. Делаем все как написано.
    2. Находим файл /Ucoz4/ctena_user2_wall_v2.js и меняем все в файле из нашего файла:
    Код
    http://mbs.usite.pro/ctena_user2_wall_v2.js
  • rayven написал:
  • в любом случае, всегда надо под свои нужды настраивать руками. А скрипт пригодиться, не тут, так там.
  • rayven написал:
  • даже Вовчик со мной согласен. tongue
  • Marishka написал:
  • Upd 1.4 Кому лень https://jsfiddle.net/7js6tfp1/5/
  • Marishka написал:
  • Мы обновили код и упростили его установку:
    Что нового:
    1. Новый легкий js код.
    2. Отправка по Enter если есть или нет Aa цвета.
    3. Простая установка.

    Принцип работы:
    Используется родное поле ввода текста с выбором цвета, родная кнопка отправки скрывается позволяя отправить форму по Enter.

    Демо: https://jsfiddle.net/7js6tfp1/4/
    Последние темы
    Опрос
    274
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: