Хаки и Скрипты Next Generation CMS
irbees2008 irbees2008 Опубликовано - 28 - января JS
3641 - 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

Можешь почитать и вот эту статейку "Эффект для изображений Image Tilt Effect"

Опрос

Ваше мнение

TWIG -что это?
Результаты

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

Теги

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

Статистика

  • Caйту: 3458 дней
  • Новостей: 553
  • Комменты: 254
  • Зарегистрированно : 583
  • Онлайн всего: [8]
  • Гости: [8]
  • Были сегодня : [1] Яндекс
  • SQL запросов: 22
  • Генерация страницы: 0.998сек
  • Потребление памяти: 5.108 Mb 
  •   яндекс.ћетрика