Jump to content
Дизайн и модификация IPS Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
wick

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

Recommended Posts

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

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

Edited by wick

Share this post


Link to post
Share on other sites

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

 

и в

 

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

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

Share this post


Link to post
Share on other sites

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

 

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

 

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

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

Edited by wick

Share this post


Link to post
Share on other sites

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

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

Два варианта: 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

Share this post


Link to post
Share on other sites

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

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

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

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

Edited by wick

Share this post


Link to post
Share on other sites

Вот как раз пытаюсь вставить код с шаред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

Share this post


Link to post
Share on other sites

<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

Share this post


Link to post
Share on other sites

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

 

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

 

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

 

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

Share this post


Link to post
Share on other sites

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

 

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

 

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

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

Share this post


Link to post
Share on other sites

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

 

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

Share this post


Link to post
Share on other sites

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

 

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

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

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

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

  • Upvote 1

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...