Skip to content

Кнопки "Поделиться в соц сети" где их отредактировать?

Подскажите пожалуйста, где редактируются кнопки "поделиться в соц сети" как на скриншоте, не могу найти настройки где добавить или убрать кнопки, где настроить сам блок в котором они показываются, размеры по высоте, отступы и т.д.?

post-57740-0-35375000-1425209530_thumb.jpg

Edited by wick

Featured Replies

В шаблонах: Глобальные - shareLinks

 

и в

 

Безымянный.png

  • Author

В шаблонах: Глобальные - shareLinks

 

и в

 

post-50310-0-22731600-1425209803_thumb.png

Большое спасибо!

  • Author

только не могу настроить гугл+ их кнопка не меняет свой внешний вид, так же как фейсбук и где её убрать непонятно

 

post-57740-0-98624000-1425211055_thumb.jpg

 

Нашёл в глобальных шаблонах "googlePlusOneButton" видимо это настройка этой кнопки, но что там настраивать хз, как изменить внешний вид этой кнопки на мою кнопку?

Подскажите ещё в каком css найти параметры дива "clear clearfix left" ?

Edited by wick

только не могу настроить гугл+ их кнопка не меняет свой внешний вид, так же как фейсбук и где её убрать непонятно

Увы, насколько я знаю, именно эти две кнопки зашиты где-то в движке (что-то связанное с авторизацией) <_<.

Два варианта: 1) найти этот код; 2) в шаблоне поста вместо всех этих кнопок вывести свои ( например, share.pluso.ru или share42.com/ru )

ПС: может, есть другой способ? :huh:

 

 

Подскажите ещё в каком css найти параметры дива "clear clearfix left" ?

Это три разных класса в ipb_styles.css

/* Utility styles */
.right { float: right; }
.left { float: left; }
.hide { display: none; }
.short { text-align: center; }
.clear { clear: both; }
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.faded { opacity: 0.5 }
.clickable { cursor: pointer; }
.reset_cursor { cursor: default; }

Зачем они Вам? Трогать их крайне не рекомендую - это как бы "чисто служебные" стили ( выравнивание-обтекание элементов фикс отмены обтекания и т.д. ), иначе можете натворить бед со всей вёрсткой!

Edited by Viktar83

  • Author

Увы, насколько я знаю, именно эти две кнопки зашиты где-то в движке (что-то связанное с авторизацией) <_<.

Два варианта: 1) найти этот код; 2) в шаблоне поста вместо всех этих кнопок вывести свои ( например, share.pluso.ru или share42.com/ru )

ПС: может, есть другой способ? :huh:

Вот как раз пытаюсь вставить код с шаред42, но не могу теперь понять от куда их скрипт берёт данные таблицы share42init, так как кнопка съезжает низко очень

Edited by wick

Вот как раз пытаюсь вставить код с шаред42, но не могу теперь понять от куда их скрипт берёт данные таблицы share42init, так как кнопка съезжает низко очень

 

проще самому стили прописать, типа такого (примерно, для вертикальных 24х24):

#share42 {
position: fixed;
top: 50% !important;
left: 0;
margin-top: -115px;
opacity: 0.6;
background: #F6F6F6;
padding: 6px 6px 0;
border: 1px solid #DFDFDF;
border-left: none;
border-radius: 0 5px 5px 0;
box-shadow: inset -1px 1px 0 #FFF, inset 0 -1px 0 #FFF;
}
#share42:hover  {opacity: 1}

Edited by Viktar83

  • Author

<li><div class='googlePlusOne'>

<div class="share42init" data-url="[url]" data-title="[title]"></div>
<script type="text/javascript" src="http://сайт/share42/share42.js"></script> 

</div></li>

Вставил так в глобальных шаблонах в шаблон - googlePlusOneButton, начало отображаться но криво, эта кнопка стала выше остальных

post-57740-0-61395900-1425225529_thumb.jpg

Edited by wick

  • Author

всё ура, настроил всё отлично!

 

post-57740-0-96791300-1425231275_thumb.jpg

 

рано радовался )) при добавлениие ещё одной кнопки фейсбука, обе начинают читать из одного jsа данные, хотя находятся в разных папках с разными названиями, сам не понимаю почему

 

 

можно ли сделать 2 jsа по каждому на одну кнопку?

 

опишу что делал я:

создал 2 папки, google и facebook, в одну и во вторую залил залил share42.js и файлы иконок, js'ы переименовал тоже в гугл и фейсбук.

добавил скрипты вывода в глобальных шаблонах в шаблоны "facebookShareButton" и "googlePlusOneButton"

 

в гугл такого вида:

 

<li><div class='googlePlusOne'>
<div class="share42init" data-url="[url]" data-title="[title]"></div>
<script type="text/javascript" src="http://сайт/google/google.js"></script> 
</div></li>

 

в фейсбук такого:

 

<li class='fbLike'><div class="fb-like" data-href="{$url}" data-send="false" data-layout="button_count" data-width="150" data-show-faces="false" data-action="like">
<div class="share42init" data-url="[url]" data-title="[title]"></div>
<script type="text/javascript" src="http://сайт/facebook/facebook.js"></script>
</div><div id="fb-root"></div></li>

 

После сохранения получаю 2 кнопки гугл которые ведут на гугл+ ((

Edited by wick

  • Author

ни кто не в курсе как это сделать? ((

ни кто не в курсе как это сделать? ((

Честно говоря, я запутался )

 

Я имел ввиду: вместо вывода всех стандартных кнопок сделать только вывод share42 например.

 

По вашим изменениям ничего посоветовать не могу. Я делал так: убирал в шаблонах вывод стандартных кнопок внизу страницы, в GlobalTemplate вставлял код share42 для вертикальных кнопок слева (как на самом сайте share42). Собственно и код css привёл выше именно для такого случая. Увы :mellow:

  • Author

Честно говоря, я запутался )

 

Я имел ввиду: вместо вывода всех стандартных кнопок сделать только вывод share42 например.

 

По вашим изменениям ничего посоветовать не могу. Я делал так: убирал в шаблонах вывод стандартных кнопок внизу страницы, в GlobalTemplate вставлял код share42 для вертикальных кнопок слева (как на самом сайте share42). Собственно и код css привёл выше именно для такого случая. Увы :mellow:

понял, видимо я пошёл более проблемным путём ))

  • 1 month later...
  • Author

настроил всё как надо, подскажите пожалуйста где в ксс настроить паддинг, отступы сверху и снизу для этих кнопок, на первом скрине так как у меня сейчас, а сделать надо как на втором скрине

 

post-57740-0-97318200-1429174837_thumb.pngpost-57740-0-38962800-1429174860_thumb.png

настроил всё как надо, подскажите пожалуйста где в ксс настроить паддинг, отступы сверху и снизу для этих кнопок, на первом скрине так как у меня сейчас, а сделать надо как на втором скрине

 

Это элемент <ul class="topic_share left shareButtons ipsList_inline">

Если в CSS этих классов нет, то можно их дописать самому.

Например, в ipb_styles.css добавить:

ul.topic_share {
 margin-top:10px;
 margin-bottom:10px;
}

  • Author

Спасибо дописал, помогло! ;)

  • Author

Обнаружен косяк, если в теме есть теги и ниже показываются аналогичные, то всё нафиг съезжает ...

 

post-57740-0-97689000-1429299980_thumb.png

 

Добавил три br вроде выровнял

 

<!-- BOTTOM BUTTONS -->
<if test="canShare:|:!$forum['disable_sharelinks'] AND $this->settings['sl_enable']">

<div class='clear clearfix left'>
	{IPSLib::shareLinks( $topic['title'], $topic['posts'] > 300 ? array( 'skip' => array( 'print', 'download' ) ) : array() )}
</div>
</if> </br></br></br>
<!-- SAME TAGGED -->

 

Может можно сделать к таблице тегов стиль, что бы она смещалась от кнопок тоже?

Edited by wick

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.