DimaU
Постоялец
- Регистрация
- 5 Июл 2012
- Сообщения
- 130
- Реакции
- 7
- Автор темы
- #1
Нарыл несколько строк кода бегущей строки на html (marquee). Вставляю в нее (от DLE 11.1) вывод заголовков новостей c помощью custom. В-принципе работает...
Но есть несколько моментов еще... не знаю как сделать... не силен в кодировании/синтаксисе)
Вопросы:
1. Как заставить custom работать жестко в одну строку? Например, для случая прокрутки кол-ва заголовков новостей (limit="10") не умещающихся в ширину экрана - custom переносит их на новые строки... Это главный вопрос!
Еще:
2. Как проще (не заводя функции) реализовать несколько(!) действий в одном событии (не нашел синтаксис)? Например, при наведении мышки на бегущий заговок нужно стоп + изменить цвет в одном теге onmouseover (onmouseover=this.stop() + onmouseout="this.style.color='black';")
3. Еще нужен прием динамической смены цвета бегущих заголовков. Например, при движении справа налево - надо чтобы заголовки типа краснели (меняли цвет с белого - на желтый - на красный). Можно такое сделать с бегущей строкой (на html)?
Но есть несколько моментов еще... не знаю как сделать... не силен в кодировании/синтаксисе)
Код:
в main:
<!-- Начало "бегущей строки" -->
<table style="background: rgb(0, 0, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" width="100%" border="1" cellpadding="0" cellspacing="0" height="11" margin-bottom="2">
<tbody class="news_ticker">
<tr><td style="background: rgb(0, 0, 0) none no-repeat scroll center center; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
<marquee height="10" style="color: rgb(0, 0, 0);" width="100%" scrollamount="2" scrolldelay="13" direction="left" onmouseover=this.stop(); onmouseout=this.start(); >
{custom category="1,5,20" template="news_ticker" aviable="global" from="0" limit="10" cache="no" order="date" sort="desc"}
</marquee>
</td></tr></tbody></table>
<!-- Конец "бегущей строки" -->
шаблон news_ticker (новый файл):
[full-link]<span class="news_ticker">{title}</span>[/full-link]
стиль (ну такой):
/* --- new бегущая строка --- */
.news_ticker body {line-height: 10px;}
.news_ticker td {line-height: 10px;}
.news_ticker {float: left; margin-left: 20px; color: #FFFFFF; font-family: 'Roboto Condensed', sans-serif; font-size: 10px;}Вопросы:
1. Как заставить custom работать жестко в одну строку? Например, для случая прокрутки кол-ва заголовков новостей (limit="10") не умещающихся в ширину экрана - custom переносит их на новые строки... Это главный вопрос!
Еще:
2. Как проще (не заводя функции) реализовать несколько(!) действий в одном событии (не нашел синтаксис)? Например, при наведении мышки на бегущий заговок нужно стоп + изменить цвет в одном теге onmouseover (onmouseover=this.stop() + onmouseout="this.style.color='black';")
3. Еще нужен прием динамической смены цвета бегущих заголовков. Например, при движении справа налево - надо чтобы заголовки типа краснели (меняли цвет с белого - на желтый - на красный). Можно такое сделать с бегущей строкой (на html)?
Последнее редактирование:
если только какой то новый 3-де монитор есть для этого, но не уверен...