Добавляем кнопки социальных сетей на главную страницу форума

Не понимаю о чём вы. По конкретнее можете?
попробуйте заменить все этим
Код:
<xen:require css="message_user_info.css" />
<xen:require css="bb_code.css" />
<xen:require css="EWRblock_RecentNews.css" />

<div id="recentNews">
    <xen:foreach loop="$RecentNews" value="$news">
        <div class="section sectionMain recentNews" id="{$news.thread_id}">

            <div class="primaryContent {xen:if {$option.leftdate}, 'leftDate'}">
                <div class="subHeading">
                    <div style="float: right; white-space: nowrap;">
                        <a href="{xen:link threads, $news}"><xen:datetime time="$news.promote_date" /></a>
                        <xen:if is="{$visitor.permissions.EWRporta.canPromote}">
                            &nbsp; (<a href="{xen:link 'threads/edit', $news}" class="OverlayTrigger">{xen:phrase edit}</a>)
                        </xen:if>
                    </div>

                    <h2><a href="{xen:link threads, $news}" class="newsTitle">{xen:helper threadPrefix, $news}{$news.title}</a></h2>
                </div>

                <div class="newsDate secondaryContent">
                    <div class="newsMonth heading">{$news.month}</div>
                    <div class="newsDay">{$news.day}</div>
                </div>

                <xen:if is="{$news.promote_icon} != 'disabled'">
                <xen:if hascontent="true">
                    <div class="messageUserBlock">
                        <div class="avatarHolder">
                            <xen:contentcheck>
                            <xen:if is="{$news.attach}">
                                <a href="{xen:link threads, $news}"><img src="{$news.attach.thumbnailUrl}" alt="{$news.attach.filename}" /></a>
                            <xen:elseif is="{$news.medio}" />
                                <div style="background: url('{xen:helper medio, $news.medio}') no-repeat;">
                                    <a href="{xen:link 'full:media/media/popout', $news.medio}" class="OverlayTrigger"><img src="styles/8wayrun/EWRmedio_play.png" width="160" height="90" /></a>
                                </div>
                            <xen:elseif is="{$news.image}" />
                                <a href="{xen:link threads, $news}"><img src="{$news.image}" alt="{$news.image}" style="max-height: 150px; max-width: 150px;" /></a>
                            <xen:else />
                                <xen:avatar user="$news" size="m" itemprop="photo" />
                            </xen:if>
                            </xen:contentcheck>
                        </div>
                    </div>
                </xen:if>
                </xen:if>

                <div class="messageContent baseHtml">
                    <div class="postedBy">
                        <span class="posted iconKey"><div class="sticky"></div>{xen:phrase by_x_at_y,
                            'user=<a href="{xen:link members, $news}" class="username">{$news.username}</a>',
                            'date=<a href="{xen:link threads, $news}">{xen:time $news.post_date, 'absolute'}</a>'}</span>
                        <span class="views">({xen:number $news.view_count} {xen:phrase views} / {xen:number $news.first_post_likes} {xen:phrase likes})</span>
                        <span class="comments iconKey"><div class="new"></div><a href="{xen:link threads/unread, $news}">{xen:number $news.reply_count} {xen:phrase comments}</a></span>
                    </div>

                    <div class="newsText">{xen:raw $news.messageHtml}</div>
                    <div class="clearFix"></div>
                </div>

                <div class="sectionFooter">
                    <xen:if is="{$option.social}">
                        <xen:if hascontent="true">
                            <div class="sharePage">
                                <xen:require css="share_page.css" />

                                <xen:contentcheck>
                                    <xen:hook name="recentnews_share_page_options" params="{xen:array 'url={xen:link canonical:threads, $news}'}">
                                    <xen:if is="{$xenOptions.tweet.enabled}">
                                        <div class="tweet shareControl">
                                            <a href="http://twitter.com/share" class="twitter-share-button"
                                                data-count="horizontal"
                                                data-lang="{xen:helper twitterLang, $visitorLanguage.language_code}"
                                                data-url="{xen:link canonical:threads, $news}"
                                                {xen:if {$news.title}, 'data-text="{$news.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>
                                    <div class="plusone shareControl">
                        <div class="g-plusone" data-size="medium" data-count="true" data-href="{$url}"></div>
                    </div>
                                    <xen:if is="{$xenOptions.facebookLike}">
                                        <div class="facebookLike shareControl">
                                            <xen:container var="$facebookSdk">1</xen:container>
                                            <fb:like href="{xen:link canonical:threads, $news}" layout="button_count" action="{$xenOptions.facebookLikeAction}" font="trebuchet ms" colorscheme="@fbColorScheme"></fb:like>
                                        </div>
                                    </xen:if>
                                    </xen:hook>
                                
                                </xen:contentcheck>
                            
                            <div class="shareControl"><!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="//vk.com/js/api/openapi.js?105"></script>

<script type="text/javascript">
  VK.init({apiId: 4149217, onlyWidgets: true});
</script>

<!-- Put this div tag to the place, where the Like block will be -->
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button", height: 22});
</script></div>
                            <ul>
                                <xen:if is="{$visitor.permissions.EWRporta.canPromote}">
                                    <a href="{xen:link 'threads/category', $news}" class="button OverlayTrigger">+</a>
                                </xen:if>
                                <xen:foreach loop="$news.categories" value="$subCat">
                                    <li><a href="{xen:link 'articles', $subCat}" class="button">{$subCat.category_name}</a></li>
                                </xen:foreach>
                            </ul>
                        </div>
                    </xen:if>

                    <div class="continue">
                        <a class="iconKey button" href="{xen:link threads, $news}">
                            <div class="redirect"></div>
                            {xen:phrase continue_reading}
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </xen:foreach>

    <xen:if hascontent="true">
    <div class="section sectionMain">
        <xen:contentcheck>
        <xen:if is="{$option.pagenav} && {$option.count} > {$option.limit}">
            <xen:pagenav link="articles" linkdata="{$category}" page="{$page}" perpage="{$option.limit}" total="{$option.count}" />
        </xen:if>
        </xen:contentcheck>
    </div>
    </xen:if>
</div>
 
Последнее редактирование:
Ха ха ха, кажется я выкрутился другим решением ) Убрал вообще кнопки в каждой новости и поставил одну общую )) :lol:
 
Помогите, пожалуйста.
Сделал все как писали выше. Кнопка "ВК" стоит чуть ниже. Как это исправить?
kak.jpg
 
Последнее редактирование:
Помогите, пожалуйста.
Сделал все как писали выше. Кнопка "ВК" стоит чуть ниже. Как это исправить?

Я просто поставил кнопку ВК самой первой, получилось вот так
eb801267ef1ede52cf651c905ee38fc4.png
Если хотите сделать так же, вставляйте код ВК не после </xen:contentcheck>, а после строки <xen:hook name="sidebar_share_page_options">
 
Последнее редактирование модератором:
Помогите, пожалуйста.
Сделал все как писали выше. Кнопка "ВК" стоит чуть ниже. Как это исправить?
Во-первых все изображения загружаем только к нам на сервер, а во-вторых Вы всё сделали не так, как написано выше. :)
 
Во-первых все изображения загружаем только к нам на сервер, а во-вторых Вы всё сделали не так, как написано выше. :-)
Загрузил..
Вернул шаблоны к изначальному виду. Повторил.. Не выходит! :cry:
 
Не загрузили. Я говорю к нам на сервер, а не на обменники всякие. :)

Вернул шаблоны к изначальному виду. Повторил.. Не выходит! :cry:
У всех выходит. Что тут можно подсказать... У Вас определённо там лишний див где-то...
 
Не загрузили. Я говорю к нам на сервер, а не на обменники всякие. :-)


У всех выходит. Что тут можно подсказать... У Вас определённо там лишний див где-то...
Разобрался в чем дело, закрывающий див стоит не там - должно быть так

Код:
<div class="shareControl">
<script type="text/javascript">
VK.init({
apiId: ВАШ ID,
onlyWidgets: true
});
</script>

<div id="vk_like">
</div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button"});
</script></div>
 
Последнее редактирование модератором:
По умолчанию в XenForo уже есть кнопки Твиттера и Фейсбука а вот как их удалить?иле же заменить на рекламный блок?
 
По умолчанию в XenForo уже есть кнопки Твиттера и Фейсбука а вот как их удалить?иле же заменить на рекламный блок?
Я отключил в настройках:
3b97fb707c572fb85f31e06a8d684b8a.png

Извиняюсь не правильно понял вас, вам же блок убрать нужно.
 
Последнее редактирование:
Подскажите, а как вставлять кнопки в одну строчку?
первый скрин.JPG

Код:
<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="Envoyer un Tweet sur Twitter" class="twitter-share-button"
data-count="horizontal"
data-lang="{xen:helper twitterLang, $visitorLanguage.language_code}"
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>
<div class="fb-like" data-href="{$url}" data-width="400" data-layout="standard" data-action="{$xenOptions.facebookLikeAction}" data-show-faces="true" data-colorscheme="@fbColorScheme"></div>
</div>
</xen:if>
</xen:hook>
</xen:contentcheck>

<!-- маил.ру --!>

<a target="_blank" class="mrc__plugin_uber_like_button" href="Мой Мир@Mail.Ru — Запрос доступа" data-mrc-config="{'cm' : '1', 'sz' : '20', 'st' : '1', 'tp' : 'mm'}">Нравится</a>
<script src="https:/connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script>


<!-- вконтакте --!>
<script type="text/javascript">
VK.init({apiId: 5584898, onlyWidgets: true});
</script>
<div id="vk_like">
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button"});
</script></div>

<!-- одноклассники --!>
<div id="ok_shareWidget"></div>
<script>
!function (d, id, did, st) {
var js = d.createElement("script");
js.src = "https://connect.ok.ru/connect.js";
js.onload = js.onreadystatechange = function () {
if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") {
if (!this.executed) {
this.executed = true;
setTimeout(function () {
OK.CONNECT.insertShareWidget(id,did,st);
}, 0);
}
}};
d.documentElement.appendChild(js);
}(document,"ok_shareWidget","https://forum.mcmace.com","{width:190,height:30,st:'oval',sz:20,ck:2}");
</script>

</div>
</xen:if>
 
Последнее редактирование модератором:
Давно уже это всё неактуально, используйте более продвинутые аналоги.
 
MikhaiPiskunovich, копируете код, удаляете оттуда строчку
<script src="jquery.min.js"></script>

И вставляете, куда вам нужно

Спасибо!) Все заработало. Еще такой вопрос, когда отключаешь стандартные кнопки, блок пропадает полностью в месте с добавленными кнопками. Как решить эту проблему?
 
Создать свой блок, ну или воспользоваться готовым, как вариант - Custom sidebar block [unsupported], если воспользуетесь поиском, можно найти и мануалы и аналогичные дополнения с готовыми блоками.
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу