Возрастное ограничение для сайта ucoz

3377
9 из 10
Проголосовало: 11






Данный скрипт выводит иконку с возрастным ограничением на вашем сайте. Думаю пригодится владельцам сайтов/форумов с аудиовизуальным контентом.

Установка:

На нужную страницу вставляем код

Code

<div class="restriction"></div>  
  <script type="text/javascript">  
  setTimeout(function(){$('.restriction').fadeOut('fast')},15000); //15000 = 15 секунд  
  </script>  
  <style>  
  .restriction {  
  position: fixed;left:0;  
  bottom: 5px;  
  right: 15px;  
  width: 108px;  
  height: 133px;  
  background: url("http://webo4ka.ru/Ucoz6/restrictions_vozrast_ogranichenie.jpg") no-repeat scroll 64% 5%;  
  }  
  -webkit-border-radius: 5px;  
  -moz-border-radius: 5px;  
  border-radius: 5px;  
  -moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3);  
  -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3);  
  box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3);  
  z-index: 10;  
  opacity: 0.8;  
  filter:alpha(opacity=80); /* IE */  
  -moz-opacity: 0.80; /* Firefox */  
  </style>

если вы хотите, чтобы отображалось на всех страницах ставьте в нижнюю часть сайта.

Таблица имеет 8 изображений по 4 возрастам, в двух видах цветов. Для выбора другого возраста меняем %:

Code

background: url("http://webo4ka.ru/Ucoz6/restrictions_vozrast_ogranichenie.jpg") no-repeat scroll 96% 5% transparent;


96% - горизонтальное отображение.
5% - вертикальное отображение.

Для установки своего изображения, замените изображение на своё и измените %:

Code

background: url(" ваше изображение ") no-repeat scroll 0% 0% transparent;
Автор публикации: Загрузка
Загрузка
alex0005, это его n материал
  • Всего комментариев: 2

DJ-Sergey
0
DJ-Sergey написал: Написано 14 Ноября 2012 в 01:58
Комментарий №2
Немного не то что я хотел (

WooFi
+2
WooFi написал: Написано 11 Октября 2012 в 19:24
Комментарий №1
Тупость. Гораздо проще написать текст в футере, чем загружать сайт этой фигнёй.
Мешается внизу экрана, края к тому-же не прозрачные.
Без скрипта картинка вообще не исчезнет никогда, скрывая контент. (Ну и без приложения jquery тоже). А с отключённым в браузере js...

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • По просьбам поправили!.
    1. Делаем все как написано.
    2. Находим файл /Ucoz4/ctena_user2_wall_v2.js и меняем все в файле из нашего файла:
    Код
    http://mbs.usite.pro/ctena_user2_wall_v2.js
  • rayven написал:
  • в любом случае, всегда надо под свои нужды настраивать руками. А скрипт пригодиться, не тут, так там.
  • rayven написал:
  • даже Вовчик со мной согласен. tongue
  • Marishka написал:
  • Upd 1.4 Кому лень https://jsfiddle.net/7js6tfp1/5/
  • Marishka написал:
  • Мы обновили код и упростили его установку:
    Что нового:
    1. Новый легкий js код.
    2. Отправка по Enter если есть или нет Aa цвета.
    3. Простая установка.

    Принцип работы:
    Используется родное поле ввода текста с выбором цвета, родная кнопка отправки скрывается позволяя отправить форму по Enter.

    Демо: https://jsfiddle.net/7js6tfp1/4/
    Последние темы
    Опрос
    271
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 4
    Гостей: 4
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: