Бегущий текст

Цитата сообщения Егорова_Таня Прочитать целикомВ свой цитатник или сообщество!
Попросили сделать урок с таким вот бегущим текстом как в рамочке ниже

Здесь будет Ваш текст

Код этой готовой рамочки<table style="border:8px ridge #990000" background="http://img0.liveinternet.ru/images/attach/c/10/126/936/126936420_3c274277008c.jpg" cellspacing="0" cellpadding="0"> <tr><td style="padding:10px"><center> [b]<a target="_blank" data-cke-saved-href="http://www.egorovatatiana.ru/" href="http://www.egorovatatiana.ru/">[color=#f5989d][size=1]рамочка от Егоровой Татьяны[/size][/color]</a>[color=#9d0039][size=1]..................................................[/size][/color]<a target="_blank" data-cke-saved-href="http://www.liveinternet.ru/users/3111237/" href="http://www.liveinternet.ru/users/3111237/">[color=#f5989d][size=1]коллаж от Sabine Astana[/size][/color]</a>[/b]<table style="border:3px ridge #cc9900" background="http://img1.liveinternet.ru/images/attach/c/10/126/936/126936421_c42e0dfbbed9.jpg" cellspacing="0" cellpadding="0"> <tr><td style="padding:15px"><table style="border:3px ridge #990000" background="http://img0.liveinternet.ru/images/attach/c/10/126/936/126936420_3c274277008c.jpg" cellspacing="0" cellpadding="0"> <tr><td style="padding:5px"><table width="570" height="398" style="border:0px none #000000" background="http://img0.liveinternet.ru/images/attach/c/10/126/936/126936490_2571c09b69bf.gif" cellspacing="0" cellpadding="0"> <tr><td style="padding:10px" zzz="zzz" align="center"><table border="0" cellspacing="0" cellpadding="0"> <tr><td style="padding:1px" align="center"><table width="230" border="0" cellspacing="0" cellpadding="0"> <tr><td align="center"><span style="color:#000000;font-size:20px"><b></b></span></td></tr> </table> </td><td style="padding:1px" align="center"><table width="305" height="360" style="border:0px none #000000" background="http://img1.liveinternet.ru/images/attach/c/10/126/936/126936515_cd50c0bd81c7.png" cellspacing="0" cellpadding="0"> <tr><td style="padding:10px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#000000;font-size:12px"><b><marquee width="245" height="290" scrolldelay="0" direction="up" scrollamount="1" style="background: ; padding: 0px; border: 0px aeca7d;"><center> [color=#000000][size=2][b]<br /> Здесь будет Ваш текст[/b][/size][/color]</center> </marquee></b></span></td></tr> </table> </td></tr> </table> </td></tr> </table> </td></tr> </table> </td></tr> </table> </center> </td></tr> </table>
Уроков на эту тему в других дневниках много, но наверно ничего страшного, если появится еще один.:derisive:
Заставить двигаться можно не только текст, но и картинки, ссылки и всё, что будет вложено в "бокс" с этими тегами.

Даю как всегда "скелетики" кода. Расскажу как их применять.
Копируем код из окошечка. Вставляем его в нужное место. Например в рамку. И видим тот или иной код (см. фото А и Б)

Вместо моих слов пишем нужные параметры.

Вместо слова ШИРИНА вписываем ширину, на которую будет растянут текст.
Вместо ВЫСОТА свой параметр откуда будет появляться текст и где исчезать.
Это нужно, чтобы текст не "вылезал" за рамку.
Примерные размеры от 200 до 650. Ставите путем подбора.
СКОРОСТЬ. От 1 до 5. Чем выше цифра, тем быстрее передвигается текст. Лучше всего поставить 1.
ЦВЕТ и РАЗМЕР ШРИФТА-думаю тут всё понятно.
Цвет-это 6 знаков кода цвета, размер от 6 до 30. Чаще всего ставится 13-23.
Так же можно поменять и стиль шрифта.
В коде указан самый распространенный Verdana (см. фото А-1), но можно поменять на другой.
В коде бегущего текста на цветном фоне всё как и в коде текста на прозрачном фоне, только прибавился параметр ЦВЕТ ФОНА (см. фото Б).
Можно сделать шире, тоньше или совсем убрать обводочку.
В коде стоит значение 2 (см. фото Б-1). Эту цифру можно сделать больше или меньше.
Тогда изменится толщина обводки. Если поставить ноль, она исчезнет.
БЕГУЩИЙ ТЕКСТ НА ПРОЗРАЧНОМ ФОНЕ
Здесь будет Ваш текст


<marquee width="ШИРИНА" height="ВЫСОТА" scrolldelay="0" direction="up" scrollamount="СКОРОСТЬ" style="background: ; padding: 0px; border: 0px aeca7d;"><center> <span style="font-family:Verdana;color:#ЦВЕТ ШРИФТА;font-size:РАЗМЕР ШРИФТАpx"><b>Здесь будет Ваш текст</b></span></center> </marquee>
БЕГУЩИЙ ТЕКСТ НА ЦВЕТНОМ ФОНЕ

Здесь будет Ваш текст
<marquee style="background:#ЦВЕТ ФОНА; padding:10px; border-right: silver 2px solid; border-top: silver 2px solid; border-left: silver 2px solid; border-bottom: silver 2px solid;" scrollamount="СКОРОСТЬ" scrolldelay="60" direction="up" width="ШИРИНА" height="ВЫСОТА"><center> <span style="font-family:Verdana;color:#ЦВЕТ ШРИФТА;font-size:РАЗМЕР ШРИФТАpx"><b>Здесь будет Ваш текст</b></span></center> </marquee>
Удачи!
еще разные уроки здесь

Для написания постов,мои шаблоны

текст<span style="font-family:georgia;color:#8B795E;font-size:24px;text-shadow:1px 1px 1px #000000"><i><text size="4"> цветная ссыпка <a href="Адрес сайта, или страницы" style="color:#Цвет шрифта">Название сайта</a>  MANGIANA <a style="text-decoration: none; color: #Цвет шрифта;" href="Адрес сайта или страницы" target="_blank">Название сайта</a>  MANGIANA  <div style="overflow-y: scroll; width:750px; height: 600px; margin-left: 40px;">   </div> [*flash=200,100,http://for-masters.ru/flash/wood_calb.swf]

Шаблон рамки,прозрачная <div align="center"> <table background="" cellpadding="0" cellspacing="0" style=" width:630px;-webkit-border-radius: 40px 40px 40px 40px;-moz-border-radius: 40px 40px 40px 40px;border-radius: 40px 40px 40px 40px;-webkit-box-shadow: #ff00cc 4px 4px 4px;-moz-box-shadow: #ff00cc 4px 4px 6px; box-shadow: #ff00cc 2px 4px 6px;"> <tbody> <tr> <td style="padding:5px"> <table background="" cellpadding="0" cellspacing="0" height="28" style="border-radius: 40px;" width="630"> <tbody> <tr> <td align="center" style="padding:20px" zzz="zzz"> <span style="font-size:12px;"><span style="font-family: Times;"><noindex><nofollow>ТЕКСТ</nofollow></noindex></span></span><span style="font-family:Times;color:#;font-size:25px"><noindex><nofollow></nofollow></noindex></span></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <p> <div align="center"> <table background="ОБВОДКА" cellpadding="0" cellspacing="0" style=" width:740px;-webkit-border-radius: 40px 40px 40px 40px;-moz-border-radius: 40px 40px 40px 40px;border-radius: 40px 40px 40px 40px;-webkit-box-shadow: #f5deb3 4px 4px 4px;-moz-box-shadow: #f5deb3 4px 4px 6px; box-shadow:#f5deb3 2px 4px 6px;"><tbody> <tr><td style="padding:5px"><table background="ФОН 3" cellpadding="0" cellspacing="0" style="width:740px;-webkit-border-radius: 40px 40px 40px 40px;-moz-border-radius: 40px 40px 40px 40px;border-radius: 40px 40px 40px40px;"> <tbody> <tr><td align="" style="padding:20px" zzz="zzz"> </td></tr> </tbody></table> </td></tr> </tbody></table> <p> <span style="font-family:Harlow Solid Italic,helvetica,sans-serif;"> Вставить текст без рамки. <span style="text-shadow: #000000 1px 0px, #000000 1px 1px, #000000 0px 1px, #000000 -1px 1px, #000000 -1px 0px, #000000 -1px -1px, #000000 0px -1px, #000000 1px -1px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px; font-size: 17px; color: #fffe9f;">Здесь будет Ваш текст</span> Вставить текст в рамку. <span style="text-shadow: #000000 1px 0px, #000000 1px 1px, #000000 0px 1px, #000000 -1px 1px, #000000 -1px 0px, #000000 -1px -1px, #000000 0px -1px, #000000 1px -1px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px;">Здесь будет Ваш текст</span> Двойная рамка с прокруткой <fieldset> <legend></legend> <center> <fieldset> <legend></legend><br /> <br /> <center> <a a="" data-cke-saved-href="http://img1.liveinternet.ru/images/attach/c/9/112/414/112414419_nj.png" href="http://img1.liveinternet.ru/images/attach/c/9/112/414/112414419_nj.png" target="_blank"> ТЕКСТ<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <marquee px="px" scrollamount="1" scrolldelay="55" style="FILTER: alpha(opacity=55, style=3)" width="50"></marquee></a></center> </fieldset> </center> </fieldset> <p style="text-align: justify;">

[flash=600,200,http://www.yapfiles.ru/files/672296/konvertery_onlain.swf] [flash=500,200,http://www.yapfiles.ru/files/1130406/_kodov.swf] <table border="0" cellpadding="0" cellspacing="0" style="width: 720px;">             <tbody>                 <tr>                     <td>

Формула наложения флеш на картинку<span style="font-family: arial,helvetica,sans-serif;"></span><table height="ВЫСОТА КАРТИНКИ" cellpadding="0" width="ШИРИНА КАРТИНКИ" background="АДРЕС КАРТИНКИ" border="0"><tbody> <tr><td><div> <marquee scrollamount="4" direction="down" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ"></marquee><p style="MARGIN-TOP: -530px; MARGIN-LEFT: 10px"> </p> [КОДЫ ВСТАВКИ ФЛЕШ] </div> </td></tr> </tbody></table>

Окошко для кода.      <textarea rows="5" cols="40">ВАШ КОД</textarea> цветное окошко 1-цвет текста, 2-цвет фона,3-цвет обводки   <textarea readonly="readonly" cols="40" rows="1" style="font-size: 10px; color:#633713; background-color:#b18f73; border: solid 1px #633713;">Ваш Текст</textarea>

Двойной фон в записи. Назовём тот фон, на который вы будете ставить прозрачный-Основным.Это важно, - не перепутать коды фонов.

Так можно подписывать свои работы. Лорик для вас Лариса Гурьянова

Подписать картинки без ФШ,перед текстом нужно поставить несколько вот таких тегов     &lt;br /&gt; <center> <table background="АДРЕС КАРТИНКИ"> <tr><td width="ширина картинки" height="высота картинки"><br /> <center> <text size="4"><text color="ed1c24"><br /> Ваш текст</text></text></center> </td></tr> </table> </center> <br /> Ваш текст

<cke:embed src="АДРЕС ФЛЕШКИ" quality="high" allowscriptaccess="always" width="ШИРИНА ФЛЕШКИ" height="ВЫСОТАА ФЛЕШКИ" wmode="transparent" pluginspage="http://www.adobe.com/go/getflashplayer" type="application/x-shockwave-flash"></cke:embed>  Формула ФЛЕШКИ    <span style="color:#800080;"></span><cke:object><cke:embed src="ссылка на флешку" type="application/x-shockwave-flash" wmode="transparent" width="ширина флешки" height="высота флешки"></cke:embed></cke:object>              src="ссылка на флешку"  width="ширина флешки"    height="высота флешки"

Для того, чтобы сделать фон для записи, необходимо воспользоваться следующей формулой: <table border="0" cellspacing="8" cellpadding="0" width="100%"background="Адрес фона"><tbody><tr><td><CENTER> <span style="font-family:Arial; color:black; font-size:12px"> ВАШ ТЕКСТ </span> </CENTER></td></tr></tbody></table>    В этот код нам нужно подставить прямую ссылку на фоновое изображение, и у Вас получится запись с фоном, как у меня.    Если в коде изменить тег background на bgcolor="код цвета или его буквенное написание", то получим запись на цветном фоне. Полный код можете взять отсюда: <table border="0" cellspacing="8" cellpadding="0" width="100%" bgcolor="yellow"><tbody><tr><td><CENTER> <span style="font-family:Arial; color:black;font-size:12px">ВАШ ТЕКСТ</span> </CENTER></td></tr></tbody></

Летающая строка. ВЕСНА!!! ВЕСНА!!! <marquee direction=down behavior=alternate stylе="height: 300px"><marquee direction=right behavior=alternate> <b>ВЕСНА!!! ВЕСНА!!!</B></MARQUEE></MARQUEE>

Рамочка для текста <center> <table cellpadding="0" cellspacing="0" height="332" style="border: 3px solid rgb(255, 239, 213); background-image: url("http://img0.liveinternet.ru/images/attach/c/0/118/381/118381028_34555.png"); box-shadow: 0px 0px 30px black;" width="770"><tbody> <tr><td style="padding: 1px;"><div style="overflow-y: scroll; width: 680px; height: 600px;"> <center> <br /> <center> <p>  </p> <p>  </p> <p>  </p> <p>  </p> <p>  </p> <p>  </p> <p>  </p> <p>  </p> <p>  </p> <p>  </p> <p>  </p> <p>  </p> </p> </center> </center> </div> </td></tr> </tbody></table> </center> <p>  </p> <blockquote>  </blockquote>

Harlow Solid Italic PT Serif Academy Ceremonious 1 Calligraphia 1 Adine Kirnberg Alexandra Franklin Gothic Heavy Grixel Kyrou 9 Regular Bold Xtnd Lucida Grande MS Mincho 1979 Jasper Monumento Titul Monumento TitulGr Monumento TitulNr Stamper Aach Accent AdverGothic Arthur Gothic AGAalenBold Amelia Anastasia Deutsch Gothic Agatha_Modern Beresta Calligraph Calligrapher Champignon Ceremonious 2 Mistral Acquest Script Angelica Copyist Scriptorama Boyarsky Ritalin ExtraBold Cassandra Calligraphia Antiqua Ambassador CORBEL CONSTANTIA AMERIKA Century Schoolbook Century Schoolboo CANDARA CAMBRIA INFO Markiz de Sad BANC bickhamscr2 Amadeus Edisson Cyrgoth AlgeriusNCD Astra Slipstream Paladin Windsor Wenatchee Monumento BRAGGAS Adventure Flash Torhok COOP_B Freestyle Derby CRACKMAN Collins BREEZE BINND BLOODCYR Ben CAT Heinrich Champagnecyr Ceremonious Bickham Aurora Esenin Ekaterina Velikaya 1 Ekaterina Velikaya Maria ODI

<center> <div style="width:656px;height:***px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border:1px solid #696969;background-image: url('[url]https://img-fotki.yandex.ru/get/6820/120937872.1a9/0_b75d0_7091cb2_XXL.jpg'[/url]);background-color:#42D3E3;-webkit-box-shadow:0 0 0 1px rgb(194, 192, 184) inset,5px 0 0 -4px rgb(255, 255, 255),5px 0 0 -3px rgb(194, 192, 184),11px 0 0 -8px rgb(255, 255, 255),11px 0 0 -7px rgb(194, 192, 184),17px 0 0 -12px rgb(255, 255, 255),17px 0 0 -11px rgb(194, 192, 184);"> <center>  </center> </div> ТЕКСТ <center> <div style="width:750px;height:***px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border:1px solid #696969;background-image: url('https://img-fotki.yandex.ru/get/6820/120937872.1a9/0_b75d0_7091cb2_XXL.jpg');background-color:#42D3E3;-webkit-box-shadow:0 0 0 1px rgb(194, 192, 184) inset,5px 0 0 -4px rgb(255, 255, 255),5px 0 0 -3px rgb(194, 192, 184),11px 0 0 -8px rgb(255, 255, 255),11px 0 0 -7px rgb(194, 192, 184),17px 0 0 -12px rgb(255, 255, 255),17px 0 0 -11px rgb(194, 192, 184);"> <center> <div align="center" style="padding:20px" zzz="zzz"> <table height="62" style="background: none repeat scroll 0% 0% rgb(223, 223, 211); border: 7px double rgb(95, 92, 83); padding: 5px; box-shadow: 0px 0px 30px rgb(105, 105, 105) inset;" width="606"> <tbody> <tr> <td style="padding:10px"> <center> <block> <div style="margin: 13px 0px; padding: 0px; color: rgb(54, 65, 73); font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 13px; text-align: left;"> <font color="#5F5C53 "><font size="3"><font face="Courier New">ТЕКСТ</font></font></font></div> </block><block></block></center> </td> </tr> </tbody> </table> </div> </center> </div> </center> <div>

<center> <table background="" cellpadding="2" cellspacing="2" style=" solid silver; border-radius:25px;" width="750"> <tbody> <tr> <td style="padding:3px"> <table background="https://img-fotki.yandex.ru/get/3608/86749096.ef/0_cae2b_6b8644e1_orig.png" cellpadding="2" cellspacing="2" style="solid silver; border-radius:25px;box-shadow: inset rgba(0,0,0,.5) -3px -3px 8px, inset rgba(255,255,255,.9) 3px 3px 8px, rgba(0,0,0,.8) 3px 3px 8px -3px;" width="750"> <tbody> <tr> <td align="" style="padding:20px" zzz="zzz"> <center> <h1> <span style="font-family:Monotype Corsiva;color:#000000;font-size:20px"><span style="color:#ffd700;">ваш</span></span></h1> <table align="center" border="1" cellpadding="1" cellspacing="1" style="width: 750px;"> <caption> <span style="font-family:Monotype Corsiva;color:#000000;font-size:20px"> </span></caption> <tbody> <tr> <td> <div style="margin: 0px 10px 10px 11px; padding: 0px 0px 7px; width: 600px; color: rgb(0, 0, 0); font-family: Arial; font-size: 16px;"> <h1 style="margin: 0px 0px 20px; padding: 0px; letter-spacing: -0.05em; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 30px; color: rgb(51, 51, 51); font-weight: normal;"> текс</h1> </div> <div style="margin: 10px 0px 0px; padding: 0px 5px 39px; line-height: 25.6000003814697px; text-align: justify; color: rgb(0, 0, 0); font-family: Arial; font-size: 16px; background-position: 50% 100%; background-repeat: no-repeat;"> <br /> <br /> <p style="margin: 0px 0px 6px; padding: 0px;"> <span style="font-family:Monotype Corsiva;color:#000000;font-size:20px"> </span></p> <p style="margin: 0px 0px 6px; padding: 0px;"> <span style="font-family:Monotype Corsiva;color:#000000;font-size:20px"> </span></p> <div> <span style="font-family:Monotype Corsiva;color:#000000;font-size:20px"> </span></div> </div> </td> </tr> </tbody> </table> </center> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </center> <p>  </p> ваш текст

Сделать слайд-шоу Движение снизу вверх    <marquee style="HEIGHT: 100px" direction="up" scrollamount="5">Движение снизу вверх</marquee> Движение сверху вниз    <span style="font-size: 12px;"></span><span style="font-size: 12px;"></span><marquee style="HEIGHT: 100px" direction="down" scrollamount="5">Движение сверху вниз</marquee> Движение справа налево <marquee style="WIDTH: 100px" direction="left" scrollamount="5">Движение справа налево</marquee> Движение слева направо <span style="font-size: 12px;"></span><marquee style="WIDTH: 100px" direction="right" scrollamount="5">Движение слева направо </marquee>