Старая форма входа
Вид материаловМенюКатегорииИнформерКнопки
Наш чат 1
Онлайн всего: 1
Гостей: 1
Пользователей: 0
1

Блок объявления от администратора

Добавлено 06-01-2018 в 14:26

Блок объявления от администратора
Здравствуйте, Сегодня возникла мысль сделать что то ти-по статуса сайта в котором администратор сможет писать что то важное или уведомлять пользователей о нововведениях изменениях в работе сайта но при этом оставить возможность скрыть данный блок если пользователь не хочет его видеть

Вид для пользователей



Вид для администрации


На самом деле применений очень много
тут всё зависит от вашей фантазии

Для работы скрипта нам понадобится новая страница из которой будет браться информация и выводится в блок
Редактирование информации в ajax окошке
По клику на кнопку закрыть блок больше не показывается

Установка

Перейдите на адрес создания новой страницы http://ваш-сайт/index/31. В поле название страницы напишите "Статус сайта" или любое другое название.

В поле "Содержимое страницы" вставьте следующий код:
Код
<div class="site-status"></div>

После нажимаем на кнопку создания, и запоминаем адрес страницы.

Сам блок ставим в верхнюю часть в самый вер или в то место где хотим что бы появлялся это блок
Код
<div id="bg_popup">
  <a id="setCookie" class="close" href="javascript://" title="Закрыть" onclick="document.getElementById('bg_popup').style.display='none'; return false;">Закрыть</a>
  <div id="popup">
   
  <?if($GROUP_ID$==4)?><a href="javascript://" onclick="$.eSiteStatus({post:0});" style="float:left;margin-right:20px;">ИЗМЕНИТЬ</a><?endif?>  
  <div id="siteStatus" eurl="ССЫЛКА НА СТРАНИЦУ"></div>  
   
  <script src="/js/3976_moI.js"></script>
  </div>
  </div>

В коде выше есть строчка
Цитата
eurl="ССЫЛКА НА СТРАНИЦУ"

сюда нам нужно указать ссылку на страницу которую мы создали для публикации нашего объявления

Подключим стили для нашего блока
Код
#bg_popup{
  display: none;
width: 100%;
position: relative;
  z-index: 12;
}
   
  #popup {
background: #00A9E7 url("http://talantlev.ucoz.ru/img/zz.png") center;
background-size: cover;
  width: 100%;
  padding: 15px 20px;
  color: #fff;
padding-right: 100px;
  position: absolute;
  }
  #popup a {
  background: #E7CA3B;
  color: #FFF;
  padding: 4px 10px;
  }
  #popup a:hover {
  background: #000;
  }

  a.close {
  display:block;
  position:absolute;
  z-index: 2;
  top: 13px;
  right:15px;
  width:70px;
  background: #dc5766;
  background: -moz-linear-gradient(-45deg, #dc5766 0%, #967197 50%, #4b82d5 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #dc5766), color-stop(50%, #967197), color-stop(100%, #4b82d5));
  background: -webkit-linear-gradient(-45deg, #dc5766 0%, #967197 50%, #4b82d5 100%);
  background: -o-linear-gradient(-45deg, #dc5766 0%, #967197 50%, #4b82d5 100%);
  background: -ms-linear-gradient(-45deg, #dc5766 0%, #967197 50%, #4b82d5 100%);
  background: linear-gradient(135deg, #dc5766 0%, #967197 50%, #4b82d5 100%);
  color: #fff;
  font-size: 11px;
  text-align: center;
  line-height: 20px;
  border-radius: 20px;
}
a.close:hover {
  background: #000;
  color: #FFF;
}


Скрипт ставим в нужный вам блок или в любой глобальный блок можно разместить его под самим блок что указан в первом шаге
Код
<script src="/js/jquery.cookie.js"></script>
  <script type="text/javascript">
  $(document).ready(function(){
  $("#setCookie").click(function () {
  $.cookie("popup", "1house", {expires: 0} );
  $("#bg_popup").hide();
  });
   
  if ( $.cookie("popup") == null )
  {
  setTimeout(function(){
  $("#bg_popup").show();
  })
  }
  else { $("#bg_popup").hide();
  }
  });
  </script>


Теперь скачаем архив и загрузим 2 скрипта из него к себе в файловый менеджер в папку js

Видео демонстрация
Качество видео очень низкая это из за скорости моего интернета который не позволяет мне выкладывать большие файлы но суть понять работы скрипта можно

Скачать файлы материала

33 загрузок 2.1 Kb Скачать
Скачивание файлов без ограничений доступно только зарегистрированным пользователям.

Оставить комментарий

Добавлять комментарии могут только зарегистрированные пользователи.

Регистрация Вход
Комментарии
waak

К сожалению, у меня нет сайта, на котором был бы активен данный модуль, чтобы посмотреть, работает он там или нет.

04-03-2024 в 08:01 материал
Fr Frag

Для модуля новости не работает

03-03-2024 в 05:55 материал
web_master

при добавлении комментарии выдает ошибку в консоли:

POST http:сайт/index/ 404 (Not Found)

29-02-2024 в 16:58 материал
web_master

UPD: так будет работать , + в конце будут показывать и проценты...

Код
<?($OTHER2$-$OTHER1$)/$OTHER2$*100 ?>


А так будет без процентов:
Код
<?int(($OTHER2$-$OTHER1$)/$OTHER2$*100)?>  

25-02-2024 в 23:06 материал
web_master

Скрипт не работает почему-то

25-02-2024 в 22:09 материал
waak

Не за что! Я бы делал больше но просьб мало а самому сидеть придумывать не всегда есть время по этому и обновления идут редко

07-02-2024 в 18:26 материал
ed edik2009

Спасибо.Поставил все работает. К сожалению эпоха сайтостроения Юкоз прошла. Ваш сайт один из немногих который, хоть что то обновляет материалы для в этой системы (Скрипты, Шаблоны, Графика и т.д)

07-02-2024 в 08:08 материал
waak

Здравствуйте! вы наверное не совсем понимаете смысл данного раздела, Что бы я мог выполнить вашу просьбу я должен понимать что именно вам нужно а в вашей просьбе нет конкретики и по этому выполнить её не получится

27-01-2024 в 15:12 материал
di dinyslamsinger

От души qv

23-01-2024 в 16:58 материал
di dinyslamsinger

Работает ты лучший брат спасибо

03-01-2024 в 20:10 материал
waak

Для ваших просьб на сайте есть раздел Мастерская туда нужно писать о том что вам нужно а не в комментариях

30-12-2023 в 12:00 материал
di dinyslamsinger


Я уже установил qv

30-12-2023 в 04:26 материал

Услуга от адмиистратора

Вы можите заказать установку от администратара ( waak ) этого материала или любого другога с нашего сайта на ваш сайт или доработку под ваши нужды!

от 150рзаказать