• Страница 1 из 1
  • 1
Social Modal Box Ucoz
StranNiKДата: Вторник, 08.01.2013, 23:35 | Сообщение # 1

Группа: Администраторы
Сообщений: 129
Репутация: 12
Статус:
Награды
За создание сайта За хорошую репутацию За 100 Сообщений
Действие данного плагина очень простое: когда пользователь заходит на сайт, автоматически открывается поп ап окно, в котором расположены кнопки социальных сервисов (Facebook, Google+ и Twitter), если пользователь воспользуется одним из сервисов, то окно больше не будет ему показываться (сохранение по кукам).


Заливаем папку socban к себе на сайт.
На нужных страницах сайта перед </body>
ставим
Код
<link type="text/css" rel="stylesheet" href="/socban/css/socialmodal.css">
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<script src="http://platform.twitter.com/widgets.js"></script>
<script type="text/javascript" src="/socban/js/jquery.cookie.js"></script>
<script type="text/javascript" src="/socban/js/jquery.socialmodal.js"></script>
        
<script language="javascript">

$(document).ready(function() {
$('body').socialmodal({
uniqueName: 'showmodal',
count: 20,
});
});

</script>

Ели вы хотите чтоб окно было только для гостей то заключаем в оператор:
Код
<?if($LOGIN_LINK$)?><?endif?>

Получается вот так:
Код
<link type="text/css" rel="stylesheet" href="/socban/css/socialmodal.css">
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<script src="http://platform.twitter.com/widgets.js"></script>
<script type="text/javascript" src="/socban/js/jquery.cookie.js"></script>
<script type="text/javascript" src="/socban/js/jquery.socialmodal.js"></script>
        
<?if($LOGIN_LINK$)?><script language="javascript">

$(document).ready(function() {
$('body').socialmodal({
uniqueName: 'showmodal',
count: 20,
});
});

</script><?endif?>

Для редактирования количества секунд измените на свое значения count: 20в скррипте
Код
<script language="javascript">

$(document).ready(function() {
$('body').socialmodal({
uniqueName: 'showmodal',
count: 20,
});
});

</script>
     
Прикрепления: socban.rar (56.9 Kb)
 
  • Страница 1 из 1
  • 1
Поиск: