Выдвижная панель с правилами сайта


Выдвижная панель с правилами сайта

1429
4.6 из 10
Проголосовало: 3






Установка скрипта:

Админ-панель/дизайн/Таблица стилей - вставляем код css в самый низ и сохраняем.

Code
.tops { background:url('http://webo4ka.ru/Ucoz4/vidvichnai_panel_c_pravilami2.gif') top #DDDFFF; position:absolute; z-index:99; width:100%; height:120px; margin-top:-120px; border-bottom:1px outset #323232; cursor:default; }  
  .tops .title { margin:5px; text-align:left; display:block; padding:5px; color:#DDDEEE; font-weight:bold; text-shadow: 1px 1px 1px #000; }  
  .tops .content { margin-left:30px; text-align:left; display:block; color:#787878; text-shadow: 1px 1px 1px #000; }  
  .tops .tips { background:url('http://webo4ka.ru/Ucoz4/vidvichnai_panel_c_pravilami11.png') top; position:absolute; height:32px; width:32px; right:35%; bottom:-38px; cursor:pointer; z-index:999; }  
  .tops hr { margin-bottom:5px; background:none; border:none; border-bottom:1px dashed #232323; }  
  .tops b { color:#CC0000; }  
  .tops em { color:#000000; font-size:10px; margin-top:5px; text-shadow:1px 1px 1px #555; display:block; }


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

Code
<div class="tops" align="center" valign="top" style="-moz-user-select:none" oncopy="return false">
  <noindex>
  <span class="title">Общие правила, общения на сайте!</span>
  <hr>
  <span class="content">
  <b>1)</b> Строго запрещается оскорблять друг друга, используя ненормативную лексику = бан от 1 дня и более!
  <br>
  <b>2)</b> Строго запрещен флуд, спам, флейм и любое проявления троллинга, наказание бан/рецедив = 1 день/навсегда.
  <br>
  <b>3)</b> Строго запрещается оскорбление мoдераторов и администраторов сайта, наказание = бан по усмотрению администрации.
  <br>
  <b>4)</b> Высказывание недовольства в адрес коллектива сайта, по поводу их работы, так же будет наказано! Запомните, ни кто тут вам, ни чем, не обязан!.
  <br>
  <em>Администрация сайта, оставляет за собой право изменять и дополнять правила.</em>
  </span>
  </noindex>
  <div class="tips"></div>
  <script type="text/javascript">  
  $('.tips').click(function(){  
  if($('.tops').css('marginTop') == '-120px' ){  
  $('.tops').animate({'marginTop':'0px'});  
  $(this).attr('style','position:absolute; top:2px; right:4px; height:32px; width:32px; border:none; background:url(http://webo4ka.ru/Ucoz4/vidvichnai_panel_c_pravilami12.png) no-repeat;');  
  } else {  
  $('.tops').animate({'marginTop':'-120'});  
  $(this).attr('style','');  
  $(this).css('background','url(http://webo4ka.ru/Ucoz4/vidvichnai_panel_c_pravilami11.png) top');  
  }  
  });  
  </script>  
</div>bsp; 
  </script>
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://ucodes.ru/
  • Всего комментариев: 3

Jet_Shark
0
Jet_Shark написал: Написано 07 Апреля 2013 в 13:51
Комментарий №3
Панелька убогая, самое главное даже ни как не закрыть её после открытия.

вовик1646
0
вовик1646 написал: Написано 09 Октября 2011 в 15:28
Комментарий №2
хм... а как текст поменять???

Froa
0
Froa написал: Написано 07 Октября 2011 в 22:47
Комментарий №1
я что то подобное видел но еще и со спойлерами (как на форуме у вас)

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
  • Winston888 написал:
  • Если бы я не добавлял бесплатные адаптации или скрипты бесплатно я бы наверное не стал бы комментировать ваш материал.
    Последние темы
    Опрос
    204
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 3
    Гостей: 2
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: