Шпаргалочка по тегам Берём к себе в цитатник.

Вторник, 22 Мая 2012 г. 16:35 + в цитатник

Шпаргалочка по тегам Берём к себе в цитатник.

Шпаргалочка по тегам Берём к себе в цитатник.

Шпаргалочка по тегам Берём к себе в цитатник.

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

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

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

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

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

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

4)
>>Всё для вас от Монички<<
<font color=""#ff69b4""><marquee width=""10%"" behavior=""alternate"">>></marquee>Всё для вас от Монички<marquee width=""10%"" behavior=""alternate""><<</marquee></font>
5)

М
O
н
и
ч
к
а

<marquee width=""100%"" style=""text-align:" 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 width=""80%"" behavior=""alternate"" direction=""up""><marquee behavior=""alternate"" direction=""right"">Всё для Вас</marquee></marquee>
7)
Моничка
<marquee width=""80%"" behavior=""alternate"" direction=""up""><marquee direction=""right""><font color=""#0000ff"">Моничка</font></marquee></marquee>
8)
Спасибо что вы есть у меня:)
<marquee behavior=""alternate"" direction=""up""><font color=""#ff0000"">Спасибо что вы есть у меня:)</font></marquee>
9)

Всё для вас От Монички
Всё для вас От Монички
Всё для вас От Монички
Всё для вас От Монички
<marquee style=""color:" 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]-Название шрифта.Менять можно.

Текст с переливающейся тенью.
- КОД ТЕКСТА>Ваш текст.</font></p> " size="15" />
2) ...padding:15px;...-Размер фона.Менять можно.
...background-color:red;...-Фон текста.Менять можно.
...color:blue;...-Цвет шрифта.Менять можно.

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

ВАШ ТЕКСТ
- КОД ТЕКСТАfont></font></div></font>" size="15" />
4) ...direction=50...-Длина тени.Менять можно.
Всё остальное менять как показано выше...

Текст с тенью за текстом.
- КОД ТЕКСТА>ВАШ ТЕКСТ ПИШЕМ СЮДА.</font></p> " size="15" />
5) ...direction= 100,.. -Объём текста.Менять можно.
...strength= 10... -Длина тени.Менять можно.
Всё остальное меняем как показано выше.

Движущийся текст с тенью

- КОД ТЕКСТА><div style="FILTER: Shadow(color=Pink , direction=100, strength=10); WIDTH: 100%" align="center"><marquee><font face="Georgia" color="8B0A50" size="6"><i>ВАШ ТЕКСТ ПИШИМ СЮДА</i></font></marquee></div><br />" size="15" />
6)Смотрим, и меняем всё что нужно, как описано выше.

Тень под текстом!
- КОД ТЕКСТА></div> " size="15" />
7)Смотрим, и меняем всё что нужно, как описано выше.

СвЕтЯщИйСя ТеКсТ.
- КОД ТЕКСТАdiv>" size="15" />
8)Смотрим, и меняем всё что нужно, как описано выше.

Крупный красивый текст.
- КОД ТЕКСТАdiv> " size="15" />
9)Смотрим, и меняем всё что нужно, как описано выше.

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

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

Текст объёмный полосатый
- КОД ТЕКСТА div> " size="15" />
12) ...font-size:30pt...-Размер текста.
...color:Chartreuse;...-Цвет текста.

Гладкий объёмный.
- КОД ТЕКСТА div> " size="15" />
Спасибо за уроки Милолика_Покровская

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

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

Делаем бегущую строку не возясь с кодами.
5. Как сделать бегущую картинку?

<marquee><img height=""73"" width=""123"" alt=""" src=""картинка"" /><img height=""73"" width=""123"" alt=""" src=""картинка"" /><img height=""73"" width=""123"" alt=""" src=""картинка"" /></marquee>

6. Для задания вида рамки используется атрибут border,
который задается для стиля блока div.
Сначала задается толщина рамки, затем тип, потом цвет.
Таблица цветов и стандартные имена уже приводились.
Возможные типы рамок:
1.
Точечная рамка

<div style=""border:1px" dotted="dotted">ВАШ текст</div>
2.
Точечная рамка толщиной +2

<div style=""border:2px" dotted="dotted" 10px="10px">ВАШ текст</div>
3.
Точечная рамка толщиной +3 красная

<div style=""border:3px" dotted="dotted" 10px="10px">ВАШ текст</div>
4.
Сполшная рамка толщиной +3 фиолетовая

<div style=""border:3px" solid="solid" 10px="10px">ВАШ текст</div>
5.
Возвышенный текст толщиной +3 цвет фуксия

<div style=""border:3px" dashed="dashed" 10px="10px">ВАШ текст</div>
6.
Вдавленный текст толщиной +3 зеленый

<div style=""border:3px" outset="outset" 10px="10px">ВАШ текст</div>

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

Текст1<div style=""padding-left:">Текст2</div>

8. Списки.
1)
пункт 1
пункт 2

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

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

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

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

<p style=""text-indent:">ВАШ ТЕКСТ</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.
ВАШ КОД - textarea>" size="20" />
4.
Шаблон контейнера для вставки кода рамочек - с прокруткой

<div style=""width:" solid="solid"><textarea cols=""30"" rows=""2"" name="""">Код вашей рамочки

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

код:
<form><em><em><input 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><input type=hidden name=tok value=a1e33e93650296668a1daac8cf88e9c4 /></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 задаст направление движения слева направо, по умолчанию - справа налево

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

<sup>ваша сноска</sup>

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

<sub>ваша сноска</sub>

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="//www.liveinternet.ru/journal_proc.php?action=redirect&url="АДРЕС"> ВАШ ПОДЗАГОЛОВОК</a>

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

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url="АДРЕС"><img src=""АДРЕС" /></a>

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

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url="АДРЕС" target=""_blank""> ВАШ ПОДЗАГОЛОВОК </a>
----------------------------------------------------------------------

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

Рамочка вокруг текста -
fieldset>" size="15" />

2.

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

3.

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

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

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

3.

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

td> <td><img src="КАРТИНКА"></td> </tr> </table>" size="15" />

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

2 картинка: - td> <td> Картинка </td> </tr> </table>" size="15" />
3 картинки: - td> <td> Картинка </td> <td> Картинка </td> </tr> </table>" size="15" />
4 картинки: - td> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> </tr> </table>" size="15" />
5 картинок: - td> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> </tr> </table>" size="15" />
6 картинок: - td> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> </tr> </table>" size="15" />

14.Кнопочки в ваших записях:
1. - CENTER></TD> </TR></TBODY></TABLE></BUTTON></a>" size="15" />
2.
button><input type=hidden name=tok value=386143ef5a1bf253526a9961da0f4fb8 /></form>" size="15" />

3.

button><input type=hidden name=tok value=386143ef5a1bf253526a9961da0f4fb8 /></form>" size="15" />

4.

></form>" size="15" />

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

Линии
1)

<hr />
2)

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

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

ПРОДОЛЖЕНИЕ БУДЕТ!
16.
Ещё уроки ЗДЕСЬ и ЗДЕСЬ

Серия сообщений "Волшебные идеи для блога и сайта":

Часть 1 - ПУТЕВОДИТЕЛЬ по Photoshop
Часть 2 - Карта супер сайта...ВСЕМ В ЦИАТНИК!
...
Часть 10 - Генератор дизайна кнопок для блога
Часть 11 - Кнопочки и баннеры, а точнее их шаблоны...
Часть 12 - Шпаргалочка по тегам Берём к себе в цитатник.

Серия сообщений "Волшебные идеи для блога и сайта":

Часть 1 - Карта супер сайта...ВСЕМ В ЦИАТНИК!
Часть 2 - Волшебные идеи для блога и сайта
...
Часть 15 - Делаем Окошко для наших кодиков ( разноцветными )
Часть 16 - ПУТЕВОДИТЕЛЬ по Photoshop
Часть 17 - Шпаргалочка по тегам Берём к себе в цитатник.

Процитировано 4 раз
Понравилось: 1 пользователю

<a href="https://www.liveinternet.ru/users/4633315/post221073655/">РЁРїР°СЂРіР°Р»РѕС‡РєР° РїРѕ С‚РµРіР°Рј Р‘РµСЂС‘Рј Рє СЃРµР±Рµ РІ С†РёС‚Р°С‚РЅРёРє.</a><br/>РЁРїР°СЂРіР°Р»РѕС‡РєР° РїРѕ С‚РµРіР°Рј Р‘РµСЂС‘Рј Рє СЃРµР±Рµ РІ С†РёС‚Р°С‚РЅРёРє.

РЁРїР°СЂРіР°Р»РѕС‡РєР° РїРѕ С‚РµРіР°Рј Р‘РµСЂС‘Рј Рє СЃРµР±Рµ РІ С†РёС‚Р°С‚РЅРёРє.

1. РЁРїР°СЂРіР°Р»РѕС‡РєР° РїРѕ С‚РµРіР°Рј в„– 2

1. Р’РёРґ С€СЂРёС„С‚Р°:
1. Р’Р°С€ С‚РµРєСЃС‚  Р’Р°С€ С‚РµРєСЃС‚
2. Р’Р°С€ С‚РµРєСЃС‚ Р’Р°С€ С‚РµРєСЃС‚

3. РџРёС€РµРј РјРёРіР°СЋС‰РёРј С‚РµРєСЃС‚РѕРј
РџРёС€РµРј РјРёРіР°СЋС‰РёРј С‚РµРєСЃС‚РѕРј С‚Р°Рє  - РўР•РљРЎРў

2. РљР°Рє СЃРґРµР»Р°С‚СЊ СЃРєРѕР»СЊР·СЏС‰РёР№ С‚РµРєСЃС‚?

РЎРєРѕР»СЊР·СЏС‰РёР№ РІРІРµСЂС… С‚РµРєСЃС‚ 
Р’РђРЁ РўР•РљРЎРў

РЎРєРѕР»СЊР·СЏС‰РёР№ РІРЅРёР· С‚РµРєСЃС‚
Р’РђРЁ РўР•РљРЎРў

4)
&gt;&gt;Р’СЃС‘ РґР»СЏ РІР°СЃ РѕС‚ РњРѕРЅРёС‡РєРё&lt;&lt;
&gt;&gt;Р’СЃС‘ РґР»СЏ РІР°СЃ РѕС‚ РњРѕРЅРёС‡РєРё&lt;&lt; 
5)
РњOРЅРёС‡РєР°
РњOРЅРёС‡РєР° 
6)
Р’СЃС‘ РґР»СЏ Р’Р°СЃ
Р’СЃС‘ РґР»СЏ Р’Р°СЃ 
7)
РњРѕРЅРёС‡РєР°
РњРѕРЅРёС‡РєР° 
8)
РЎРїР°СЃРёР±Рѕ С‡С‚Рѕ РІС‹ РµСЃС‚СЊ Сѓ РјРµРЅСЏ:)
РЎРїР°СЃРёР±Рѕ С‡С‚Рѕ РІС‹ Рµ... <a href="https://www.liveinternet.ru/users/4633315/post221073655/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>