Хаки и Скрипты Next Generation CMS
irbees2008 irbees2008 Опубликовано - 28 - января JS
3879 - 0
  • Автор: stend
  • Обсудить на :на форуме
  • Адаптировал: stend

Социальный замок - это получение ссылки после нажатия на кнопку социальных сетей.
Вариант 1:
1. Активируем плагин xfield ( если не активирован )
2. Создаем дополнительное поле lock ( Например текстовый блок )

Подробности :
1 В скрипте для vk нужно изменить "apiId: 1111111111111111" на свой, полученный для вашего сайта.
2 Весь этот код вставляем в любое удобное место в шаблоне news.full.tpl

Код:
[xfield_lock] 
<div class="sblock">
Скрытый текст появится после лайка в одной из соц сетей.<br>
<table>
<tr>

<td style="text-align: center;" >

<g:plusone data-size="medium" callback="plusClick"></g:plusone>

<script type="text/javascript">
window.___gcfg = {lang: 'ru'};

(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();

function plusClick(data){
$('#hidden').show();
}

</script>

</td>

<td style="text-align: center;" >
<a href="https://twitter.com/share" class="twitter-share-button" data-lang="ru">Твитнуть</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>

<script type="text/javascript">
twttr.events.bind('tweet',function (twttr) {
alert('Спасибо за лайк! Теперь вам доступно скрытое содержимое ')
$('#hidden').show();

});
</script>
</td>
<td style="text-align: center;" >

<script type="text/javascript" src="//vk.com/js/api/openapi.js?78"></script>

<script type="text/javascript">
VK.init({apiId: 11111111111111111, onlyWidgets: true});
</script>

<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button", height: 20});
</script>
<script type="text/javascript">
VK.Observer.subscribe('widgets.like.liked',function(){
$('#hidden').show();
}
);
</script>
</td>
<td style="text-align: center;">
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-send="true" data-layout="button_count" data-width="150" data-show-faces="true"></div>
<script type="text/javascript">
FB.Event.subscribe('edge.create',
function(response) {
$('#hidden').show();
}
);
</script>




</td>
</tr>
</table>
</div>

<div id="hidden" style="text-align: left; display: none;" >
<div class="hideshow">
[xvalue_lock]
</div>
</div>

[/xfield_lock]
ну и стлили
Код:
.hideshow {
background: #fdf2c0;
font-size: 17px;
padding: 10px;
color: #5b5a44;
border-left: 5px solid rgb(0, 143, 34);
}

.sblock {
background: rgb(225, 229, 230);
float: left;
color: rgb(238, 26, 51);
border: 0px;
font-size: 18px;
padding: 10px 25px;
border-left: 5px solid rgb(255, 27, 27);
}

Вариант 2: http://ruseller.com/lessons.php?rub_id=1&id=1164

Можешь почитать и вот эту статейку "3D карусель на bootstrap"

Опрос

Ваше мнение

Вы нашли что искали?
Результаты

Последние комментарии

Теги

Anything in here will be replaced on browsers that support the canvas element

Статистика

  • Caйту: 3742 дня
  • Новостей: 561
  • Комменты: 254
  • Зарегистрированно : 615
  • Онлайн всего: [1]
  • Гости: [1]
  • Были сегодня : [3] Яндекс, Google, ????????? ?????
  • SQL запросов: 19
  • Генерация страницы: 0.349сек
  • Потребление памяти: 5.129 Mb 
  •   яндекс.ћетрика