Кнопки "Поделиться в соц сети" где их отредактировать? - Дизайн и модификация Invision Power Board

Перейти к содержимому

 

Правила раздела

Здесь обсуждаются вопросы оформления форумов IPB 3.x.
Пожалуйста, не оффтопьте, если зашли сюда случайно, и обратите внимание на соседние разделы.
Оформление форумов IPB 2.x.
Настройка форумов, включая установку и техническую настройку скинов.
Размещение рекламы на форумах.
SEO оптимизация форума.
Техническая поддержка наших скинов и модов.

СвернутьПрикрепленные теги

Теги не найдены

  • 2 Страниц +
  • 1
  • 2
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

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

#1 Пользователь не на сайте   wick ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 293
  • Регистрация: 12-Февраль 15
  • Репутация: 2
  • IPB version:3.4.x
 

Отправлено 01 Март 2015 - 14:30

Подскажите пожалуйста, где редактируются кнопки "поделиться в соц сети" как на скриншоте, не могу найти настройки где добавить или убрать кнопки, где настроить сам блок в котором они показываются, размеры по высоте, отступы и т.д.?
Вложение  поделиться.jpg (20,55К)
Количество загрузок: 27

Сообщение изменено: wick (01 Март 2015 - 14:31)

0

#2 Пользователь не на сайте   Атаман ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 070
  • Регистрация: 13-Апрель 12
  • Репутация: 314
  • Откуда:no
  • IPB version:1.x
 

Отправлено 01 Март 2015 - 14:35

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

и в

Вложение  Безымянный.png (7,64К)
Количество загрузок: 33
1

#3 Пользователь не на сайте   wick ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 293
  • Регистрация: 12-Февраль 15
  • Репутация: 2
  • IPB version:3.4.x
 

Отправлено 01 Март 2015 - 14:39

Просмотреть сообщениеАтаман 01 Март 2015 - 14:35 сказал(а):

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

и в

Вложение Безымянный.png

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

#4 Пользователь не на сайте   wick ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 293
  • Регистрация: 12-Февраль 15
  • Репутация: 2
  • IPB version:3.4.x
 

Отправлено 01 Март 2015 - 14:46

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

Вложение  кнопки.jpg (39,22К)
Количество загрузок: 13

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

Сообщение изменено: wick (01 Март 2015 - 15:40)

0

#5 Пользователь не на сайте   Viktar83 ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 120
  • Регистрация: 10-Декабрь 14
  • Репутация: 71
  • Откуда:РБ
  • IPB version:3.4.x
 

Отправлено 01 Март 2015 - 18:25

Просмотреть сообщениеwick 01 Март 2015 - 14:46 сказал(а):

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

Увы, насколько я знаю, именно эти две кнопки зашиты где-то в движке (что-то связанное с авторизацией) <_<.
Два варианта: 1) найти этот код; 2) в шаблоне поста вместо всех этих кнопок вывести свои ( например, share.pluso.ru или share42.com/ru )
ПС: может, есть другой способ? :huh:


Просмотреть сообщениеwick 01 Март 2015 - 14:46 сказал(а):

Подскажите ещё в каком 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 (01 Март 2015 - 18:29)

0

#6 Пользователь не на сайте   wick ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 293
  • Регистрация: 12-Февраль 15
  • Репутация: 2
  • IPB version:3.4.x
 

Отправлено 01 Март 2015 - 18:35

Просмотреть сообщениеViktar83 01 Март 2015 - 18:25 сказал(а):

Увы, насколько я знаю, именно эти две кнопки зашиты где-то в движке (что-то связанное с авторизацией) <_<.
Два варианта: 1) найти этот код; 2) в шаблоне поста вместо всех этих кнопок вывести свои ( например, share.pluso.ru или share42.com/ru )
ПС: может, есть другой способ? :huh:

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

Сообщение изменено: wick (01 Март 2015 - 18:50)

0

#7 Пользователь не на сайте   Viktar83 ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 120
  • Регистрация: 10-Декабрь 14
  • Репутация: 71
  • Откуда:РБ
  • IPB version:3.4.x
 

Отправлено 01 Март 2015 - 18:53

Просмотреть сообщениеwick 01 Март 2015 - 18:35 сказал(а):

Вот как раз пытаюсь вставить код с шаред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 (01 Март 2015 - 18:57)

0

#8 Пользователь не на сайте   wick ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 293
  • Регистрация: 12-Февраль 15
  • Репутация: 2
  • IPB version:3.4.x
 

Отправлено 01 Март 2015 - 18:57

<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, начало отображаться но криво, эта кнопка стала выше остальных
Вложение  кнопки22.jpg (6,54К)
Количество загрузок: 11

Сообщение изменено: wick (01 Март 2015 - 19:01)

0

#9 Пользователь не на сайте   wick ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 293
  • Регистрация: 12-Февраль 15
  • Репутация: 2
  • IPB version:3.4.x
 

Отправлено 01 Март 2015 - 19:10

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

Вложение  гугл кнопка.jpg (7,15К)
Количество загрузок: 12

рано радовался )) при добавлениие ещё одной кнопки фейсбука, обе начинают читать из одного 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 (01 Март 2015 - 20:33)

0

#10 Пользователь не на сайте   wick ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 293
  • Регистрация: 12-Февраль 15
  • Репутация: 2
  • IPB version:3.4.x
 

Отправлено 01 Март 2015 - 23:53

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

#11 Пользователь не на сайте   Viktar83 ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 120
  • Регистрация: 10-Декабрь 14
  • Репутация: 71
  • Откуда:РБ
  • IPB version:3.4.x
 

Отправлено 02 Март 2015 - 13:04

Просмотреть сообщениеwick 01 Март 2015 - 23:53 сказал(а):

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

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

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

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

#12 Пользователь не на сайте   wick ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 293
  • Регистрация: 12-Февраль 15
  • Репутация: 2
  • IPB version:3.4.x
 

Отправлено 02 Март 2015 - 20:53

Просмотреть сообщениеViktar83 02 Март 2015 - 13:04 сказал(а):

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

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

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

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

#13 Пользователь не на сайте   wick ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 293
  • Регистрация: 12-Февраль 15
  • Репутация: 2
  • IPB version:3.4.x
 

Отправлено 16 Апрель 2015 - 12:00

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

Вложение  1.png (11,31К)
Количество загрузок: 13Вложение  2.png (11,4К)
Количество загрузок: 13
0

#14 Пользователь не на сайте   Viktar83 ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 120
  • Регистрация: 10-Декабрь 14
  • Репутация: 71
  • Откуда:РБ
  • IPB version:3.4.x
 

Отправлено 16 Апрель 2015 - 12:40

Просмотреть сообщениеwick 16 Апрель 2015 - 12:00 сказал(а):

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


Это элемент <ul class="topic_share left shareButtons ipsList_inline">
Если в CSS этих классов нет, то можно их дописать самому.
Например, в ipb_styles.css добавить:
ul.topic_share {
  margin-top:10px;
  margin-bottom:10px;
}

1

#15 Пользователь не на сайте   wick ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 293
  • Регистрация: 12-Февраль 15
  • Репутация: 2
  • IPB version:3.4.x
 

Отправлено 16 Апрель 2015 - 17:52

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

Сообщить об этой теме:


  • 2 Страниц +
  • 1
  • 2
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

1 пользователей читают эту тему
0 зарегистрированных, 1 гостей, 0 скрытых


Контактная информация

Вопросы по работе сайта

+7 (917) 501-4765
C 10 до 20 в рабочие дни (время московское)

Техническая поддержка

Контактные данные специалистов

Дизайн форумов

IPB 3.x ¦ IPB 2.x

Бесплатные шаблоны

IPB 3.2 – 3.4 ¦ IPB 3.1 ¦ IPB 3.0 ¦ IPB 2.2 – 2.3 ¦ IPB 2.1 ¦ Клипарт
Лицензия на использование ¦ Ваша поддержка ¦ О проекте
Copyright © 2005-2016 IPBSkins.ru Team
При копировании материалов с сайта
прямая ссылка на источник обязательна