Объявление "Бегущая строка" в Taigachat 2013-11-16

[Mirovinger]

Пользователь Mirovinger разместил новый ресурс:

Объявление "Бегущая строка" в Taigachat - Создание объявления "бегущей строкой" в Taigacat

Посмотреть вложение 8976​

Данная модификация позволит создать объявления "бегущей строкой" в Taigachat.

Создадим шаблон taigachat_announcements и добавим туда такой код:

<xen:require css="taigachat_announce.css" />
<div class="announce" align="left">
<marquee scrollamount="3" onmouseover="this.stop();" onmouseout="this.start();">
<b>Объявление:</b>    xenForo.Info - Ваш путеводитель по миру xenForo  |  <a href="http://xenforo.info">Ссылка на Xenforo.info</a>  |...

Узнать больше об этом ресурсе...

 

[HellFire]

Интересно, а возможно MODT переделать в это?

Т.е. текст modt в таком-же стиле

 

[brainless]

Интересно, а возможно MODT переделать в это?

Т.е. текст modt в таком-же стиле

вот-вот......а то чтоб текст изменить нужно в файл лезть,что не совсем удобно[DOUBLEPOST=1384689303,1384633020][/DOUBLEPOST]сделал все как написано вручную....... не работает ((

 

[HellFire]

я завтра попробую замутить это, если получиться, то выложу сюда

 

[Mirovinger]

сделал все как написано вручную....... не работает ((

Всё работает, у brainless был не большой нюанс с перестройкой шаблонов.

 

[Homer Jay Simpson]

возможность в MODT это сделать не появилась?

 

[Hope]

Неа, не было такого...

 

[Homer Jay Simpson]

Неа, не было такого...

жаль,но да бог с ним,правда смущает что и сверху и снизу чата объявление бегает)

 

[Mirovinger]

Так это для примера, выводите сколько хотите и где хотите, метод то универсальный.

 

[Георгий Шевченко]

Вот вам HellFire , Wings1klg :-)

Ищем шаблон dark_taigachat_chatbox

<span id="taigachat_motd">{xen:raw $taigachat.motd}</span>

Заменяем вот так :-) если хотите как на Демо

<marquee behavior="alternate" onmouseover="this.setAttribute('scrollamount', 0, 0);" onmouseout="this.setAttribute('scrollamount', 6, 0);" ><span id="taigachat_motd">{xen:raw $taigachat.motd}</span></marquee>

Если хотите что-бы текст заходил и выходил с другой стороны уберите

behavior="alternate"

Демо:

Для просмотра этого контента нам потребуется ваше согласие на установку файлов cookie третьих лиц.
Более подробную информацию можно найти на нашей странице cookie.

Принимать файлы cookie третьих лиц

Не много о marquee

Спойлер

Тег <marquee> — тег-контейнер, создает на экране перемещающийся объект по принципу бегущей строки. Блочный элемент.
Тег был создан для IE, позднее стал поддерживаться другими браузерами.
HTML: 3.2 | 4 / XHTML: 1.0 | 1.1

Синтаксис

<marquee>...</marquee>

Атрибуты:
align - задает выравнивание

behavior способ движения внутри контейнера

• alternate — контент движется маятником
• scroll — перемещается в направлении, заданном параметром direction по кругу (по умолчанию)
• slide — перемещается в направлении, заданном параметром direction. Дойдя до края останавливается

bgcolor - цвет фона
class - определяет имя используемого класса
dir - определяет направление символов:

• ltr — слева направо
• rtl — справа налево

direction - направление движения

• down — сверху вниз
• left — справа налево (по умолчанию)
• right — слева направо
• up — снизу вверх

height - высота контейнера
hspace - горизонтальный отступ
id - уникальный идентификатор
lang - определяет язык отображаемого документа
loop - количество циклов движения. По умолчанию «-1», бесконечно
onclick - щелчок на элементе
ondblclick - двойной щелчок на элементе
onkeydown - нажатие клавиши, когда элемент имеет фокус
onkeypress - нажатие и освобождении клавиши, когда элемент имеет фокус
onkeyup - освобождение ранее нажатой клавиши, когда элемент имеет фокус
onmousedown - нажатие кнопки мыши, когда элемент имеет фокус
onmousemove - движение указателя мыши, когда элемент имеет фокус
onmouseout - смещение указателя мыши с элемента
onmouseover - помещение указателя мыши на элемент
onmouseup - освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус
scrollamount - размер шага передвижения в пикселях. Определяет плавность и скорость хода. По умолчанию «6»
scrolldelay - задержка между перемещением контента в миллисекундах. По умолчанию «85»
style - задает встроенную таблицу стилей
title - добавляет всплывающую подсказку
truespeed - флаг, отменяющий встроенный ограничитель скорости
vspace - вертикальный отступ
width - ширина контейнера

 

[Лилит]

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

- отличный сайт, где есть всякие коды.

<marquee>твой текст</marquee>

Бегущая строка -

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

ЗЫ: Вдруг пригодится.

 

[Homer Jay Simpson]

Вот вам HellFire , Wings1klg :-)

Ищем шаблон dark_taigachat_chatbox

<span id="taigachat_motd">{xen:raw $taigachat.motd}</span>

Заменяем вот так :-) если хотите как на Демо

<marquee behavior="alternate" onmouseover="this.setAttribute('scrollamount', 0, 0);" onmouseout="this.setAttribute('scrollamount', 6, 0);" ><span id="taigachat_motd">{xen:raw $taigachat.motd}</span></marquee>

Если хотите что-бы текст заходил и выходил с другой стороны уберите

behavior="alternate"

Демо:

Для просмотра этого контента нам потребуется ваше согласие на установку файлов cookie третьих лиц.
Более подробную информацию можно найти на нашей странице cookie.

Принимать файлы cookie третьих лиц

Не много о marquee

Спойлер

Тег <marquee> — тег-контейнер, создает на экране перемещающийся объект по принципу бегущей строки. Блочный элемент.
Тег был создан для IE, позднее стал поддерживаться другими браузерами.
HTML: 3.2 | 4 / XHTML: 1.0 | 1.1

Синтаксис


Атрибуты:
align - задает выравнивание

behavior способ движения внутри контейнера

• alternate — контент движется маятником
• scroll — перемещается в направлении, заданном параметром direction по кругу (по умолчанию)
• slide — перемещается в направлении, заданном параметром direction. Дойдя до края останавливается

bgcolor - цвет фона
class - определяет имя используемого класса
dir - определяет направление символов:

• ltr — слева направо
• rtl — справа налево

direction - направление движения

• down — сверху вниз
• left — справа налево (по умолчанию)
• right — слева направо
• up — снизу вверх

height - высота контейнера
hspace - горизонтальный отступ
id - уникальный идентификатор
lang - определяет язык отображаемого документа
loop - количество циклов движения. По умолчанию «-1», бесконечно
onclick - щелчок на элементе
ondblclick - двойной щелчок на элементе
onkeydown - нажатие клавиши, когда элемент имеет фокус
onkeypress - нажатие и освобождении клавиши, когда элемент имеет фокус
onkeyup - освобождение ранее нажатой клавиши, когда элемент имеет фокус
onmousedown - нажатие кнопки мыши, когда элемент имеет фокус
onmousemove - движение указателя мыши, когда элемент имеет фокус
onmouseout - смещение указателя мыши с элемента
onmouseover - помещение указателя мыши на элемент
onmouseup - освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус
scrollamount - размер шага передвижения в пикселях. Определяет плавность и скорость хода. По умолчанию «6»
scrolldelay - задержка между перемещением контента в миллисекундах. По умолчанию «85»
style - задает встроенную таблицу стилей
title - добавляет всплывающую подсказку
truespeed - флаг, отменяющий встроенный ограничитель скорости
vspace - вертикальный отступ
width - ширина контейнера

тоесть все где встречается данное заменять?

 

[Георгий Шевченко]

тоесть все где встречается данное заменять?

Ищем

<span id="taigachat_motd">{xen:raw $taigachat.motd}</span>

Заменяем

<marquee behavior="alternate" onmouseover="this.setAttribute('scrollamount', 0, 0);" onmouseout="this.setAttribute('scrollamount', 6, 0);" ><span id="taigachat_motd">{xen:raw $taigachat.motd}</span></marquee>

И так делается в шаблоне dark_taigachat_chatbox + dark_taigachat_full (вроде) :D

 

[Mirovinger]

Собранная модификация(http://xenforo.info/threads/Объявление-Бегущая-строка-в-taigachat.2976/#post-33945).

 

[kakashka]

А как сделать чтобы строчка медленнее бежала когда наводишь мышкой, а не останавливалась?

 

[Лилит]

denchik1998, нужно искать значение, которое нужно исправить на что-нибудь, и тогда строчка будет бежать медленнее.

 

[Георгий Шевченко]

denchik1998, нужно искать значение, которое нужно исправить на что-нибудь, и тогда строчка будет бежать медленнее.

:O_o: К чему этот бессмысленный пост? Вы бы лучше решение выложили бы, а не просто текст, я думаю он и без вас знает что надо исправить, но не знает что и как.

А менять кое-что, это - scrollamount

А как сделать чтобы строчка медленнее бежала когда наводишь мышкой, а не останавливалась?

Собственно решение:

<marquee behavior="alternate" direction="right" scrollAmount="1" onmouseover="this.setAttribute('scrollamount', 3, 0);" onmouseout="this.setAttribute('scrollamount', 6, 0);" ><span id="taigachat_motd">{xen:raw $taigachat.motd}</span>
</marquee>

 

[kakashka]

:O_o: К чему этот бессмысленный пост? Вы бы лучше решение выложили бы, а не просто текст, я думаю он и без вас знает что надо исправить, но не знает что и как.

А менять кое-что, это - scrollamount




Собственно решение:

<marquee behavior="alternate" direction="right" scrollAmount="1" onmouseover="this.setAttribute('scrollamount', 3, 0);" onmouseout="this.setAttribute('scrollamount', 6, 0);" ><span id="taigachat_motd">{xen:raw $taigachat.motd}</span>
</marquee>

Ну это не совсем тот код. Я вставил и посмотрел. Строка как бы влево и вправо ходит, не по кругу. А когда наводишь мышкой чуток медленнее, а когда убираешь он дёрнется и как обычно идёт)[DOUBLEPOST=1402165937,1402165651][/DOUBLEPOST]

:O_o: К чему этот бессмысленный пост? Вы бы лучше решение выложили бы, а не просто текст, я думаю он и без вас знает что надо исправить, но не знает что и как.

А менять кое-что, это - scrollamount




Собственно решение:

<marquee behavior="alternate" direction="right" scrollAmount="1" onmouseover="this.setAttribute('scrollamount', 3, 0);" onmouseout="this.setAttribute('scrollamount', 6, 0);" ><span id="taigachat_motd">{xen:raw $taigachat.motd}</span>
</marquee>

<marquee scrollamount="3" onmouseover="this.stop();" onmouseout="this.start();">

То что я выделил красным за это отвечает, надо вместо this.stop(); что-то написать, не знаю что

 

[Mirovinger]

Пробуйте.

<marquee scrollamount="3" onmouseover="this.scrollAmount=1" onmouseout="this.scrollAmount=3">
<b>Объявление:</b>    xenForo.Info - Ваш путеводитель по миру xenForo  |  <a href="http://xenforo.info">Ссылка на Xenforo.info</a>  |  <a href="http://xenforo.info">А здесь ещё ссылка на ваш форум!</a>  |    Нет ссылки..... </marquee>

 

[kakashka]

Пробуйте.

<marquee scrollamount="3" onmouseover="this.scrollAmount=1" onmouseout="this.scrollAmount=3">
<b>Объявление:</b>    xenForo.Info - Ваш путеводитель по миру xenForo  |  <a href="http://xenforo.info">Ссылка на Xenforo.info</a>  |  <a href="http://xenforo.info">А здесь ещё ссылка на ваш форум!</a>  |    Нет ссылки..... </marquee>

Всё GOOD. Спасибо, Добрый админ):thumbsup::thumbsup::thumbsup: