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


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

1817
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 2113
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Ох. Вижу, что обсуждение очень старое. Но!
На других CMS так же будет все это реализовано. На нормальных CMS.
Такое решение может подойти лишь для landing сайтов. Но и то, не думаю, что там кто то заморачивается в написании какого либо контроллера генерирования шаблона и используют прямо в лоб чистый HTML, поэтому и будут для каждой страницы свои блоки делать.

Поэтому лучше тут все же дописать решение именно для ucoz без загрузки этих лишних блоков на странице. Ведь используя условные операторы этот код даже не будет прогружаться на странице. (Лол. Это ж доли секунд загрузки...) И что? Но давайте делать оптимальнее
Моё авторство:)
  • 1488 написал:
  • 1488 написал:
  • Смысл исходный код? он возвращает после обновление страницы на то положение которое было... или как?
  • 1488 написал:
  • как поставить галки как скрине?
    а то невозможно поставить...
  • Handyman написал:
  • Не появляется код безопасности для обычных пользователей
    Последние темы
    Опрос
    432
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: