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

Роль web-сайта в малом бизнесе и сетевом маркетинге.

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

При закрытии подписчики были переданы в рассылку "Левитас: Почему Ваш бизнес-сайт не работает?" на которую и рекомендуем вам подписаться.

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

←   Март 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
31
Автор
Александр Левитас

Статистика

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

Цветные кнопки и бегунок прокрутки страницы.


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

999.9
школа дизайна

Выпуск 9
(бог даст не последний)

 

Здравствуйте!

Не секунды не сомневаюсь, что Вам удалось подобрать правильное сочетание цветов на странице сайта, но если там есть какая-либо форма, то должна быть и кнопка для её отправки. Только вот беда - кнопка стандартная из интерфейса Windows, стало быть серого цвета. И не очень то вписывается в сотворенный Вами в творческих муках дизайн.

А по сему будем менять цвет кнопки. А как иначе?

- это стандартная кнопка

- а эта уже в стиле данной страницы, чувствуете разницу?

:: Исходный код

<form>
<input type=button style=""background:" #ff0000; height:40px; width:20px; line-height:12px; color: #ffffff">
</form>

где:
- background: #0099CC; - цвет фона кнопки
- height:20px; - высота в пикселях
- width:60px - ширина в пикселях
- line-height:12px; - базовая линия текста
- color: #000000 - цвет текста

В принципе можно извернуться еще более изящно. Кому мало кнопку
покрасить в нужный цвет могут "натянуть" на нее картинку или сделать рельефной.



:: Исходный код

<form>
<input type=button value="Submit" style=""background:" url(button.gif); height:20px; line-height:12px;">
</form>

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



:: Исходный код

<form>
<input type="submit" name="Submit3" value="Submit" style=""background:" url(Img/9999.gif); height:40px;
width:120px;>
</form>

где 9999.gif - анимационный графический файл

... и на "посошок" кроме кнопок на странице еще есть бегунок прокрутки страницы. Над ним тоже можно поизвращаться вдоволь. Для этого нужно втавить данный код между тегами <head> .... </head>

<STYLE>BODY {
SCROLLBAR-FACE-COLOR: #434F70;
SCROLLBAR-HIGHLIGHT-COLOR: #293145;
SCROLLBAR-SHADOW-COLOR: #7181AA;
SCROLLBAR-3DLIGHT-COLOR: #7181AA;
SCROLLBAR-ARROW-COLOR: #CDD3E2;
SCROLLBAR-TRACK-COLOR: #303850;
SCROLLBAR-DARKSHADOW-COLOR: #1E2333
}
</STYLE>

Думаю, что значения таких слов как FACE, SHADOW, ARROW Вы и без меня прекрасно знаете. Данная функция работает в IE 6.0 и позднее.

Приятный сюрприз к 1 апреля Вы найдете на нашем сайте. Заходите к нам чаще. Будем рады!!! http://999.liveinternet.ru/

Найдите что отдать просто так, не за деньги, и это к Вам вернется приумноженным многократно.


Оставляю Вас в ожидании продолжения...

Вадим Грант.

 
 
 


Copyright © 2005 "999.9" design school

http://subscribe.ru/
http://subscribe.ru/feedback/		 Подписан адрес:
Код этой рассылки: comp.design.999		 Отписаться
В избранное