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

11.09.2012

Это цитата сообщения mirela-MONI4KA Оригинальное сообщениеШпаргалочка по тегам Берём к себе в цитатник.

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

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


http://av.li.ru/51/4079051_15204000.gif

1. Вид шрифта:
1. Ваш текст
2. Ваш текст

3. Пишем мигающим текстом
Пишем мигающим текстом так -

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


Скользящий вверх текст

Скользящий вниз текст

4)
>>Всё для вас от Монички<<

5)

М
O
н
и
ч
к
а


6)
Всё для Вас

7)
Моничка

8)
Спасибо что вы есть у меня:)

9)

Всё для вас От Монички
Всё для вас От Монички
Всё для вас От Монички
Всё для вас От Монички

Смотрим и выбираем понравившийся...
( кое что не работает в опере и в мазиле...)
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. Как сделать всплывающую подсказку?
наведите мышкой на это предложение

4. Как сделать бегущую строку?
1)Бегущая влево строка Привет
Бегущая вправо строка Привет
2)Бегущая от края к краю строка Привет
3)Flash генератор бегущей строки.


Делаем бегущую строку не возясь с кодами.
5. Как сделать бегущую картинку?
 (123x73, 4Kb) (123x73, 12Kb) (123x73, 4Kb)

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

Точечная рамка


2.

Точечная рамка толщиной +2


3.

Точечная рамка толщиной +3 красная


4.

Сполшная рамка толщиной +3 фиолетовая


5.

Возвышенный текст толщиной +3 цвет фуксия


6.

Вдавленный текст толщиной +3 зеленый

7. Форматирование. span и div.
Текст1Текст2

Текст1

Текст2

8. Списки.
1)

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


2)

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



Ваш текст


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

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


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

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


5). Закрепитель" текст остается таковым, каким вы его пишете

вот             как                   я хочу                            писать


6). Текст с правого края в две строчки с выравниванием слева

Текст с правого края в две строчки
с выравниванием слева




5)Текст с правого края в две строчки с выравниванием справа

Текст с правого края в две строчки
с выравниванием справа

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

-
3.
-

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


----------------------------------------------------------------------

11. Рамочки для текста
1.
Рамочка вокруг текста -

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

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

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

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

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

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

2 картинка: http://s017.radikal.ru/i438/1111/54/435e0ad3c130.gifhttp://s017.radikal.ru/i438/1111/54/435e0ad3c130.gif -
3 картинки: http://s017.radikal.ru/i438/1111/54/435e0ad3c130.gifhttp://s017.radikal.ru/i438/1111/54/435e0ad3c130.gifhttp://s017.radikal.ru/i438/1111/54/435e0ad3c130.gif -
4 картинки: http://s017.radikal.ru/i438/1111/54/435e0ad3c130.gifhttp://s017.radikal.ru/i438/1111/54/435e0ad3c130.gifhttp://s017.radikal.ru/i438/1111/54/435e0ad3c130.gifhttp://s017.radikal.ru/i438/1111/54/435e0ad3c130.gif -
5 картинок: http://s017.radikal.ru/i438/1111/54/435e0ad3c130.gifhttp://s017.radikal.ru/i438/1111/54/435e0ad3c130.gifhttp://s017.radikal.ru/i438/1111/54/435e0ad3c130.gifhttp://s017.radikal.ru/i438/1111/54/435e0ad3c130.gifhttp://s017.radikal.ru/i438/1111/54/435e0ad3c130.gif -
6 картинок: http://s017.radikal.ru/i438/1111/54/435e0ad3c130.gifhttp://s017.radikal.ru/i438/1111/54/435e0ad3c130.gifhttp://s017.radikal.ru/i438/1111/54/435e0ad3c130.gifhttp://s017.radikal.ru/i438/1111/54/435e0ad3c130.gifhttp://s017.radikal.ru/i438/1111/54/435e0ad3c130.gifhttp://s017.radikal.ru/i438/1111/54/435e0ad3c130.gif -

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

3.

4.

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

Линии
1)


2)


3)


палитра цветов

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

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

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


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

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