CabinetAdmin
16 сен 2012, 09:44
Вывод значка 18+ в углу экрана на jQuery
Вывод значка 18+, 16+, 12+ или 6+ для вашего форума с установкой времени показа.
Перед закрывающим тегом
30000 - время показа значка. Меняйте по своему усмотрению.
Если у вас уже подключена библиотека jQuery, то:
можно удалить
В конец темы стиля ставим наш CSS:
Таблица имеет 8 изображений по 4 возрастам, в двух видах цветов. Для выбора другого возраста меняем %:
96% - горизонтальное отображение.
5% - вертикальное отображение.
Для установки своего изображения, замените изображение на своё и измените %:
Перед закрывающим тегом
Для вывода значка в определённом подфоруме оборачиваем html структуру значка в условие выводящее значок в определённом разделе:
Значок будет показан в форуме 122 (http://cabinetadmina.ru/viewforum.php?f=122). Меняем форум на требуемый.
</head> ставим:
Код: Выделить всё
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">
setTimeout(function(){$('.box').fadeOut('fast')},30000); //30000 = 30 секунд
</script> Если у вас уже подключена библиотека jQuery, то:
Код: Выделить всё
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>В конец темы стиля ставим наш CSS:
Код: Выделить всё
.box {
position: fixed;
bottom: 20px;
right: 15px;
width: 108px;
height: 133px;
background: url("http://cabinetadmina.ru/storage/up_4admins_ru/images/restrictions.jpg") no-repeat scroll 96% 5% transparent;
-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 */
}Код: Выделить всё
background: url("http://cabinetadmina.ru/storage/up_4admins_ru/images/restrictions.jpg") no-repeat scroll 96% 5% transparent;5% - вертикальное отображение.
Для установки своего изображения, замените изображение на своё и измените %:
Код: Выделить всё
background: url(" ваше изображение ") no-repeat scroll 0% 0% transparent;</body> ставим:
Код: Выделить всё
<div class="box"></div>Для вывода значка в определённом подфоруме оборачиваем html структуру значка в условие выводящее значок в определённом разделе:
Код: Выделить всё
<!-- IF FORUM_ID == "122" -->
<div class="box"></div>
<!-- ENDIF -->Значок будет показан в форуме 122 (http://cabinetadmina.ru/viewforum.php?f=122). Меняем форум на требуемый.
Комментарии: 6
И даже на главной странице... в
зы. Кстати, на будущее, если уже была подключена jQuery:
этой или других версий, не важно, то её ставить не нужно.
<!-- IF FORUM_ID == "122" --> что и как указано? А скрипт стоит?зы. Кстати, на будущее, если уже была подключена jQuery:
Код: Выделить всё
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
У меня тоже бегает. В overall_header поставил так
Всё остальное по инструкции. Кеш чистил - не помогло.
Код: Выделить всё
<!-- IF FORUM_ID == "16" -->
<script type="text/javascript">
setTimeout(function(){$('.box').fadeOut('fast')},30000); //30000 = 30 секунд
</script>
<!-- ENDIF -->Конечно, можноCabinetAdmin » Сегодня, 13:51 писал(а):Посмотреть можно?
Вот на чистом 610nm стоит сейчас и 18+ по всему сайту появляется. Кстати, интересная особенность наблюдается. 18+ висит бесконечно на любой странице сайта, а если зайти в форум, только в котором должен быть этот значок, то там пропадает через 30 секунд.
Ну правильно, это что-то у меня ум за ум зашёл:) Надо ведь не скрипт оборачивать в
Прошу прощения, сейчас поправлю первое сообщение:)
<!-- IF FORUM_ID == "16" -->, а <div class="box"></div>.Прошу прощения, сейчас поправлю первое сообщение:)
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!