Перейти к содержимому
Открыть в приложении

Удобный способ просмотра. Узнать больше.

Дизайн и модификация Invision Community

Полноэкранное приложение на главном экране с push-уведомлениями, медалями и многим другим.

Чтобы установить это приложение на iOS и iPadOS
  1. Нажмите иконку «Поделиться» в Safari
  2. Прокрутите меню и нажмите На экран «Домой».
  3. Нажмите Добавить в правом верхнем углу.
Чтобы установить это приложение на Android
  1. Нажмите меню из трёх точек (⋮) в правом верхнем углу браузера.
  2. Нажмите Добавить на главный экран или Установить приложение.
  3. Подтвердите, нажав Установить.
Русский язык для Invision Community 5

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

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

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

Изменено пользователем wick

Рекомендованные сообщения

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

 

и в

 

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

  • Автор

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

 

и в

 

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

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

  • Автор

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

 

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

 

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

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

Изменено пользователем 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; }

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

Изменено пользователем Viktar83

  • Автор

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

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

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

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

Изменено пользователем 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}

Изменено пользователем Viktar83

  • Автор

<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

Изменено пользователем wick

  • Автор

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

 

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 кнопки гугл которые ведут на гугл+ ((

Изменено пользователем wick

  • Автор

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

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

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

 

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

 

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

  • Автор

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

 

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

 

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

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

  • 1 месяц спустя...
  • Автор

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

 

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;
}

  • Автор

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

  • Автор

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

 

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 -->

 

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

Изменено пользователем wick

Создайте аккаунт или войдите в него для комментирования

Аккаунт

Навигация

Поиск

Поиск

Настроить push-уведомления браузера

Chrome (Android)
  1. Нажмите на иконку замка рядом с адресной строкой.
  2. Нажмите Права доступа -> Уведомления.
  3. Измените свои настройки.
Chrome (компьютер)
  1. Нажмите на иконку замка в адресной строке.
  2. Выберите Настройки сайта.
  3. Найдите Уведомления и измените свои настройки.