1. Приветствуем Вас на неофициальном форуме технической поддержки XenForo на русском языке. XenForo - новый и перспективный форумный движок от бывших создателей vBulletin.

Social buttons in navbar

Тема в разделе "Модификации шаблонов", создана пользователем Romchik®, 21 дек 2010.

Загрузка
  1. Romchik®

    Romchik® The Power of Dreams Команда форума

    Регистрация:
    26.09.10
    Сообщения:
    5.736
    Симпатии:
    5.263
    Версия XF:
    1.5.10
    Social buttons in navbar
    Автор: Ims
    Ссылка на официальном форуме:
    Код:
    http://xenforo.com/community/threads/8361/
    social_btns.png
    FaceBook, Twitter, MySpace, StumbleUpon, reddit, delicious и Addthis.
    Кстати, Addthis позволяет делиться ссылкой с 416 различными сайтами,включая выше названные.

    В шаблоне navigation template выше
    Код:
            <!-- no selection -->
    вставляем это:
    Код:
    <li class="navTab PopupClosed facebooktab"><a class="navLink" target="_blank" href="http://www.facebook.com/apps/application.php?id=TU_ID_DE_APLICACIÓN"><img src="@imagePath/xenforo/social/facebook.png" width="16" height="16" alt="Compartir a Facebook" /></a><script src="http://connect.facebook.net/es_ES/all.js#xfbml=1"></script><fb:like href="http://www.facebook.com/apps/application.php?id=TU_ID_DE_APLICACIÓN&amp;v=wall" layout="button_count"></fb:like></li>
    <li class="navTab PopupClosed twitterktab"><a class="navLink" target="_blank" href="http://twitter.com/#!/soylms/xenfacil"><img src="@imagePath/xenforo/social/twitter.png" width="16" height="16" alt="Compartir a Twitter" /></a></li>
    <li class="navTab PopupClosed myspacektab"><a class="navLink" target="_blank" href="http://www.myspace.com/TU_ID_DE_USUARIO"><img src="@imagePath/xenforo/social/myspace.png" width="16" height="16" alt="Compartir a MySpace" /></a></li>
    <li class="navTab PopupClosed stumbleuponktab"><a class="navLink" target="_blank" href="http://www.stumbleupon.com/"><img src="@imagePath/xenforo/social/stumbleupon.png" width="16" height="16" alt="Compartir a Stumble It" /></a></li>
    <li class="navTab PopupClosed redditktab"><a class="navLink" target="_blank" href="http://reddit.com/submit" onclick="window.location = 'http://reddit.com/submit?url=' + encodeURIComponent(window.location); return false"><img src="@imagePath/xenforo/social/reddit.png" width="16" height="16" alt="Compartir a Reddit" border="0" /></a></li>
    <li class="navTab PopupClosed deliciousktab"><a class="navLink" target="_blank" href="http://www.delicious.com/save" onclick="window.open('http://www.delicious.com/save?v=5&noui&jump=close&url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), 'delicious','toolbar=no,width=550,height=550'); return false;"><img src="@imagePath/xenforo/social/delicious.png" width="16" height="16" alt="Compartir en Delicious" /></a></li>
    <!-- AddThis Button BEGIN -->
    <li class="navTab PopupClosed morektab"><a class="navLink" target="_blank" href="http://www.addthis.com/bookmark.php?v=250&amp;username=TU_USERNAME"><img src="@imagePath/xenforo/social/addthis_64.png" width="16" height="16" alt="Más..." /></a></li>
    <script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
    <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=TU_USERNAME"></script>
    <!-- AddThis Button END -->
    
            <!-- no selection -->
    И в шаблон navigation.css добавляем в самый конец:
    Код:
    .facebooktab a {
        background: transparent url(@imagePath/xenforo/social/facebook_icon.png) center center no-repeat;
         text-indent: -9999px;
    }
    
    .twitterktab a {
         background: transparent url(@imagePath/xenforo/social/twitter_icon.png) center center no-repeat;
         text-indent: -9999px;
    }
    
    .myspacektab a {
        background: transparent url(@imagePath/xenforo/social/myspace_icon.png) center center no-repeat;
         text-indent: -9999px;
    }
    
    .stumbleuponktab a {
         background: transparent url(@imagePath/xenforo/social/stumbleupon_icon.png) center center no-repeat;
         text-indent: -9999px;
    }
    .redditktab a {
        background: transparent url(@imagePath/xenforo/social/reddit_icon.png) center center no-repeat;
         text-indent: -9999px;
    }
    
    .deliciousktab a {
         background: transparent url(@imagePath/xenforo/social/delicious_icon.png) center center no-repeat;
         text-indent: -9999px;
    }
    .morektab a {
         background: transparent url(@imagePath/xenforo/social/addthis_64_icon.png) center center no-repeat;
         text-indent: -9999px;
    }
    Создайте папку в /styles/default/xenforo с именем social и загрузите туда изображения из вложения.
     

    Вложения:

    Ranmaru Rei, RedCobra, Sadorimatsu и 4 другим нравится это.
  2. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.558
    Симпатии:
    1.589
    Версия XF:
    1.5.9
    Как же тут без вконтакте? :)
     
  3. Romchik®

    Romchik® The Power of Dreams Команда форума

    Регистрация:
    26.09.10
    Сообщения:
    5.736
    Симпатии:
    5.263
    Версия XF:
    1.5.10
  4. PalSecam

    PalSecam Барахлюш

    Регистрация:
    05.11.10
    Сообщения:
    94
    Симпатии:
    32
    Версия XF:
    1.1.0 Final
    Есть и вконтакте)) :) только вот с браузером не понятное творится.. При нажатии отправить.. он сворачивается на половину..)) Не смертельно.. но...
     
  5. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.558
    Симпатии:
    1.589
    Версия XF:
    1.5.9
    Я имел ввиду чтобы кнопка была на главной. 95% пользователей точно не будут нажимать на плюсик)
     
    NaviCat нравится это.
  6. Alazar

    Alazar Новичок

    Регистрация:
    10.12.12
    Сообщения:
    13
    Симпатии:
    4
    Версия XF:
    1.1.3
    По-моему этот вариант слегка "страшноватый".. Уж лучше взять код Аддзис и апгрейдить шаблон share_page
     
  7. panamer

    panamer Местный

    Регистрация:
    23.12.12
    Сообщения:
    45
    Симпатии:
    0
    Версия XF:
    1.5.5
    А как оттуда кнопки выбрать и код получить .......
     
  8. Alazar

    Alazar Новичок

    Регистрация:
    10.12.12
    Сообщения:
    13
    Симпатии:
    4
    Версия XF:
    1.1.3
    Регишься на сайте, жмёшь на кнопку Get the Code, выбираешь понравившуюся схему.. В поле Add to your site копируешь полученный код и вставляешь себе на сайт...
     
  9. sag-sag

    sag-sag Активный пользователь

    Регистрация:
    25.09.13
    Сообщения:
    69
    Симпатии:
    8
    Версия XF:
    1.5.5
    а куда на сайте вставить, чтоб висело на главной странице?
     
  10. t.dato

    t.dato Новичок

    Регистрация:
    23.10.14
    Сообщения:
    2
    Симпатии:
    0
    Версия XF:
    1.2.4
    а по конкретней можно? просто мне нужно вывести на главной с левой стороны...буду признателен за помощь
     
  11. Exile

    Exile Местный

    Регистрация:
    27.06.11
    Сообщения:
    999
    Симпатии:
    543
    Версия XF:
    1.4.4
    t.dato, share42.com - там все предельно просто.
     

Поделиться этой страницей