Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Информация сервиса » 8 мая 2016г.: Поделиться в социальных сетях


8 мая 2016г.: Поделиться в социальных сетях

Сообщений 21 страница 40 из 97

1

Администрация сервиса рада сообщить администраторам и участникам о том, что теперь можно поделиться ссылкой на сообщение форума в социальных сетях.

Данное нововведение позволит привлечь больше посетителей на ваш форум.

http://s7.uploads.ru/vS1jA.png

код отключения

Не нравится нововведение? Чтобы отключить, добавьте в HTML-верх:

Код:
<style type="text/css">
.topic .sharelink {display:none}
</style>

+13

21

Alex_63 написал(а):

mihka1980
А так ?

Спасибо, отлично, сменился!

+1

22

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

Код:
$('body').on('click', function (){
	$('.topic .sharelink').trigger('click');
});

+1

23

Romych, да, классно
Вот чуть усложнил без закрытия при клике на саму панель (удобней если делиться в нескольких местах)

Код:
<script type="text/javascript">
$(function (){
  var busy=false;
  $('body').on('click','.post-share-tip', function (e){
    busy=true;setTimeout(function (){busy=false},20);
  }).on('click',function (){
    if(!busy)$('.topic .sharelink').trigger('click');
  });
});
</script>

+3

24

Максим, я бы  заменил в скрипте дрыгающуюся позицию от места клика, на постоянную позицию привязанную к позиции элемента, а не курсора:
Вот эту строку в  http://st0.bbcorp.ru/js/extra.5.js

Код:
	$el.css({'position': 'absolute','top':parseInt(e.pageY+15)+'px','left':parseInt(e.pageX-160)+'px','display':'block'});

Заменить на такую(с Привязкой правого края всплывающего контейнера к правому краю тега <a>):

Код:
	var $a = $(e.currentTarget);
	$el.css({'position': 'absolute','top':$a.offset().top + 25 + 'px','left': $a.offset().left + $a.width()- 162 +'px','display':'block'});



Скриншоты на трёх разных стилях

http://s3.uploads.ru/n4pHq.jpg
http://sa.uploads.ru/iFAgq.jpg
http://s6.uploads.ru/G5cMT.jpg

+1

25

Оформление всплывающего блока

В конец нижнего окна стиля или в html-верх в тегах <style></style>

.post-share-legend{
background-color:#FFF6BD !important; /* фон заголовка */
}
.post-share-legend span{
color:#624300 !important; /* цвет текста заголовка */
}
.post-share-tip{
background-color:#FFF; /* фон блока */
border:solid 1px #E6D79E; /* рамка блока */
}


http://sf.uploads.ru/Kclgb.png

+1

26

Немного странное месторасположение ссылки, внизу поста, среди "Цитировать, Редактировать, Удалить", было бы привычнее. Или иконкой рядом с оценкой поста.
И зачем генерить для всех постов блоки с шаринг линками? А если установлено 100 постов на странице - это ж сколько лишней разметки?

+1

27

sadhaka

sadhaka написал(а):

внизу поста, среди "Цитировать, Редактировать, Удалить", было бы привычнее.

Согласен

sadhaka написал(а):

И зачем генерить для всех постов блоки с шаринг линками?

:dontknow: Такой плагин, который зачем-то сразу ставит блоки для каждого элемента, на который "повешен",
Логичнее было бы, если бы контейнер появлялся в DOM по наведению и исчезал при отведении курсора...

0

28

sadhaka написал(а):

Немного странное месторасположение ссылки, внизу поста, среди "Цитировать, Редактировать, Удалить", было бы привычнее. Или иконкой рядом с оценкой поста.

В принципе несложно переместить css (ом)
Alex_63, Я же у Домового перемещал оценку перед цитировать (Там чо то нун relative сделать)

2. Народ быстро привыкает к расположению, и как на Руссфф оно зачастую при кривых руках и своём стиле выползает  за форум, т.е. точно привязать в том месте - сложно, при минипрофиле нестандартной ширины,

0

29

Перемещаем ссылку "Поделиться"
http://se.uploads.ru/WnRYe.png
В HTML верх:

<style type="text/css">
/* Перемещаем ссылку "Поделиться" */
.punbb .post{
  position: relative;
}
.post a.sharelink{
  position: absolute;
  margin-left: 0 !important;
  bottom: 1em;
  margin-bottom: 1px;
  z-index: 9999;
}
</style>

+2

30

Alex_63
Здравствуйте!
Спасибо. Но тут покопав ужалось через сам скрипт сделать, вроде перестало наезжать.) А отключаться будет только кодом или потом введут возможность управления через админку?

0

31

Alex_63 написал(а):

http://se.uploads.ru/WnRYe.png

При таком положении ссылка отображается некорректно в мобильном стиле и использовать такую кастомизацию я бы не советовал.
http://s3.uploads.ru/OyzUr.png
Расположение от сервиса проверено временем на форумах IPB:
http://s2.uploads.ru/JUs7T.png
http://s7.uploads.ru/BxRng.png
http://www.devfuse.com/forums/topic/401 … re-bottom/
http://www.maxcheaters.com/topic/168745 … s-etc-etc/

0

32

Да, налезает, но, если в коде сделать так 

Код:
margin-left: 350px !important;

то налезать не будет! Цифры можно под себя подогнать!

http://img-fotki.yandex.ru/get/26439/13966776.2d2/0_cd48a_d89e91d6_orig.jpg

Отредактировано mihka1980 (Пн, 9 Май 2016 16:33:03)

0

33

mihka1980, в принципе, если делать иконкой, подобной приведённой Админом на IPB, стилизованной под мобильный стиль, нун поискать в инете, иконка смотрится неплохо и на мобильном стиле, и в отличие от Дуковкой версии не уползает от нижнего левого угла

Или можно спецом задать diasplay:block ссылке Поделиться и увеличить принудительно padding-bottom у  E-mail, дабы и при начале трансформации в мобильный стиль "Поделиться" сразу переползала на нижнюю строку

http://s8.uploads.ru/I0FmQ.jpg

0

34

Deff написал(а):

в принципе, если делать иконкой, подобной приведённой Админом на IPB, стилизованной под мобильный стиль, нун поискать в инете,

иконка называется share - http://s2.uploads.ru/8TVWt.png (вот в цветах ЕТП 24х24)
16х16 - http://s8.uploads.ru/blNhW.png
16х16 пожирнее - http://s9.uploads.ru/ZQvDN.png

+4

35

И как я узнаю, что кто-то поделился...

+1

36

Геннадий Эдуардович
Ну в принципе мон примастырить скрипт автоклика на + при клике на иконку, другое дело, что его нужно через месяц такой скрипт ставить, по опыту многие сейчас просто тыкать пробовать фичу будут в произвольном посте

+1

37

Mirra Bell написал(а):

Все вопросы сняты, все нашла

Отредактировано Mirra Bell (Вс, 8 Май 2016 11:19:43)

Так что можно не скриптом, а оно уже заложено в настройках форума - подскажите - где...

0

38

Геннадий Эдуардович
Ни наю, в настройках форума вроде нету ничего подобного..

Mirra Bell, можете пояснить ?

0

39

Геннадий Эдуардович
Alex_63
Я как обычно не сразу увидела эту ссылку, а потом попросила селектор. ) Но через минуту прозрела и ссылку нашла, и селектор, кликнув ней правой кнопкой и выбрав "просмотр кода элемента". А потом просто в своем стиле добавила те описания, что были мне нужны: цвет, тень, размер и т.д. Чтобы было в одном стиле с другими кнопками. В настройках этого нет, я сама написала

Отредактировано Mirra Bell (Ср, 11 Май 2016 12:53:06)

+2

40

Mirra Bell
Гы, (а мну думал - Вы про автозапись тех, кто поделился, а стиль нарисовать - дык мну выкладывал уже пару вариантов, в том числе и с перемещением)

0

Похожие темы


Вы здесь » Единый форум поддержки » Информация сервиса » 8 мая 2016г.: Поделиться в социальных сетях