Лента этого топика

Помогите найти такой блок социальных кнопок

(Ответов: 6, Просмотров: 1385)
  1. 04.06.2012 23:16
    #1
    InFakes вне форума
    InFakes
    Tux Аватар для InFakes
    • Регистрация: 21.06.2011
    • Сообщений: 697
    • Репутация: 186
    • Webmoney BL: ?
    Приветствую всех) На одном сайте нашел привлекательную панель соц кнопок, может кто-нибудь видел аналогичную для Wordpress, покуда эта панель для InstantCMS. Ниже приведу коды этой панельки, вдруг кто сможет импортировать. Пример можно посмотреть по следующей ссылке _http://winrls8.ru/blogs/primer-bloga-admina/primer-zapisi-v-bloge.html

    аналог single.php

    {literal}
    <script type="text/javascript">
    function asd()
    {
    window.open("https://twitter.com/intent/tweet?text="+ encodeURIComponent(document.title)+"&url="+encodeURI(location.href),"name","top=200,left=400,toolbar=no,width=600,height=300,location=no,directories=no,resizable=0,menubar=no,status=no");
    }

    function face()
    { a=location.href;
    b='http://www.facebook.com/sharer/sharer.php?u=';
    window.open(b+a,"name","top=200,left=400,toolbar=no,width=700,height=400,resizable=0,menubar=no,status=no");
    }
    function gogoogle(){
    window.open("https://plusone.google.com/_/+1/confirm?hl=ru&url="+location.href+"&title="+encodeURIComponent(document.title),"name","top=200,left=400,toolbar=no,width=700,height=400,resizable=0,menubar=no,status=no");
    }
    function mai(){
    window.open("http://connect.mail.ru/share?url="+location.href,"name","top=200,left=400,toolbar=no,width=700,height=400,resizable=0,menubar=no,status=no");
    }
    function mysp(){
    window.open("http://www.myspace.com/Modules/PostTo/Pages/?u"+location.href+"&t="+document.title,"name","top=200,left=400,toolbar=no,width=700,height=400,resizable=0,menubar=no,status=no");
    }
    function sb(){
    window.open("http://surfingbird.ru/share?url="+location.href+"&title="+document.title,"name","top=200,left=400,toolbar=no,width=700,height=400,resizable=0,menubar=no,status=no");
    }
    </script>
    {/literal}
    <center>
    <table>
    <tr>
    <td>
    <div id="twitt" >
    <a onclick="asd()" data-via="Kesha_Pudelev" data-lang="ru" data-size="large" data-related="Kesha_Pudelev" data-hashtags="bymind" >
    <img src="/images/0.png" >
    </a>
    </div>
    </td>
    <td>
    <div id="vkon" >
    {literal}
    <script type="text/javascript" src="http://vk.com/js/api/share.js?11" charset="windows-1251">
    </script>
    <script type="text/javascript">
    document.write(VK.Share.button(false,{type: "custom", text: "<img src=\"/images/0.png?1\" />"}));

    </script>
    {/literal}
    </div>
    </td>
    <td><div id="faceb">
    <a onclick="face()" >
    <img src="/images/0.png" >
    </a>
    </div>
    </td>
    <td>
    <div id="goog">
    <a onclick="gogoogle()">
    <img src="/images/0.png">
    </a>
    </div>
    </td>
    <td>
    <div id="mail">
    <a onclick="mai()" >
    <img src="/images/0.png" >
    </a>
    <script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script>
    </div>
    </td>
    <td>
    <div id="mysp">
    <a onclick="mysp()" >
    <img src="/images/0.png">
    </a>
    </div>
    </td>
    <td>
    <div id="lj">
    <a href="{literal}javascript:void((function(){var%20u='http://www.livejournal.com/',w=window.open('','','toolbar=0,resizable=1,scrollbars=1,status=1,width=730,height=500');if(window.LJ_bookmarklet){return%20LJ_bookmarklet(w,u)};var%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.onload=function(){LJ_bookmarklet(w,u)};e.setAttribute('src',u+'js/bookmarklet.js');document.getElementsByTagName('head').item(0).appendChild(e)})()){/literal}">
    <img src="/images/0.png">
    </a>
    </div>
    </td>
    <td>
    <div id="sb">
    <a onclick="sb()" >
    <img src="/images/0.png" >
    </a>
    </div>
    </td>
    <td>
    <div id="klass">
    <a href="{literal}javascript:void((function(){
    window.open('http://www.odnoklassniki.ru/dk?st.cmd=addShare&st._surl='+location.href,'name','top=200,left=400,toolbar=no,width=700,height=400,resizable=0,menubar=no,status=no');
    })()){/literal}" ><img src="/images/0.png" ></a>
    </div>
    </td>
    </tr>
    </table>
    </center>
    [свернуть]


    css

    #twitt{
    opacity:0.7;
    width:40px;
    height:40px;
    background:url(/images/soc_ico/21.png) left top no-repeat;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 600ms;
    -o-transition-property: opacity;
    -o-transition-duration: 600ms;
    -moz-transition-property: opacity;
    -moz-transition-duration: 600ms;
    }
    #twitt:hover{
    opacity:1;
    background:url(/images/soc_ico/21.png) -40px top no-repeat;
    }
    #klass{
    opacity:0.4;
    width:40px;
    height:40px;
    background:url(/images/soc_ico/klass.png) -40px top no-repeat;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 600ms;
    -o-transition-property: opacity;
    -o-transition-duration: 600ms;
    -moz-transition-property: opacity;
    -moz-transition-duration: 600ms;
    }
    #klass:hover{
    opacity:1;
    background:url(/images/soc_ico/klass.png) left top no-repeat;
    }
    #sb{
    opacity:0.7;
    width:40px;
    height:40px;
    background:url(/images/soc_ico/sb.png) left 0px no-repeat;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 600ms;
    -o-transition-property: opacity;
    -o-transition-duration: 600ms;
    -moz-transition-property: opacity;
    -moz-transition-duration: 600ms;
    }
    #sb:hover{
    opacity:1;
    background:url(/images/soc_ico/sb.png) -40px 0px no-repeat;
    }
    #vkon{
    opacity:0.5;
    width:40px;
    height:40px;
    background:url(/images/soc_ico/11.png) left top no-repeat;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 600ms;
    -o-transition-property: opacity;
    -o-transition-duration: 600ms;
    -moz-transition-property: opacity;
    -moz-transition-duration: 600ms;
    }
    #vkon:hover{
    opacity:1;
    background:url(/images/soc_ico/11.png) -40px top no-repeat;
    }
    #mysp{
    opacity:0.4;
    width:40px;
    height:40px;
    background:url(/images/soc_ico/myspace.png) left -1px no-repeat;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 600ms;
    -o-transition-property: opacity;
    -o-transition-duration: 600ms;
    -moz-transition-property: opacity;
    -moz-transition-duration: 600ms;
    }
    #mysp:hover{
    opacity:1;
    background:url(/images/soc_ico/myspace.png) -40px -1px no-repeat;
    }
    #faceb{
    opacity:0.5;
    width:40px;
    height:40px;
    background:url(/images/soc_ico/31.png) left top no-repeat;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 600ms;
    -o-transition-property: opacity;
    -o-transition-duration: 600ms;
    -moz-transition-property: opacity;
    -moz-transition-duration: 600ms;
    }
    #faceb:hover{
    opacity:1;
    background:url(/images/soc_ico/31.png) -40px top no-repeat;
    }
    #lj{
    opacity:0.5;
    width:40px;
    height:40px;
    background:url(/images/soc_ico/lj.png) left top no-repeat;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 600ms;
    -o-transition-property: opacity;
    -o-transition-duration: 600ms;
    -moz-transition-property: opacity;
    -moz-transition-duration: 600ms;
    }
    #lj:hover{
    opacity:1;
    background:url(/images/soc_ico/lj.png) -40px top no-repeat;
    }
    #goog{
    opacity:0.3;
    width:40px;
    height:40px;
    background:url(/images/soc_ico/41.png) left -1px no-repeat;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 600ms;
    -o-transition-property: opacity;
    -o-transition-duration: 600ms;
    -moz-transition-property: opacity;
    -moz-transition-duration: 600ms;
    }
    #goog:hover{
    opacity:1;
    background:url(/images/soc_ico/41.png) -40px -1px no-repeat;
    }
    #mail{
    opacity:0.45;
    width:40px;
    height:40px;
    background:url(/images/soc_ico/mail.png) left 0px no-repeat;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 600ms;
    -o-transition-property: opacity;
    -o-transition-duration: 600ms;
    -moz-transition-property: opacity;
    -moz-transition-duration: 600ms;
    }
    #mail:hover{
    opacity:1;
    background:url(/images/soc_ico/mail.png) -40px 0px no-repeat;
    }
    [свернуть]
    • 0
  2. Значок / Очков: 5 Значок / Очков: 5 Значок / Очков: 5 Значок / Очков: 5
    04.06.2012 23:41
    #2
    ArhStrAngeR вне форума
    ArhStrAngeR
    Разработка любых сайтов Аватар для ArhStrAngeR
    • Регистрация: 08.06.2011
    • Сообщений: 3,376
    • Записей в дневнике: 1
    • Репутация: 2506
    InFakes,обычный блок кнопок, нужно всего лишь поиграться с прозрачностью...
    Разработка сайтов любой сложности!
    Ультрабыстрые SSD VPS по смешным ценам(промокод VPS - дает скидку 25%)
    • 1

    Спасибо сказали:
    InFakes(04.06.2012),
  3. Значок / Очков: 5
    04.06.2012 23:41
    #3
    13й вне форума
    13й
    Гуру Аватар для 13й
    • Регистрация: 03.02.2010
    • Сообщений: 1,660
    • Репутация: 1110
    • Webmoney BL: ?
    InFakes, _http://share42.com/ не?
    • 1

    Спасибо сказали:
    Тюбифекс(05.06.2012),
  4. 04.06.2012 23:45
    #4
    InFakes вне форума
    InFakes
    Tux Аватар для InFakes
    • Регистрация: 21.06.2011
    • Сообщений: 697
    • Репутация: 186
    • Webmoney BL: ?
    ArhStrAngeR, с hover что-нибудь?
    13й, не люблю я эти сервисы, лучше самому сделать.
    • 0
  5. Значок / Очков: 5 Значок / Очков: 5 Значок / Очков: 5 Значок / Очков: 5
    05.06.2012 00:08
    #5
    ArhStrAngeR вне форума
    ArhStrAngeR
    Разработка любых сайтов Аватар для ArhStrAngeR
    • Регистрация: 08.06.2011
    • Сообщений: 3,376
    • Записей в дневнике: 1
    • Репутация: 2506
    InFakes,как-то так
    Скрытый текст (вы должны войти под своим логином или зарегистрироваться и иметь 100 сообщение(ий)):
    У вас нет прав чтобы видеть скрытый текст, содержащийся здесь.
    Разработка сайтов любой сложности!
    Ультрабыстрые SSD VPS по смешным ценам(промокод VPS - дает скидку 25%)
    • 2

    Спасибо сказали:
    13й(05.06.2012), InFakes(05.06.2012),
  6. 05.06.2012 00:15
    #6
    InFakes вне форума
    InFakes
    Tux Аватар для InFakes
    • Регистрация: 21.06.2011
    • Сообщений: 697
    • Репутация: 186
    • Webmoney BL: ?
    ArhStrAngeR, крутяк)) Премного благодарен!
    • 0
  7. Значок / Очков: 5 Значок / Очков: 5 Значок / Очков: 5 Значок / Очков: 5
    05.06.2012 00:20
    #7
    ArhStrAngeR вне форума
    ArhStrAngeR
    Разработка любых сайтов Аватар для ArhStrAngeR
    • Регистрация: 08.06.2011
    • Сообщений: 3,376
    • Записей в дневнике: 1
    • Репутация: 2506

    Комментарий модератора: ArhStrAngeR

    1. Закрыто
    Разработка сайтов любой сложности!
    Ультрабыстрые SSD VPS по смешным ценам(промокод VPS - дает скидку 25%)
    • 0

Тэги топика:

« Проблемы с плагином Viper's Video Quicktags | Прошу помочь из паблик темы убрать сквозную ссылку »

Похожие темы

Темы Раздел Ответов Последний пост
Влияют ли показатели социальных кнопок на ранжирование?
 Google 63 29.12.2012 02:24
Помогите найти мышку
 Оффтоп и свободные темы 4 14.11.2011 22:06
Помогите сьезжает блок.
 Web программирование 10 03.11.2011 16:30
Помогите ошибку найти
 Web программирование 1 07.01.2011 14:49
Помогите найти программу
 Партнерские программы 3 20.09.2009 16:00
(добавить баннер)

Баннеры



(добавить ссылку)

Витрина ссылок

У нас проходит

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Или перенести аккаунт с других форумов

Золотые темы форума

Все золотые темы

Популярные темы

Информеры