Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Информация сервиса » 8 мая 2016г.: Поделиться в социальных сетях
Администрация сервиса рада сообщить администраторам и участникам о том, что теперь можно поделиться ссылкой на сообщение форума в социальных сетях.
Данное нововведение позволит привлечь больше посетителей на ваш форум.
Не нравится нововведение? Чтобы отключить, добавьте в HTML-верх:
Код:<style type="text/css"> .topic .sharelink {display:none} </style>
mihka1980
А так ?
Спасибо, отлично, сменился!
Admin
всё классно, только я по привычке пользованием социальными сетями, при открытии всяких всплывающих окон, подсказок и т.д. для закрытия тыкаю в любое (пустое) место сайта,
поэтому не хватает этой функции
$('body').on('click', function (){
$('.topic .sharelink').trigger('click');
});
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>Максим, я бы заменил в скрипте дрыгающуюся позицию от места клика, на постоянную позицию привязанную к позиции элемента, а не курсора:
Вот эту строку в 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'});
Оформление всплывающего блока
В конец нижнего окна стиля или в 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; /* рамка блока */
}
Немного странное месторасположение ссылки, внизу поста, среди "Цитировать, Редактировать, Удалить", было бы привычнее. Или иконкой рядом с оценкой поста.
И зачем генерить для всех постов блоки с шаринг линками? А если установлено 100 постов на странице - это ж сколько лишней разметки?
sadhaka
внизу поста, среди "Цитировать, Редактировать, Удалить", было бы привычнее.
Согласен
И зачем генерить для всех постов блоки с шаринг линками?
Такой плагин, который зачем-то сразу ставит блоки для каждого элемента, на который "повешен",
Логичнее было бы, если бы контейнер появлялся в DOM по наведению и исчезал при отведении курсора...
Немного странное месторасположение ссылки, внизу поста, среди "Цитировать, Редактировать, Удалить", было бы привычнее. Или иконкой рядом с оценкой поста.
В принципе несложно переместить css (ом)
Alex_63, Я же у Домового перемещал оценку перед цитировать (Там чо то нун relative сделать)
2. Народ быстро привыкает к расположению, и как на Руссфф оно зачастую при кривых руках и своём стиле выползает за форум, т.е. точно привязать в том месте - сложно, при минипрофиле нестандартной ширины,
Перемещаем ссылку "Поделиться"
В 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>
Alex_63
Здравствуйте!
Спасибо. Но тут покопав ужалось через сам скрипт сделать, вроде перестало наезжать.) А отключаться будет только кодом или потом введут возможность управления через админку?
При таком положении ссылка отображается некорректно в мобильном стиле и использовать такую кастомизацию я бы не советовал.
Расположение от сервиса проверено временем на форумах IPB:
http://www.devfuse.com/forums/topic/401 … re-bottom/
http://www.maxcheaters.com/topic/168745 … s-etc-etc/
Да, налезает, но, если в коде сделать так
margin-left: 350px !important;
то налезать не будет! Цифры можно под себя подогнать!
Отредактировано mihka1980 (Пн, 9 Май 2016 16:33:03)
mihka1980, в принципе, если делать иконкой, подобной приведённой Админом на IPB, стилизованной под мобильный стиль, нун поискать в инете, иконка смотрится неплохо и на мобильном стиле, и в отличие от Дуковкой версии не уползает от нижнего левого угла
Или можно спецом задать diasplay:block ссылке Поделиться и увеличить принудительно padding-bottom у E-mail, дабы и при начале трансформации в мобильный стиль "Поделиться" сразу переползала на нижнюю строку
в принципе, если делать иконкой, подобной приведённой Админом на IPB, стилизованной под мобильный стиль, нун поискать в инете,
иконка называется share - 
(вот в цветах ЕТП 24х24)
16х16 - 
16х16 пожирнее - 
И как я узнаю, что кто-то поделился...
Геннадий Эдуардович
Ну в принципе мон примастырить скрипт автоклика на + при клике на иконку, другое дело, что его нужно через месяц такой скрипт ставить, по опыту многие сейчас просто тыкать пробовать фичу будут в произвольном посте
Все вопросы сняты, все нашла
Отредактировано Mirra Bell (Вс, 8 Май 2016 11:19:43)
Так что можно не скриптом, а оно уже заложено в настройках форума - подскажите - где...
Геннадий Эдуардович
Ни наю, в настройках форума вроде нету ничего подобного..
Mirra Bell, можете пояснить ?
Геннадий Эдуардович
Alex_63
Я как обычно не сразу увидела эту ссылку, а потом попросила селектор. ) Но через минуту прозрела и ссылку нашла, и селектор, кликнув ней правой кнопкой и выбрав "просмотр кода элемента". А потом просто в своем стиле добавила те описания, что были мне нужны: цвет, тень, размер и т.д. Чтобы было в одном стиле с другими кнопками. В настройках этого нет, я сама написала
Отредактировано Mirra Bell (Ср, 11 Май 2016 12:53:06)
Mirra Bell
Гы, (а мну думал - Вы про автозапись тех, кто поделился, а стиль нарисовать - дык мну выкладывал уже пару вариантов, в том числе и с перемещением)
Вы здесь » Единый форум поддержки » Информация сервиса » 8 мая 2016г.: Поделиться в социальных сетях
