(XFI) Правила перед созданием темы

(XFI) Правила перед созданием темы 1.0.0

Нет прав для скачивания
Совместимость с XenForo
  1. 1.0
  2. 1.1
  3. 1.2
  4. 1.3
Описание:
Всплывает окно с просьбой ознакомиться с правилами форума.

Установка:
- Закидываем папку в нужную папку.

- Далее идем в шаблон thread_create
В любое место пихаем этот код
Код:
<script type="text/javascript" src="./js/xfi/slideto-1.0.js"></script>
<script language="JavaScript">

$(document).ready(function() {
   $('#sliderBox').slideTo({
     transition:300,
     top:'center',
     left:'center',
     inside:window
   });
   $('#background').height($(document).height());

   jQuery(window).resize(function() {
     $('#sliderBox').stop().slideTo({
       transition:300,
       top:'center',
       left:'center',
       inside:window
     });
   });

   var closeWelcomeBox;

   $(window).scroll(function(){
     if(!closeWelcomeBox){
       $('#sliderBox').stop().slideTo({
         transition:300,
         top:'center',
         left:'center',
         inside:window
       });
     }
   });

  
   $("#closeWelcomeBox").click(function(){
     $('#sliderBox').stop().slideTo({
       transition:500,
       top:-400
       });
       $('#background').fadeOut(500);
     closeWelcomeBox = true;
   });
});

</script>
<div id="background" ></div>
<div id="sliderBox">
   <center>
   <br/>
   <input type="button" id="closeWelcomeBox" value="Закрыть"/><br /><br />
   Перед созданием темы, советуем ознакомится с правилами.<br />
   <a href="http://www.xenforo.info" target="_blank">http://xenforo.info</a>
   </center>
</div>

- Потом идем в шаблон EXTRA.CSS
Добавляем этот код
Код:
#sliderBox{
   width:200px;
   height:150px;
   background:whitesmoke;
   position:absolute;
   top:-400px;
   left:-400px;
   z-index:300;
   border-radius: 6px 6px 6px 6px;
  box-shadow: 0 0 10px #000000;
}

#background{
   position: absolute;
   z-index: 200;
   top: 0px;
   left: 0px;
   width: 100%;
   opacity: .4;
   filter: alpha(opacity=40);
   background-color: #333333;
}

#closeWelcomeBox {
  background:#f2f2f2;
  border-radius:3px;
  border:2px solid #ddd;
}

Демонстрация:
Для просмотра этого контента нам потребуется ваше согласие на установку файлов cookie третьих лиц.
Более подробную информацию можно найти на нашей странице cookie.
  • Мне нравится
Реакции: Ermine882 и xenforomen
Автор
Георгий Шевченко
Скачивания
18
Просмотры
218
Первый выпуск
Обновление
Оценка
0.00 звёзд 0 оценок

Другие ресурсы пользователя Георгий Шевченко

Поделиться ресурсом

Назад
Сверху Снизу