Ваша бегущая строка

Простейший хак выводит бегущую строку, которая помогает проинформировать пользователей сайта о каком либо событии, можно использовать как строку приветствия пользователей, или по своему усмотрению в качестве любой другую известной вам цели.

Итак установка:

1. В main.tpl (в моем случае это templates/skin/new/header_nav.tpl) в нужное место, например в самом конце файла header_nav.tpl, после последнего закрывающего тега

</div>

вставить:

<!-- Начало "бегущей строки" --> 
<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"> 
<tbody><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 style="color: rgb(0, 0, 0);" width="100%"> 
<font color="#00ff00"><b>*** Здесь должен быть ваш текст ***</b></font> 
</marquee></td> 
</tr></tbody></table> 
<!-- Конец "бегущей строки" -->

Стилями в коде варьируем в соответствии со своими вкусами и дизайном персонального сайта.
Повторяю, я вставил код, как мне кажется в наиболее подходящее место, но выбор как говорится за вами. Вполне возможно, что кто-то найдет коду более удачное применение и место или усложнит код для возможности использования бегущей строки в качестве: новостной rss строки, информационной rss строки (курсы валют, биржевые новости, новости погоды и т.п.) Буду рад выслушать о способах вашего применения кода.

28 комментариев

комментарий был удален
комментарий был удален
avatar
за такие бегущие строки надо отлучать от компьютера навсегда.
за такой код надо отрывать руки… таблицы и стайлы… пипец
  • Vilz
  • +2
avatar
таблицы и стайлы… пипец

Такое чувство, как будто я выставил на обозрение «вагон и маленькую тележку» кода. Там кода то 4 строки. И хотел бы конструктивно что нибудь услышать, а не мстливые бредни.
avatar
стайлами нельзя верстать впринципе. для этого есть цсс. я не полезу шариться по шаблонам в поисках твоих четырёх строчек кода, что бы перекрасить строчку и изменить размер шрифта. ВСЕ стили должны быть в цсс, ВСЕГДА. нельзя использовать внутренний цсс браузера если нет в этом крайней необходимости это я про стили типа -moz-…

таблицы, для блока и одной строки это просто верх оптимизации. вместо того что бы использовать два дива, ты используешь таблицу, строку, ячейку, тег бегущей строки и еще шрифт! кстати тега marquee не существует в xhtml на котором свёрстан ЛС. и хоть оно и работает, это не правильно совершенно с точки зрения семантики и валидности кода.

а то что бегущие строки бесят страшно, как и любое другое мельтяшение на странице я уже вообще молчу
avatar
Да, спасибо за ответ. Это конструктивно. Согласен с некоторыми вещами… Но не слишком ли строгий подход к оценке человека буквально вчера начавшего заниматься «веб разработкой», замечу собственного сайта. Я не занимаюсь этим профессионально конечно. Но подобные высказывания отнимают всякую охоту что-то пробовать и делать. А громкое слово «сообщество» где-то оно затерялось на мой взгляд. Я полагал что данный сайт для всех пользователей движка, а не только для профессиональных веб разработчиков, дизайнеров и т.д., которые должны помогать, а не пинать и отрывать руки.

По поводу того, что всякое мельтешение бесит. так это на любителя, это субъективная оценка и кого бесит, тот не поставит подобного.
avatar
профессионал, не профессионал — это не имеет значения, важен сам подход. вам самим потом переделывать ваш же сайт и это превратится в такую муку, если изначально не думать о таких вещах…

кроме этого. вы сами то пробовали читать эти бегущие строки?
человеческий взгляд привык двигаться по строке вперёд, если строка при этом движется на встречу, то скорее всего читающий будет пропускать буквы и слова, это очень неприятно, отвлекает, раздражает. при этом если сделать скорость смещения букв медленной, то взгляд упирается в конец строки и ждёт пока появится следующий слог. читать по слогам сложнее для восприятия чем словами. ступор. если сделать скорость быстрее, то человек не будет успевать сосредоточиться на букве. а если учесть, что скорость сосредотачивания и скорость чтения у всех разных идельного параметра не существует.

бегущая строка изначально сделана для всяких аэропортов, ЖД вокзалов, бирж, и спортивных мероприятий. когда надо было показывать динамично менющуюся информацию, а нормальных телевизоров еще не изобрели. не жмотитесь — сделайте нормальный блок, без извращенств над человеческим сознанием

а кроме того. какой смысл от бегущей строки, если информация то в ней статичная. или вы собираетесь каждые 10 минут вручную её править через код?
avatar
Берите пример с меня. Я не выставлял своих решений, потому что знал, что они не идеально написаны… Я их модернизировал, вникал всё глубже в двиг и тд и тп. Сейчас я уже с лёгкостью «бегаю» по движку, правда иногда спотыкаюсь… И вот щас я мб и готов что-нибудь выложить в сообщество, потому что знаю, что теперь мои решения адекватны и полезны.

В кратце мораль такова: пока ты новичёк, пожалуйста, не надо ничего своего выставлять на показ… потому что такие же новички могут поставить твой «хлам» к себе на сайт и подумать, что так кодить и надо… и будут продолжать кодить в неадекват-стиле… Пораждая всё больше говно-кода.
Кому оно надо? Да никому… от этого пользы ровно 0. Уж лучше тогда просто выставлять свои идеи и предлагать примерную архитектуру этих идей, чтобы опытные разработчики брались за них. А вы тем временем идите и изучайте архитектуру движка, и как грамотно писать код.

P.S. Бегущие строки? Ё маё… возвращаемся в прошлый век (в прямом смысле)… наверно тока в конце 90ых это пользовалось популярностью. Ну и щас мб на различных порно-спам сайтах. Щас стоооооолько различных js-решений для красивого и качественного преподнесения информации, что просто пестец! Хотя по мне так нет ничего лучше светлого мягкого фона и чёрного текста без каких-либо спец-эффектов.

имхо
avatar
Ну прямо маньяк :) жуть!
avatar
Ну а полезного можешь что сказать? Руки отрывать тут много кто умеет:)
avatar
Ну так что vilz? Может подскажешь как надо делать такие вещи правильно? Или только руки оторвать и заминусовать? Странный вы товарищ дизайнер, давно за вами наблюдаю…
avatar
я тут не круглосуточно сижу. в отличии от некоторых, я на работе еще и работаю. выше ответил
avatar
Бегущую строку читать неудобно, если нужно пустить несколько новостей одной строкой, то можно просто менять строки, сдвигая одну по вертикали из видимой области и заменяя на другую либо использовать прозрачность. Пример работы можно посмотреть на сайте apple.com

Есть куча готовых решений с использованием javascript, в том числе и плагины для motools.
avatar
Пример хороший, но есть еще туча горе-заказчиков которые могут заказать что угодно, и бегущую строку в том числе. Хотя как по мне, бегущая строка — это чистый бред.
avatar
в 95% случаев заказчика можно переубедить, если давать нормальные аргументы.
конечно, если вы работаете что бы получалось хорошо, а не что бы получить скорее бабла и забыть про свою работу
avatar
говориться не про заказчиков, а про горе-заказчиков, это такие заказчики у которых есть свое хорошо, и на твои «нормальные аргументы» у них найдуться свои «правильные аргументы»
avatar
Ну я тоже с работы с мобилы вышел, может кому то и нужна бегущая строка на сайте. Вы как всегда учите, минусуете и обсираете людей которые где то чего то не понимают. А сами ни одного шаблона для ls не сделали хотя обещаний и демагогии было выше крыши.
avatar
минусы я не ставлю. без меня достаточно умников
avatar
Чел, этот парень сверстал достаточное количество сайтов, шаблонов и тд. И верстал он макеты дизайнеров, которые выдавали страшнейший пиздец.

Аргумент «сделай лучше» или «а сам то можешь?» показывает об отсутствии остальных аргументов. Человек достаточно ясно, четко и аругментировано сказал, что бегущая строка это лишний геморой для читателя и вешать её на сайте не стоит. Сайт — это достаточно резиновое поле для информации, чтобы можно было исключить бегущую строку.

Так что сейчас, товарищ, вы не правы :)
avatar
Да мне он пусть хоть миллион сайтов сверстал, вот здесь он тоже дохрена наверстал livestreet.ru/blog/1558.html Я не о нюансах верстки и программирования, я о том что нужно к людям относиться по человечески, а не орать свысока:
за такие бегущие строки надо отлучать от компьютера навсегда.
за такой код надо отрывать руки… таблицы и стайлы… пипец

Это мания величия и просто хамство… а может еще что. Ну мы люди здесь или волки бл...?
avatar
ну шаблон нормальный мне так никто и не нарисовал =)

мания величия тут не причём. есть определённые законы в программировании и вёрстки, точно так же как и в любом другом деле.
Вот придёт к вам сантехник и заделает трубу пластилином или наварит на неё что нибудь непонятное размером в полметра вместо сантиметра, да еще и вместо шва будут сопли по полметра зигзагом. будете радоваться? или всё таки руки попытаетесь оторвать? так и тут.

это конечно здорово когда у себя в ванне или на сайте такая помойка. сам себе хозяин и всё такое. но выкладывать в паблик, где есть совсем ничего не знающие люди с видом «так и надо» никуда не годится. Отсюда и крики
avatar
Это не хамство.
Vilz прав. Когда выкладывают в качестве «урока» «образовательного материала» или еще чего-нибудь откровенно плохой, вредный материал, за это надо «отрывать руки». Дело в том, что на данный момент, действительно полезную и качественную информацию в сети найти не так просто, так как сеть замусорена лишним мусором.
А конкретно такая формулировка Vilz'a, я считаю, не причина такой вашей реакции :)
Обращаясь к автору топика, хочу сказать, что у меня нет цели его обидеть или еще что-либо подобного рода, просто в первых шагах своей деятельности лучше, наверное, не писать обучающий материал.
avatar
Топик никудышный, лучше убрать его с глаз долой и не распространять ересь. Поддерживаю вас и Vilz'a.
avatar
Ух бл*, зачёт… сохраняю на комп. Не хватает только какой нить пафосной надписи для полного счастья… Хотя это конечно на любителя, мб это тока испортит весь кайф от картинки )
avatar
поддерживаю, не нужно быть всегда резким и лучше относиться мягче к участникам сообщества, вне зависимости от своих «регалий и чинов».

и что это за выражения — «пи*дец» — мы на базаре? :(
avatar
пиздец — это слово такое, символизирует полный крах чего-либо, неописуемый ужас от увиденного и просто для придания эмоционального окраса. Считаете нужным разводить тут дебаты о пользе/вреде пиздеца? Или вы никогда не применяли это слово? Или мы на высококультурном лингвистическом фестивале?

И еще, что, автор покончил жизнь самоубийством из-за формулировки? Кто-то прочитал и решил что человечество надо уничтожить? в чем проблема то? Автор наоборот, прореагировал крайне адекватно и, наверное, понял причину такой формулировки от чего и сделал выводы, а защитники слабонервных новичков подняли свои спины дабы не дать в обиду… и тд. :)
avatar
Henf, я не буду соревноваться с вами в литературных трактовках.
Каждый из нас, наверное, по-своему воспринимает место где он находится и где не мешает вставлять отменное словечко :)
avatar
Кстати и вот для всех такое сообщение…
У сообщества есть цель, модернизировать/улучшать/расширять двиг, благодаря ей происходит некая фильтрация всей исходящей от юзеров информации. Без этой фильтрации тут будет полно мусора…
Новичкам: первый месяц, а то и два, от вас ничего кроме вопросов идти не должно. Тогда и не будет никаких «ой меня опять обидели опытные дяденьки», «да а сами вы что сделали то?» и прочего бреда, который тока увеличивает уровень бесполезной информации.
Неновичкам: Видите говно — заговните доконца, чтобы несозревшие новички не нарушали совета, который написан выше.

Мораль: хотите чтобы уважали? не пишите того в чём не уверены… лучше лишний раз спросить, чем запостить никому ненужное.

P.S. спасибо ort-у и kachayev-у, что до сих пор терпят все мои вопросы.
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.