Журнал пользователя yflz1952@mail.ru Голосов: 1 Адрес блога: http://blogs.mail.ru/mail/yflz1952/ Добавлен: 2011-04-13 08:58:40 блограйдером yflz1952

Нужные коды

2012-07-23 11:15:52 (читать в оригинале)


Скользящий вверх текст
<marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee>

Скользящий вниз текст
<marquee direction="down" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee>

3. Как сделать всплывающую подсказку?
наведите мышкой на это предложение
<acronym title="То, что вы пишете во всплывающей подсказке">ВАШ ТЕКСТ</acronym>

4. Как сделать бегущую строку?
Бегущая влево строка <marquee>ВАШ ТЕКСТ</marquee> Привет
Бегущая вправо строка <marquee direction="right">ВАШ ТЕКСТ</marquee> Привет
Бегущая от края к краю строка <marquee behavior="alternate">ВАШ ТЕКСТ</marquee>Привет

5. Как сделать бегущую картинку?

<marquee><img height="73" width="123" alt=" (123x73, 4Kb)" src="картинка" /><img height="73" width="123" alt=" (123x73, 12Kb)" src="картинка" /><img height="73" width="123" alt=" (123x73, 4Kb)" src="картинка" /></marquee>

6. Для задания вида рамки используется атрибут border,
который задается для стиля блока div.
Сначала задается толщина рамки, затем тип, потом цвет.
Таблица цветов и стандартные имена уже приводились.
Возможные типы рамок:
1.
<div style="border:1px dotted #000;padding:10px;">ВАШ текст</div>
2.
<div style="border:2px dotted #000;padding:10px 10px 10px 10px;">ВАШ текст</div>
3.
<div style="border:3px dotted red;padding:10px 10px 10px 10px;">ВАШ текст</div>
4.
<div style="border:3px solid purple;padding:10px 10px 10px 10px;">ВАШ текст</div>
5.
<div style="border:3px dashed #A7A7FE;padding:10px 10px 10px 10px;">ВАШ текст</div>
6.
<div style="border:3px outset #2D8028;padding:10px 10px 10px 10px;">ВАШ текст</div>

7. Форматирование. span и div.
Текст1Текст2
Текст1<span style="padding-left: 10px;">Текст2</span>
Текст1
Текст1<div style="padding-left: 10px;">Текст2</div>

8. Списки.
1)

• пункт 1
• пункт 2

<ul><li>пункт 1</li><li>пункт 2</li></ul>
2)

1. пункт 1
2. пункт 2

<ol><li>пункт 1</li><li>пункт 2</li></ol>

Ваш текст

<h1>Ваш текст</h1>
Теги h1 .. h6. задают заголовки 6 разных уровней (1 - самый большой).


9. Окошко для кодов.
1.
ВАШ КОД ,где cols - ширина окошка в px, а rows - число строк в окне.
2.
-
3.
ВАШ КОД -

10.☃Оформление текста:☃

Перечёркнутый текст: ТЕКСТ

<s> ваш текст </s>

Подчёркнутый текст: ТЕКСТ

<u> ваш текст </u>

Полужирный текст: ТЕКСТ

<b> ваш текст </b>

Полужирный крупный: ТЕКСТ

<big> ваш текст</big>

Курсивный текст: ТЕКСТ

<i>ваш текст </i>

Маленький текст: текст

<small>ваш текст</small>

☃Текст (картинка) по центру:☃

<center>ваш текст (картинка) </center>

☃Выравнивание текста по правому краю поста:☃

<div align="right"> ваш текст </div>

☃Равномерное выравнивание текста по всей ширине поста:☃

<div align="justify"> ваш текст </div>

☃Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 8 пробелов):☃

<blockquote> ваш текст </blockquote>

☃“Закрепитель” (фиксирует текст так, как и расположите его в поле поста):☃

<pre>ваш текст</pre>

☃Бегущая строка (картинка):☃

<marquee> ваша бегущая строка (картинка)</marquee>

Добавленный атрибут direction=right задаст направление движения слева направо, по умолчанию - справа налево

Сноска вверху: ТЕКСТсноска

^{ваша сноска}

Сноска внизу: ТЕКСТсноска

_{ваша сноска}


11.☃Размер шрифта:☃

Уменьшить текст: текст - 2

<font size="-2"> уменьшенный текст </font>

Увеличить текст на 1 пункт: текст + 1

<font size="+1"> увеличить текст на 1 пункт </font>


Увеличить текст на 2 пункта: текст + 2

<font size="+2"> увеличить текст на 2 пункта </font>


Увеличить текст на 3 пункта: текст + 3

<font size="+3"> увеличить текст на 3 пункта </font>


12.☃Цвет шрифта☃

КРАСНЫЙ: красный текстм

<font color="red"> красный текст </font>

ЖЕЛТЫЙ: желтый текст

<font color="yellow"> желтый текст </font>

ФИОЛЕТОВЫЙ: фиолетовый текст

<font color="purple"> фиолетовый текст </font>

ЗЕЛЕНЫЙ: зеленый текст

<font color="lime"> зеленый текст </font>

СИНИЙ: синий текст

<font color="navy"> синий текст </font>

ФУКСИЯ: фуксия текст

<font color="fuchsia"> фуксия текст </font>


13.☃Оформление ссылок☃

Как вставить ссылку на веб-страницу:

<a href="АДРЕС СТРАНИЦЫ"> ВАШ ПОДЗАГОЛОВОК</a>

Как сделать, чтобы картинка была ссылкой на веб-страницу:

<a href="АДРЕС СТРАНИЦЫ"><img src="АДРЕС КАРТИНКИ В СЕТИ" /></a>

Как вставить ссылку на веб-страницу, чтоб она открылась в новом окне:

<a href="АДРЕС СТРАНИЦЫ" target="_blank"> ВАШ ПОДЗАГОЛОВОК </a>
----------------------------------------------------------------------

11. Рамочки для текста
1.

Рамочка вокруг текста -

2.

Рамочка вокруг текста (разрыв слева)

3.

Рамочка вокруг текста (разрыв справа)

12.Картинки в записи
1.

Картинка слева от текста

2.

Картинка справа от текста

3.

Картинки по бокам текста

13.Картинки в Ряд:

2 картинка: -
3 картинки: -
4 картинки: -
5 картинок: -
6 картинок: -

14.Кнопочки в ваших записях:
1.

Всё для Вас

-
2.
3.

Мой Блог

4.

15. ПРОДОЛЖЕНИЕ БУДЕТ!