Приветствую тебя, дорогой посетитель моего блога!Стань читателем моего блога!Тебя ждёт ещё много интересного!

пятница, 7 сентября 2012 г.

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


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

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

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


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

<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://lh5.googleusercontent.com/-g_CG9WdfDMc/TorR712rPNI/AAAAAAAABCc/4e9J8-rjDLs/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://lh5.googleusercontent.com/-g_CG9WdfDMc/TorR712rPNI/AAAAAAAABCc/4e9J8-rjDLs/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://lh5.googleusercontent.com/-g_CG9WdfDMc/TorR712rPNI/AAAAAAAABCc/4e9J8-rjDLs/s144/Pamka.jpg" valign="bottom"><div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-4BtLBdQfJmE/UErwTxZxovI/AAAAAAAABUU/OmsdYY30kwA/s1600/0_50121_a3958a9d_L.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="144" src="http://3.bp.blogspot.com/-4BtLBdQfJmE/UErwTxZxovI/AAAAAAAABUU/OmsdYY30kwA/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://lh5.googleusercontent.com/-g_CG9WdfDMc/TorR712rPNI/AAAAAAAABCc/4e9J8-rjDLs/s144/Pamka.jpg" - фоновое изображение;

height="25" ("20"), width="584" - размеры рамки;
scrollamount="3" - скорость движения текста;
style="color: black; - цвет текста;
font-family: Georgia; - шрифт текста.

Комментариев нет:

Отправить комментарий