-–убрики

 -¬сегда под рукой

Ќовостна€ бегуща€ строка дл€ дневника, сайта

—реда, 04 »юн€ 2014 г. 11:12 + в цитатник
÷итата сообщени€ Legionary Ќовостна€ бегуща€ строка дл€ дневника, сайта

ќчередное мое творение, полезн€шка:)
¬от така€ вот "новостна€ лента" последних постов дл€ дневника или сайта. Ќа фон не смотрите, он мен€етс€ как захотите:)
–азмер сделал такой, чтоб лента идеально вписывалас€ в приложение "всегда под рукой" на Ћи–у.









» так далее еще масса вариантов на ваш вкус.

¬озможности и "фишки" ленты:)
- вы можете использовать в качестве фона либо цвет, либо изображение. ћожно и то и то. –азмер флешки 220 на 350, так что картинки следует подбирать примерно такие. ћожно и больше, но тогда изображение просто не целиком влезет. “акже картинке можно задать прозрачность и "поиграть" с цветом фона под ней. (≈сли картинка прозрачна€, она по-разному смотритс€ - при черном фоне под ней или,например, при красном)
- все записи кликабельны и ведут на оригинальные посты (прописываетс€ в плейлисте)
- упрощенна€ верси€ плейлиста вида:
«аголовок|ссылка
«аголовок|ссылка
«аголовок|ссылка
...
- текст движетс€ в заданном вами темпе шагами. ѕригл€дитесь,- поймете, что € имею в виду.
- текст также настраиваетс€: ∆ирность, курсив, цвет, размер.
- “акже настраиваетс€ цвет текст при наведении на него мыши, подложка под ним и цвет этой подложки.
- при наведении мыши на флешку,- движение прекращаетс€ дл€ удобства.  ак только мышь уберете - движение возобновитс€.
- если очень захотите, можете прописать в ленту не заголовки постов и ссылки, а стишок или даже книжечку:) ѕолучитс€ не очень удобна€, но все же читалка.


”чимс€ пользоватьс€ и настраивать новостную ленту
”ж простите, но конструктор € вам пока не сделал:) “ак что делать будем по уроку.
≈сли будете говорить "это слишком сложно",- начну сильно ругатьс€

Ќичего сложного тут нет. ѕросто делаем по уроку.
Ќемного теории, чисто дл€ общего кругозора:
¬се переменные, которые отвечают за настройки флешки пишутс€ в коде через значок &
ѕример:
переменна€1&переменна€2&переменна€3

≈сли вы решаете не прописывать "переменную3",- значок перед ней тоже не надо оставл€ть. ѕовторю,- значок служит разделителем, а если раздел€ть нечего, то он и не нужен.
«апомните пожалуйста.

»так, как всегда дл€ начала основное.
—сылка на саму флешку вот:
//img0.liveinternet.ru/images/attach/c/2//3878/3878011_news.swf
ћожете использовать ее (если будете пользоватьс€ "лентой" на лиру), а можете по ней скачать саму флешку (не пугайтесь увидев белый лист, так и должно быть). ≈сли решили скачать,- загрузите ее к себе в пост (черновик) или на свой сайт и скопируйте ссылку на флешку, она нам пригодитс€. (если не помните как скачивать флешки, читайте тут

—обираем плейлист

ƒл€ плейлиста нам нужны заголовки постов (или иной текст на ваше усмотрение) и ссылки на сами эти посты.
ќткрываем блокнот (пуск-->все программы-->стандартные-->блокнот). ¬ зависимости от версии вашего блокнота мен€ем кодировку на UTF-8 либо сразу, либо при сохранении.  ак мен€ть кодировку € уже написал заранее в этом посте.

—ам плейлист очень простой. я уже говорил об этом. Ќа каждой строке пишетс€ заголовок и ссылка к одному посту, на след. строке к следующему посту и т.д.
–азделителем служит вот така€ "палочка" - |
(≈сли не знаете как набрать ее на своей клавиатуре, просто скопируйте у мен€ из поста или плейлиста)

“.е. в результате у вас в блокноте должен получитс€ примерно такой плейлист:
Legionary, Ќовостна€ бегуща€ строка дл€ дневника, сайта

¬се, сохран€ем этот плейлист и загружаем его на сайт к флешке, в нашем случае на лиру в черновик или пост.

‘инальна€ сборка кода.

»так, ссылка на саму "новостную ленту" у нас есть, ссылка на плейлист есть. ѕишем начало кода вставки всего этого:

[flash=220,350,—сылка_на_флешку?pl=—сылка_на_плейлист

Ќо код еще не закончен! ƒописываем переменные (настраиваем внешний вид). я буду выдел€ть жирным, что надо дописать (вместе со значком разделени€ переменных, о котором говорили выше). ¬ы же решаете сами - нужен вам этот пункт настроек или нет. ≈сли нет - ничего не приписываете к коду. “огда будут установлены настройки по умолчанию:

&fon= - после знака "равно" пишем ссылку на фоновое изображение, картинку. ѕо умолчанию - нет картинки.

&tr= - после знака "равно" пишем число от 0 до 100 - обозначает прозрачность фоновой картинки (100-не прозрачна совсем, 0- невидима€, совсем прозрачна€). ѕо умолчанию - 50.

&cf= - после знака "равно" пишем "числовое" обозначение цвета, например:
000000 - черный,
ffffff - белый,
cccccc - серый,
ff0000 - красный. (ќстальные обозначени€ цвета можете посмотреть в том же фотошопе или спросить у гугла;) )
Ёто цвет заднего фона. (если картинки нет или она прозрачна€, будет виден этот цвет) ѕо умолчанию - белый.

&sp= - после знака "равно" пишем число от 1 и выше. Ёто скорость движени€ в секундах. “е напишем "5" - лена будет делать один "шаг" в п€ть секунд. ѕо умолчанию - 2 секунды.

&c= - после знака "равно" пишем "числовое" обозначение цвета. Ёто цвет текста ваших записей. ѕо умолчанию - 1750FC (светло синий).

&co= - после знака "равно" пишем "числовое" обозначение цвета. Ёто цвет, в который будет "закрашиватьс€" ваш текст при наведении на него мышки. ѕо умолчанию - ff0000 (красный).

&bc= - после знака "равно" пишем "числовое" обозначение цвета. Ёто цвет фона "пр€моугольничка" под строкой, который будет по€вл€тьс€ при наведении мыши на текст:

Legionary, Ќовостна€ бегуща€ строка дл€ дневника, сайта

≈сли такой пр€моугольничек вам не нужен - не прописываем эту переменную. ѕо умолчанию - нет пр€моугольника.

&tsize= - после знака "равно" пишем число. Ёто размер текста (шрифта). ѕо умолчанию - 12.

&b= - после знака "равно" пишем yes - если хотим, чтобы наш текст был жирным. ≈сли не хотим - не указываем этот параметр вообще. ѕо умолчанию - Ќ≈ жирное начертание текста

&i= - после знака "равно" пишем yes - если хотим, чтобы наш текст был наклонным. ≈сли не хотим - не указываем этот параметр вообще. ѕо умолчанию - Ќ≈ наклонное начертание текста

&u= - после знака "равно" пишем yes - если хотим, чтобы наш текст был подчеркнутым. ≈сли не хотим - не указываем этот параметр вообще. ѕо умолчанию - Ќ≈“ подчеркивани€.


¬се, с настройками закончили, теперь закрываем в нашем коде квадратную скобку - ]
¬ результате, самым длинным вариантом кода будет примерно такое:
[flash=220,350,—сылка_на_флешку?pl=—сылка_на_плейлист&fon=—сылка_на_картинку&tr=70&cf=ff0000&sp=3&c=000000&co=сссссс&bc=ffffff&tsize=20&b=yes&i=yes&u=yes]


ќбратите внимание - никаких пробелов в коде нет, все пишетс€ в одну строку.

”ффффф.... все:)))
”читыва€ то, что флешку вы составл€ете самосто€тельно,- вы можете вписать в нее те посты, которые, на ваш взгл€д, самые важные и интересные. ѕривлечь внимание ваших читателей именно к ним, т.с. направить их в нужное русло:)

¬ дальнейшем, вам надо будет лишь дополн€ть свой плейлист и прописывать ссылку на новый (т.к. на лиру нет возможности редактировани€ уже загруженных txt файлов), и ваши читатели всегда будут замечать "новинки" :)

P.S. ѕонимаю, многим бы хотелось, чтоб в "ленте" были кнопочки "вверх-вниз". Ќо главное значение ленты - это привлечение внимани€ посетител€, а не рубрикатор и содержание дневника.
Ќо скорее всего € таки добавлю эти кнопочки в следующей версии :)


©2010 Legionary

—ери€ сообщений "Flash, видео, уроки, программы":
„асть 1 -  ак загружать и редактировать флеш файлы на Ћи–у.
„асть 2 - ¬сЄ про использование флеш на Ћи–у
...
„асть 26 - —обираем плейлист дл€ приложени€ "¬сегда под рукой"
„асть 27 - ”станавливаем плеер на каждую страницу дневника. √рузим mp3, собираем плеер.
„асть 28 - Ќовостна€ бегуща€ строка дл€ дневника, сайта
„асть 29 - ѕолезна€ Flash дл€ изучени€ иностранных €зыков
„асть 30 - –едактор-фотошоп в вашем дневнике

ћетки:  



 

ƒобавить комментарий:
“екст комментари€: смайлики

ѕроверка орфографии: (найти ошибки)

ѕрикрепить картинку:

 ѕереводить URL в ссылку
 ѕодписатьс€ на комментарии
 ѕодписать картинку