Отправляет email-рассылки с помощью сервиса Sendsay

Учимся программировать на HTML

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Е-коммерция" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Июнь 2005   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Автор
Сергей

Статистика

2.157 подписчиков
-16 за неделю
←   Все выпуски   →

Учимся программировать на HTML


Информационный Канал Subscribe.Ru

---
Рассылка выходит при поддержке сайта www.twa.nm.ru, там же находятся выпуски рассылки которые можно посмотреть и прочитать, так же на сайте имеются готовые шаблоны и скрипты.
---
 
 
В этом выпуске рассылки, я расскажу Вам как можно разнообразить дизайн своего сайта, при этом не загружая его ничем лишним:
Фильтры, применяемые к тексту, Дополнительные возможности тега <BODY>
 
 

Также, отвечая по просьбе одного из подписчиков даю ссылку на архиватор каким я пользуюсь, чтобы у вас не было проблем при распаковывании архивов рассылки WinRar 32

и еще, в форуме задаются вопросы, иногда вследствие большого количества работы не успеваю оперативно на них отвечать, так что было бы неплохо если бы вы высказывали свои советы, может быть свои мысли, тогда бы форум начал работать в полную силу и в нем можно было бы оперативно получать необходимую вам же информацию.
 
 
 
 
 
 
Фильтры, применяемые к тексту

Фильтр Mask

Выделяет текст, как будто бы Вы выделили его мышью.

Синтаксис:
style="filter:Mask(Color='Color')"
Color - цвет выделения в шестнадцатиричном виде (напр. #000FFF) или название цвета на английском, например, Red, Blue, Green. Такое определение цвета применяется во всех фильтрах, поэтому дальше это повторяться не будет.

Пример:
<P style="filter:Mask(Color='Red'); width: 200; height: 28; font-size: 16pt; font-weight: bold; text-align: center;"> Пример </P>  

Пример

 

 

Фильтр Shadow

Создает тень текста

Синтаксис:
style="filter:Shadow(Color='Color', Direction='Direction')"
Color - цвет тени.
Direction - направление тени (от 0 до 315).

Пример:
<P style="filter:Shadow(Color='#000000', Direction='130'); width: 200; height: 28; font-size: 16pt; font-weight: bold; text-align: center; color: Red;"> Пример </P>

Пример


 

Фильтр DropShadow

Добавляет тень к тексту.

Синтаксис:
style="filter:DropShadow(Color='Color', OffX='Offx', OffY='Offy', Positive='Positive')"
Color - Цвет тени
OffX - Смещение тени по X
OffY - Смещение тени по Y
Positive - Тень слева или справа (0 или 1 соответственно)

Пример:
<P style="filter:DropShadow(Color='#7FFF00',OffX='3',OffY='3',Positive='1'); width: 200; height: 28; font-size: 16pt; font-weight: bold; text-align: center; color: Green;"> Пример </P>

Пример


 

Фильтр FlipH

Переворачивает текст горизонтально.

Синтаксис:
style="filter:FlipH"

Пример:
<P style="filter:FlipH; width: 200; height: 28; font-size: 16pt; font-weight: bold; text-align: center; color: Red;"> Пример </P>

Пример


 

Фильтр FlipV

Переворачивает текст вертикально.

Синтаксис:
style="filter:FlipV"

Пример:
<P style="filter:FlipV; width: 200; height: 28; font-size: 16pt; font-weight: bold; text-align: center; color: Red;"> Пример </P>

Пример


 

Фильтр Glow

Создает эффект сияния.

Синтаксис:
style="filter:Glow(Strength='Strength', Color='Color')"
Strength - сила, с которой текст засияет (0-100)
Color - цвет, которым текст засияет.

Пример:
<P style="filter:Glow(Strength='3', Color='#00FF00'); width: 200; height: 28; font-size: 16pt; font-weight: bold; text-align: center; color: DarkGreen;"> Пример </P>

Пример


 

Фильтр Wave

Делает текст волнистым.

Синтаксис:
style="filter: Wave( Freq='Freq', Add='Add', LightStrength='LightStrength', Phase='Phase', Strength='Strength')"
Freq - колличество волн
Add - показать/скрыть окантовку (1 или 0 соответственно)
LightStrength - сила волн
Phase - угол волн
Strength - интенсивность волн

Пример:
<P style="filter:Wave(Freq='5', Add='0', LightStrength='1', Phase='2', Strength='2'); width: 200; height: 28; font-size: 16pt; font-weight: bold; text-align: center; color: Green;"> Пример </P>

Пример


 

Фильтр Blur

Размывает текст в определенную сторону.

Синтаксис:
style="filter:Blur(Add='Add', Direction='Direction', Strength='Strength')"
Add - умеренное или сильное размытие (соответственно 1 или 0)
Direction - в какую сторону произойдет размытие (oт 0 до 315)
Strength - смещение размытия

Пример:
<P style="filter:Blur(Add='1',Direction='30',Strength='10'); width: 200; height: 28; font-size: 16pt; font-weight: bold; text-align: center; color: Blue;"> Пример </P>

 

Пример

Обратитие внимание: цвет размытия не задается, фильтр задает его сам; в данном примере определен только цвет текста.

 

Где то были еще несколько легких примеров, только что-то пока не могу найти, если у вас есть что нить подобное, присылайте

 

 

Дополнительные возможности тега <BODY>

Неподвижный фон.
Вы можете сделать фон своей страницы неподвижным, т.е. прокручивая страницу фон будет оставаться на месте.

<BODY background="Фоновое изображение" bgproperties=fixed>

Зеркальное отображение страницы и прокрутки.
Используя данную конструкцию можно перенести прокрутку на левую сторону, а содержимое страницы выравнить по правому краю.

<BODY dir=rtl>

Надпись в статусной строке
Следующим параметром можно задать текст, котый будет отображен в статустной строке.

<BODY OnLoad="window.defaultStatus='Этот текст будет отображатся в строке состояния'">

Задание параметров <BODY> в стиле.
Данный код будет интересен Web-дизайнерам, применяющим стили. Он размещает на странице фоновое изображение в единственном числе, которое расположено в 13 пикселях от верхнего и в 13 пикселях от правого края и при прокрутки документа остается неподвижным. Если на странице будут находиться таблицы, при прокрутки они будут закрывать фоновое изображение.

<STYLE TYPE="text/css"><!--
BODY { background: url("Фоновое изображение");
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 13px 13px;
background-color: #FFFF00 }
--></STYLE>

Параметры:
background: url("Фоновое изображение"); - определяет фоновое изображение, например, Fon.gif.
background-attachment: fixed; - определяет неподвижность фонового изображения при прокрутки страницы.
background-repeat: no-repeat; - данный параметр запрещает размножать изображение, убрав его, изображение будет размножено по всей странице. background-position: 13px 13px; - определяет позицию фонового изображения: от верхнего края и от левого края.
background-color: #FFFF00; - определяет цвет фона всего документа в шестнадцатеричном виде (как в примере) или названиями цветов - Red, Green и т.д.

 

Вы так же можете участвовать в выборе темы будущих выпусков рассылок, присылайте письма с темой письма: "Тема рассылки" и в ближайшее время вы увидите все ответы в рассылке
 

ПРОДАЮТСЯ РЕКЛАМНЫЕ МЕСТА в рассылке и на сайте:

ссылки банеры:
30 р/мес 50 р/мес - на главной странице
20 р/мес 35 р/мес - на специальной странице для
10 р/мес 30 р/мес – на любой другой странице
10 р/выпуск 10 р/мес – на месте в рассылке (вверху страницы)


Заявки присылайте заранее. Оплата по R838529902595 и U178259156750

Subscribe.Ru
Поддержка подписчиков
Другие рассылки этой тематики
Другие рассылки этого автора 		Подписан адрес:
Код этой рассылки: inet.webbuild.724990 		Отписаться
Вспомнить пароль
В избранное