Бегущая строка в блоге, коды рамочек

Бегущая строка в блоге 

Подойдет для размещения  коротких объявлений и новостей.

Здесь будет ваш текст.

Код бегущей строки.

<table background="https://lh3.googleusercontent.com/-vUBMnq2ogT8/Torq00DJHHI/AAAAAAAABCk/Gmpz-5z6gHA/s144/ramka4.jpg" border="2" bordercolor="transparent" cellspacing="1" height="25" style="width: 584px;"><tbody>


<tr> <td background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXZH3sUsLKYwWLV86f80FuoUlVNdAmCmdbZ4R2zZnDiPQ0NA2t3oOi0A5M8mjFGCHEmwdnYnZdlAL5pngxHmbM6cllYq6GJzMsNAM19Buhmh5UAS0riv4WK-EopsuQvYVgM9J5tD3V110/s144/Pamka.jpg" valign="bottom"><marquee direction="left" height="20" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="584"><center><span style="color: black; font-family: Georgia;">Ваш текст объявления или интересной новости</span></center></marquee> </td></tr>

</tbody></table>


Изменяемые данные

background="https://lh3.googleusercontent.com/-vUBMnq2ogT8/Torq00DJHHI/AAAAAAAABCk/Gmpz-5z6gHA/s144/ramka4.jpg" - окантовка рамки  изображением;

background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXZH3sUsLKYwWLV86f80FuoUlVNdAmCmdbZ4R2zZnDiPQ0NA2t3oOi0A5M8mjFGCHEmwdnYnZdlAL5pngxHmbM6cllYq6GJzMsNAM19Buhmh5UAS0riv4WK-EopsuQvYVgM9J5tD3V110/s144/Pamka.jpg" - фоновое изображение;

height="25" ("20"), width="584" - размеры рамки;

scrollamount="3" - скорость движения текста;

style="color: black; - цвет текста;

font-family: Georgia; - шрифт текста.

Часто возникает необходимость при оформлении поста в блоге выделить фрагмент текста в виде цитаты и заключить его в рамочку. 

<fieldset>Самая простая рамка</fieldset>

<div align="center" style="border: 1px solid  #992211;">Рамка для вставки кода </div>

А здесь можно подрегулировать цвет и толщину бордюра рамки

Текст<fieldset style="border: #992211 ridge thick;">
<span style="font-family:Comic Sans MS;color:#992211;font-size:14px">Текст</span>
</fieldset>
 Пишите в самой рамке и ее высота будет увеличиваться. 

Заголовок

<fieldset style="border: #992211 ridge thick;"><legend> <b><span style="font-family:Monotype Corsiva;color:#104E8B;font-size:25px">Заголовок</b></span></legend><span style="font-family:Comic Sans MS;color:#992211;font-size:14px">Текст</span></fieldset>

 Картинку вставила через иконку в редакторе.

Код спойлер

Ваш текст объявления или интересной новости

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<table background="https://lh3.googleusercontent.com/-vUBMnq2ogT8/Torq00DJHHI/AAAAAAAABCk/Gmpz-5z6gHA/s144/ramka4.jpg" border="2" bordercolor="transparent" cellspacing="1" style="height: 25px; width: 584px;"><tbody>
<tr> <td background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXZH3sUsLKYwWLV86f80FuoUlVNdAmCmdbZ4R2zZnDiPQ0NA2t3oOi0A5M8mjFGCHEmwdnYnZdlAL5pngxHmbM6cllYq6GJzMsNAM19Buhmh5UAS0riv4WK-EopsuQvYVgM9J5tD3V110/s144/Pamka.jpg" valign="bottom"><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj870RVdJi5nrxbXDYDNKU-z9GOw-K_j_TKM2mKK5o3qs_2ddvwTrAt-3Mjk8O5hjlb7QF6qItVv9d8j3MY7iUTv_jrAf2BIdrrRkvK1MeXyZ7Ls_HfJv3xd5liAtGSKkfFA1lI9jt-D-dn/s1600/0_50121_a3958a9d_L.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="144" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj870RVdJi5nrxbXDYDNKU-z9GOw-K_j_TKM2mKK5o3qs_2ddvwTrAt-3Mjk8O5hjlb7QF6qItVv9d8j3MY7iUTv_jrAf2BIdrrRkvK1MeXyZ7Ls_HfJv3xd5liAtGSKkfFA1lI9jt-D-dn/s200/0_50121_a3958a9d_L.gif" width="200" /></a></div>
<marquee direction="left" height="20" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="584">
<center>
<span style="color: black; font-family: Georgia;">Ваш текст объявления или интересной новости</span></center>
</marquee> </td></tr>
</tbody></table>

</div>

Изменяемые данные:

background="https://lh3.googleusercontent.com/-vUBMnq2ogT8/Torq00DJHHI/AAAAAAAABCk/Gmpz-5z6gHA/s144/ramka4.jpg" - окантовка рамки  изображением;

background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXZH3sUsLKYwWLV86f80FuoUlVNdAmCmdbZ4R2zZnDiPQ0NA2t3oOi0A5M8mjFGCHEmwdnYnZdlAL5pngxHmbM6cllYq6GJzMsNAM19Buhmh5UAS0riv4WK-EopsuQvYVgM9J5tD3V110/s144/Pamka.jpg" - фоновое изображение;

height="25" ("20"), width="584" - размеры рамки;

scrollamount="3" - скорость движения текста;

style="color: black; - цвет текста;

font-family: Georgia; - шрифт текста.