[400x78] [показать]

1. Шпаргалочка по тегам № 2


[показать]

1. Вид шрифта:
1. Ваш текст<font face="Arial">Ваш текст</font>
2. Ваш текст<font face="MS Mincho, Verdana">Ваш текст</font>

3. Пишем мигающим текстом
Пишем мигающим текстом так -<font style="text-decoration:blink;">ТЕКСТ</font>

2. Как сделать скользящий текст?

<marquee width="100%" style="text-align: justify;" direction="up" scrolldelay="1" scrollamount="1"><center><font color="#c00000" size="4"><br />М<br />O<br />н<br />и<br />ч<br />к<br />а<br /></font></center></marquee>
6)

<marquee style="color: rgb(247, 124, 4);" direction="up"><br /><center>Всё для вас От Монички<br />Всё для вас От Монички<br />Всё для вас От Монички<br />Всё для вас От Монички</center></marquee>

Смотрим и выбираем понравившийся...
( кое что не работает в опере и в мазиле...)
1) ...FONT-SIZE: 25px...[/color]-Размер текста Менять можно.
...Glow(Color=#FFFFCC...[/color]-Цвет тени.Менять можно
...font color=" #000000"...[/color]-Цвет шрифта.Менять можно.
...FONT-FAMILY: Times Roman;...[/color]-Название шрифта.Менять можно.

Текст с переливающейся тенью.

- КОД ТЕКСТА
2) ...padding:15px;...-Размер фона.Менять можно.
...background-color:red;...-Фон текста.Менять можно.
...color:blue;...-Цвет шрифта.Менять можно.

Цветной текст с цветным фоном
- КОД ТЕКСТА
3) ...font color "FF00FF"... -Цвет шрифта.Менять можно.
...WIDTH: 100px; HEIGHT: 100px; -Размеры.Ширина и Высота.Менять можно.
...FONT-FAMILY: georgia; ...-Название шрифта.Менять можно.
...font size="5" ...-Размер шрифта.Менять можно.

- КОД ТЕКСТА
4) ...direction=50...-Длина тени.Менять можно.
Всё остальное менять как показано выше...

Текст с тенью за текстом.

- КОД ТЕКСТА
5) ...direction= 100,.. -Объём текста.Менять можно.
...strength= 10... -Длина тени.Менять можно.
Всё остальное меняем как показано выше.

- КОД ТЕКСТА
6)Смотрим, и меняем всё что нужно, как описано выше.

- КОД ТЕКСТА
7)Смотрим, и меняем всё что нужно, как описано выше.

- КОД ТЕКСТА
8)Смотрим, и меняем всё что нужно, как описано выше.

- КОД ТЕКСТА
9)Смотрим, и меняем всё что нужно, как описано выше.

- КОД ТЕКСТА
10) ...dropshadow(Color=PaleGoldenrod...-Тень текста.
...font color="#FF0000 "...-Цвет основного текста.
Всё остальное, что нужно меняем как показано выше.

Двойной текст

- КОД ТЕКСТА
11) ...color=orange);... -Цвет полосок(светлее основного тона)
...color:#A0522D;...-Цвет шрифта(основной)
Всё остальное. что нужно меняем как показано выше.

- КОД ТЕКСТА
12) ...font-size:30pt...-Размер текста.
...color:Chartreuse;...-Цвет текста.

- КОД ТЕКСТА
Спасибо за уроки Милолика_Покровская

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

4. Как сделать бегущую строку?
1)Бегущая влево строка<marquee>ВАШ ТЕКСТ</marquee>

<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 - самый большой).
3). Предложение с отступом в абзаце

Привет! Специально для новичков , так как, именно для них все эти уроки, удачи вам ребята!

<p style="text-indent: 40px">ВАШ ТЕКСТ</p>
4). Процитированый в отдельном блоке текст у которого будет небольшой отступ слева

Процитированый в отдельном
блоке текст у которого будет
небольшой отступ слева

<blockquote>ВАШ ТЕКСТ</blockquote>
5). Закрепитель" текст остается таковым, каким вы его пишете

вот 

           как 

                 я хочу

                           писать

<pre>ВАШ ТЕКСТ</pre>
6). Текст с правого края в две строчки с выравниванием слева

<div style="float:right;">ВАШ ТЕКСТ</div><br clear="all" />
5)Текст с правого края в две строчки с выравниванием справа

<div align="right">ВАШ ТЕКСТ</div>

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

5.
Код обычного переключателя

1.НАЗВАНИЕ ПОСТА2.НАЗВАНИЕ ПОСТАВсё для вас о Монички4.НАЗВАНИЕ ПОСТА5.НАЗВАНИЕ ПОСТА6.НАЗВАНИЕ ПОСТА7.НАЗВАНИЕ ПОСТА8.НАЗВАНИЕ ПОСТА9.НАЗВАНИЕ ПОСТА10.НАЗВАНИЕ ПОСТА
код:

<form action="http://freiman.info/files/link.php"><em><em><input data-cke-saved-name="h" name="h" value="_self" type="hidden" /><select name="links"><option value="http://mablexa.ya.ru/?ncrnd=6381#y5__id44">1.НАЗВАНИЕ ПОСТА</option><option value="АДРЕС ПЕРЕКЛЮЧЕНИЯ">2.НАЗВАНИЕ ПОСТА</option><option value="АДРЕС ПЕРЕКЛЮЧЕНИЯ">Всё для вас о Монички</option><option value="http://blogs.mail.ru/mail/mirela_monika/">4.НАЗВАНИЕ ПОСТА</option><option value="АДРЕС ПЕРЕКЛЮЧЕНИЯ">5.НАЗВАНИЕ ПОСТА</option><option value="АДРЕС ПЕРЕКЛЮЧЕНИЯ">6.НАЗВАНИЕ ПОСТА</option><option value="АДРЕС ПЕРЕКЛЮЧЕНИЯ">7.НАЗВАНИЕ ПОСТА</option><option value="АДРЕС ПЕРЕКЛЮЧЕНИЯ">8.НАЗВАНИЕ ПОСТА</option><option value="АДРЕС ПЕРЕКЛЮЧЕНИЯ">9.НАЗВАНИЕ ПОСТА</option><option value="АДРЕС ПЕРЕКЛЮЧЕНИЯ">10.НАЗВАНИЕ ПОСТА</option></select><input value="открыть" type="submit" /> </em></em></form>

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 target="_blank" data-cke-saved-href="АДРЕС СТРАНИЦЫ" href="АДРЕС СТРАНИЦЫ"> ВАШ ПОДЗАГОЛОВОК</a>

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

<a target="_blank" data-cke-saved-href="АДРЕС СТРАНИЦЫ" href="АДРЕС СТРАНИЦЫ"><img data-cke-saved-src="АДРЕС КАРТИНКИ В СЕТИ" src="АДРЕС КАРТИНКИ В СЕТИ" /></a>

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

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

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

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

2.

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

3.

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

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

[показать]Картинка слева от текста

2.

[показать]Картинка справа от текста

3.

[показать] Картинки по бокам текста [показать]

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

2 картинка: [показать] [показать] -
3 картинки: [показать] [показать] [показать] -
4 картинки: [показать] [показать] [показать] [показать] -
5 картинок: [показать] [показать] [показать] [показать] [показать] -
6 картинок: [показать] [показать] [показать] [показать] [показать] [показать] -

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

Всё для Вас

-
2.

[показать]

3.

[показать] Мой Блог

4.

15.Линии для оформления:

Линии
1)

---

<hr />
2)

---

<hr size="3" color="#FF0000" />
3)

---

<hr size="6" color="#000000" />
палитра цветов

ПРОДОЛЖЕНИЕ БУДЕТ!
16.
Ещё уроки ЗДЕСЬ и ЗДЕСЬ
[показать]
[400x32]