Войти на сайт Регистрация
Добавить файлВ каталоге: 678
Модальное окно для uCoz как на Facebook
13.11.2018
Модальное окно для uCoz как на Facebook
  • 740 Просмотров:
  • 0 Скачиваний:
  • 0 Комментариев:
  • 0.0 Рейтинг:
  • (Голосов: 0)
Описание:
Модальное окно в стиле Facebook для сайта. Модальное окно - это окно в которое вы можете всунуть любой контент. Это окно по названию ясно что выполнено в таком же стиле как на сайте Facebook.

Установка:

1. Там где хотите видеть ссылку для вызова окна:

Код
<a href="javascript://" onclick="facebookOtkrit();">открыть окно facebook</a>  

  <div id="facebookPosition">  
  <div id="facebookTitle">facebook</div>  
  <div id="facebookBody">infoscript.ru</div>  
  <div id="facebookFooter">  
  <div style="text-align: right;"><a href="javascript://" onclick="facebookZakrit();" id="facebookZakrit">Закрыть</a></div>  
  </div>  
  </div>  
  <style>  
  #facebookPosition {display:none; width: 333px; position: fixed; top:5%; left:25%; border: 10px solid rgba(82, 82, 82, 0.700); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; z-index: 999;}  
  #facebookTitle {background: #6d84b4; border-left: 1px solid #3b5998; border-right: 1px solid #3b5998; border-top: 1px solid #3b5998; color: #fff; font-size: 14px; font-weight: 700; height:15px; padding:10px;}  
  #facebookBody {background: #e7ebf2; border-left: 1px solid #555; border-right: 1px solid #555; border-bottom: 1px solid #ccc; padding:10px;}  
  #facebookFooter {background-color: #f2f2f2; border-bottom: 1px solid #555; border-left: 1px solid #555; border-right: 1px solid #555; padding:10px;}  
  #facebookZakrit {background:#5B74A8 url('http://7old.ru/ucoz-files/1/k_n_p_f.png'); background-repeat: repeat-x; border:1px solid #29447e; color:#f9f7f9; font-weight: bold; font-size: 11px; font-family: tahoma,verdana,arial,sans-serif,Lucida Sans; text-shadow: 0 1px 0 #45688e; text-decoration:none; outline: medium none; white-space: nowrap; margin: 0; padding: 4px 11px; cursor: pointer;}  
  </style>  
  <script>  
  function facebookOtkrit(){$('#facebookPosition').fadeIn('slow');}  
  function facebookZakrit(){$('#facebookPosition').fadeOut('slow');}  
  </script>


Конец.
Модальное окно для uCoz как на Facebook" title="Скачать Модальное окно для uCoz как на Facebook бесплатно, без смс и регистрации" target="_blank">Сервер Скачать файл
Источник: Неизвестно
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]