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

Промежуток между кнопками "Поделиться этой страницей"

Тема в разделе "Для новичков", создана пользователем sembon, 20 май 2014.

Загрузка
  1. sembon

    sembon Новичок

    Регистрация:
    26.03.14
    Сообщения:
    13
    Симпатии:
    0
    Версия XF:
    1.3.0
    Всем привет. Есть такая проблема. Вот мой шаблон share_page

    Код:
    <xen:if hascontent="true">
        <xen:require css="share_page.css" />
    
        <div class="sharePage">
            <h3 class="textHeading larger">{xen:phrase share_this_page}</h3>
            <xen:contentcheck>
                <xen:hook name="share_page_options">
                <xen:if is="{$xenOptions.tweet.enabled}">
                    <div class="tweet shareControl">
                        <a href="https://twitter.com/share" class="twitter-share-button"
                            data-count="horizontal"
                            data-lang="ru"
                            data-url="{$url}"
                            {xen:if {$thread.title}, 'data-text="{xen:helper threadPrefix, $thread, escaped}{$thread.title}"'}
                            {xen:if {$xenOptions.tweet.via}, 'data-via="{$xenOptions.tweet.via}"'}
                            {xen:if {$xenOptions.tweet.related}, 'data-related="{$xenOptions.tweet.related}"'}>{xen:phrase tweet}</a>
                    </div>
                </xen:if>
                <xen:if is="{$xenOptions.plusone}">
                    <div class="plusone shareControl">
                        <div class="g-plusone" data-size="medium" data-count="true" data-href="{$url}"></div>
                    </div>
                </xen:if>
                <xen:if is="{$xenOptions.facebookLike}">
                    <div class="facebookLike shareControl">
                        <xen:container var="$facebookSdk">1</xen:container>
                        <fb:like href="{$url}" layout="button_count" show_faces="true" width="400" action="{$xenOptions.facebookLikeAction}" font="trebuchet ms" colorscheme="@fbColorScheme"></fb:like>
                    </div>
                </xen:if>
                </xen:hook>
            </xen:contentcheck>
            <script type="text/javascript">
    document.write(VK.Share.button({
      description: 'Новости, форумы, гайды и стримы Heroes of the Storm',
      image: 'http://centavraclub.ru/forum/styles/default/xenforo/logo.og.png',
      noparse: false},
    {type: 'round', text: 'Поделиться'}
    ));
    </script>
        </div>
    </xen:if>
    Итого показан на вложенном скрине. Помогите, сделать промежуток между FB и VK. Спасибо.
     

    Вложения:

    • 1.png
      1.png
      Размер файла:
      4,9 КБ
      Просмотров:
      20
  2. adder

    adder Местный

    Регистрация:
    08.10.10
    Сообщения:
    1.163
    Симпатии:
    840
    Версия XF:
    1.3.4
    Под тег HTML скиньте ссылку на сайт, помогу.
     
  3. sembon

    sembon Новичок

    Регистрация:
    26.03.14
    Сообщения:
    13
    Симпатии:
    0
    Версия XF:
    1.3.0
    Код:
    http://centavraclub.ru/
    так имел ввиду?
     
  4. adder

    adder Местный

    Регистрация:
    08.10.10
    Сообщения:
    1.163
    Симпатии:
    840
    Версия XF:
    1.3.4
    Попробуйте добавить в EXTRA.css:
    Код:
    .sharePage .facebookLike.shareControl {
    margin-right: 40px;
    }
     
    Mirovinger нравится это.
  5. sembon

    sembon Новичок

    Регистрация:
    26.03.14
    Сообщения:
    13
    Симпатии:
    0
    Версия XF:
    1.3.0
    Спасибо! Все вышло отлично
     

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