Модернизация мода бегущей строки с помощью CSS, альтернатива устаревшему дескриптору <marquee>.
Установка:
1. Содержимое архива загрузить в папку plugins в корне чата.
2. В файле, в котором хотите разместить информационную строку, в секции <style> вставить код:
3. В том же файле в секции <body> в нужном месте вставить код:
4. Заходим в админку чата, и настраиваем мод по своим предпочтениям:
RUNNING_TEXT: ваш текст
RUNNING_COLOR: цвет текста.
После установки значений жмем кнопку "ОК"
Тестировалось в:
Google Chrome, Mozilla Firefox, Opera, K-Meleon.
1. Содержимое архива загрузить в папку plugins в корне чата.
2. В файле, в котором хотите разместить информационную строку, в секции <style> вставить код:
Код:
.marquee {
overflow: hidden; /* Скрываем строку за её пределами */
white-space: nowrap; /* Запрещаем переносы слов */
-webkit-animation: marquee 30s linear infinite;
animation: marquee 30s linear infinite;
}
.marquee:hover {
-webkit-animation-play-state: paused;
animation-play-state: paused; /* Пауза */
}
@-webkit-keyframes marquee {
from { text-indent: 100%; }
to { text-indent: -100%; }
}
@keyframes marquee {
from { text-indent: 100%; }
to { text-indent: -100%; }
}
PHP:
<?php include($file_path . 'plugins/running_line/config.php'); ?>
<?php if ($VOCPlugin_Enabled == "YES"): ?>
<div class="marquee" style="color: <?php echo RUNNING_COLOR; ?>"><?php echo RUNNING_TEXT; ?></div>
<?php endif; ?>
RUNNING_TEXT: ваш текст
RUNNING_COLOR: цвет текста.
После установки значений жмем кнопку "ОК"
Тестировалось в:
Google Chrome, Mozilla Firefox, Opera, K-Meleon.