-Рубрики

 -Поиск по дневнику

Поиск сообщений в Вид_Новиков

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 06.11.2011
Записей: 3628
Комментариев: 26865
Написано: 40440


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

Вторник, 20 Декабря 2011 г. 23:06 + в цитатник
Цитата сообщения 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 картинка: //s017.radikal.ru/i438/1111/54/435e0ad3c130.gif//s017.radikal.ru/i438/1111/54/435e0ad3c130.gif -
3 картинки: //s017.radikal.ru/i438/1111/54/435e0ad3c130.gif//s017.radikal.ru/i438/1111/54/435e0ad3c130.gif//s017.radikal.ru/i438/1111/54/435e0ad3c130.gif -
4 картинки: //s017.radikal.ru/i438/1111/54/435e0ad3c130.gif//s017.radikal.ru/i438/1111/54/435e0ad3c130.gif//s017.radikal.ru/i438/1111/54/435e0ad3c130.gif//s017.radikal.ru/i438/1111/54/435e0ad3c130.gif -
5 картинок: //s017.radikal.ru/i438/1111/54/435e0ad3c130.gif//s017.radikal.ru/i438/1111/54/435e0ad3c130.gif//s017.radikal.ru/i438/1111/54/435e0ad3c130.gif//s017.radikal.ru/i438/1111/54/435e0ad3c130.gif//s017.radikal.ru/i438/1111/54/435e0ad3c130.gif -
6 картинок: //s017.radikal.ru/i438/1111/54/435e0ad3c130.gif//s017.radikal.ru/i438/1111/54/435e0ad3c130.gif//s017.radikal.ru/i438/1111/54/435e0ad3c130.gif//s017.radikal.ru/i438/1111/54/435e0ad3c130.gif//s017.radikal.ru/i438/1111/54/435e0ad3c130.gif//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 - ПУТЕВОДИТЕЛЬ по Photoshop
Часть 2 - Карта супер сайта...ВСЕМ В ЦИАТНИК!
...
Часть 10 - Генератор дизайна кнопок для блога
Часть 11 - Кнопочки и баннеры, а точнее их шаблоны...
Часть 12 - Шпаргалочка по тегам Берём к себе в цитатник.


Серия сообщений "теги":
Часть 1 - Шпаргалочка по тегам Берём к себе в цитатник
Часть 2 - Шпаргалочка по тегам 2
Часть 3 - Делаем Окошко для наших кодиков ( разноцветными )
Часть 4 - Ставим картинки в ряд
...
Часть 8 - Рамки для выделения текста.
Часть 9 - В это таблице приведены готовые HTML коды очень многих цветов
Часть 10 - Делаем простую Рамку с двигающимся текстом.

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

Вид_Новиков   обратиться по имени Вторник, 20 Декабря 2011 г. 23:09 (ссылка)
Здорово, просто, как в мультике!
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 20 Декабря 2011 г. 23:57ссылка
Вид_Новиков,

Вид, ты - сам большой ребёнок)))))))))))+
Перейти к дневнику

Среда, 21 Декабря 2011 г. 00:13ссылка
Да нет не очень 1 метр 81 сантыметр!
Перейти к дневнику

Среда, 21 Декабря 2011 г. 00:20ссылка
до моего любимого размера ты не дотягиваешь 1 см)
Перейти к дневнику

Среда, 21 Декабря 2011 г. 00:24ссылка
А если я тапочки одену?
Перейти к дневнику

Среда, 21 Декабря 2011 г. 00:28ссылка
Вид_Новиков,

Оглядываться мужики точно будут, но на меня.))
Перейти к дневнику

Среда, 21 Декабря 2011 г. 00:34ссылка
Простите доктор это ребячество, типа как в раннем детстве у кого длиннее!
Перейти к дневнику

Среда, 21 Декабря 2011 г. 00:36ссылка
Вид_Новиков,

Ты первый стал хвастаться своим ростом.))
Уговорил, и я надену каблучок.)Договорились?)
Тогда и на тебя станут оглядываться.)
Перейти к дневнику

Среда, 21 Декабря 2011 г. 00:43ссылка
На вас не угодишь...
Перейти к дневнику

Среда, 21 Декабря 2011 г. 00:51ссылка
Тогда спокойной ночи, Вид!



До завтра!
Перейти к дневнику

Среда, 21 Декабря 2011 г. 08:41ссылка
Спасибо за понимание милый доктор в тот момент я уже, толком ничего не видел!
А ленивый Пегас- супер , вышлите код?
разделители
Перейти к дневнику

Четверг, 05 Января 2012 г. 12:18ссылка
Вид_Новиков,
Согласна на тапочки.))

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку