| 5/12/2002 |
Еженедельная
электронная рассылка
|
Выпуск#
34
|
|
|
ПОЛЕЗНЫЕ СОВЕТЫ
ВЕБ-ДИЗАЙНЕРУ
|
|
| CSS |
|
Изменение курсора мыши.
Сегодня поговорим об изменении курсора мыши при наведении ее на какой-либо объект. Для того что бы курсор мыши менялся на указатель ссылки (рука) существует атрибут "hand", который определяет значение параметра "cursor".
Т.е. в код страницы между тегами <head> и </head> нужно вставить
следующее:
<style type="text/css">
<!--
DIV {cursor: hand;}
-->
</style> |
Теперь при наведении мыши на объект с данным параметром ее курсор будет меняться на указатель ссылки.
Кроме "hand" существуют и другие значения указателя курсора.
crosshair- принимает форму указателя "графическое выделение"
move- принимает форму указателя "перемещение"
text- принимает форму указателя выделения текста
wait- принимает форму курсора "система недоступна"
help- принимает форму курсора "выбор справки"
e-resize, no-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize- принимает форму указателей изменения размеров
|
|
| ИНТЕРActive |
Изменяемые цвета фона.
Этот скрипт позволяет пользователю поменять текущий цвет фона на любой желаемый. Всего лишь набрав в строке название цвета или его шестнадцатеричный код.
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
<form style="background-color: rgb(0,0,255)">
<div align="center"><center>
<input type="text" name="color" size="18"><input
TYPE="button" VALUE="Type in a Basic Color and Click Here"
ONCLICK="document.bgColor=(this.form.color.value)">
</div></center>
<div align="center"><center><font color="#FFFFFF">Укажите желаемый цвет фона.</font>
</center>
</div>
</form>
</BODY>
</HTML> |
Где "background-color: rgb(0,0,255) , есть цвет фрмы, который вы можете изменить под ваш дизайн , используя палитру RGB.
|
|
| #CoLors# |
Это примеры цветов и их шеснадцатеричный код.
| A |
#00CED1
|
A |
#F0FFF0
|
А |
#F0E68C
|
A |
#FFB6C1
|
A |
#FF00FF
|
A |
#7B68EE
|
A |
#DDA0DD
|
A |
#8B4513
|
|
| Совет |
Для того, что бы рамка таблицы выводилась только снизу , примените атрибут "frame" к дескриптору <table> и установите ему значение "below".
Например: <table frame="below">
Примечание: при этом в теге <table> следует указать значение атрибута "border" большее "0" .
|
Эдмон и Ирэн
Напоминаем, что в скриптах могут быть ошибки, о которых мы бы хотели, чтобы
вы сообщали.
Архив рассылки вы можете посмотреть на http://friends.pomorsu.ru/~admont/
Наш e-mail: web-design@hotmail.ru |
|