Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Орлов Л.В. Web-сайт без секретов (2-е издание, 2006).doc
Скачиваний:
0
Добавлен:
01.07.2025
Размер:
3.62 Mб
Скачать

Глава 5. Индикатор состояния icq

Если вы пользуетесь популярным Интернет-пейджером программой ICQ, вашу домашнюю страничку наверняка украсит небольшой графический индикатор, показывающий посетителям, находитесь ли вы в настоящий момент в режиме online или отключены от Интернета. Установить такой индикатор можно, включив в соответствующую строку листинга своей web-страницы отрывок html-кода, который будет иметь следующий вид:

<IMG SRC="http://online.mirabilis.com/scripts/online.dll?icq=

ВАШ_HOMEP_ICQ&amp: img=КОД_ИЗОБРАЖЕНИЯ" WIDTH="Ширина картинки"

WIDTH="Высота картинки">

Вместо слов BAШ_HOMEP_ICQ в данный код следует вставить ваш ICQ UIN, строка «код изображения» определяет внешний вид индикатора, а параметры ширины и высоты картинки могут варьироваться в зависимости от выбранного вами графического представления индикатора. В качестве наглядного примера использования индикатора состояния ICQ в составе web-страницы, если принять, что номер ICQ — 31337, можно привести следующий отрывок кода:

<IMG

SRC="http://online.mirabilis.com/scripts/online.dll?icq=31337&arnp

:img=3"

WIDTH="249" HEIGHT="17">

Глава 6. Как поменять цвет скролл-бара

Для задания оформления скролл-бара необходимо прописать таблицу стилей:

<style type=text/css> <!--

body { scrollbar-face-color:#000000;

scrollbar-highlight-color: #888888;

scrollbar-shadow-color: #666666;

scrollbar-3dlight-color: #666666;

scrollbar-arrow-color: #FFFFFF;

scrollbar-track-color: #333333;

scrollbar-darkshadow-color: #666666; }

//-->

</style>

scrollbar-face-color — задает основной цвет скролл-бара, а также цвет двух завершающих кнопочек со стрелочками. Если вы даже не укажите свойство scrollbar-track-color, то цвет трека определиться автоматически, как более яркий нежели цвет scrollbar-face-color.

scrollbar-highlight-color — устанавливает яркий цвет подсветки, создающий эффект объемности, то есть цвет, для освещенной части скролл-бара и кнопочек. Этим цветом отображается левый верхний угол самого скролл-бара и двух кнопочек (когда они не нажаты).

scrollbar-shadow-color — устанавливает темный цвет подсветки, создающий эффект объемности, то есть цвет, для теневой части скролл-ба-ра и кнопочек (цвет тени). Этим цветом отображается правый нижний угол самого скролл-бара и двух кнопочек (когда они не нажаты).

scrollbar-3dlight-color — определяет цвет падающего цвета для создания трехмерности скролл-бара. На практике это выражается в цвете тоненькой кромки, находящейся в левых верхних углах, ближе к краю нежели scrollbar-highlight-color.

scrollbar-arrow-color — определяет цвет двух маленьких стрелочек, находящихся на кнопочках крайних позиций скролл-бара.

scrollbar-track-color — задает цвет трека, то есть дорожки прокрутки, по которой собственно и перемещается сам скролл-бар.

scrollbar-darkshadow-color — определяет цвет откинутого цвета для создания трехмерности скролл-бара. На практике это выражается в цвете тоненькой кромки, находящейся в правых нижних углах, ближе к краю нежели scrollbar-shadow-color.

Значение этих свойств (цвет) определяется в виде именованных цветов или кодов цветов (для этого ставится символ «#», а за ним без пробела шесть шестнадцатеричных чисел, определяющих цвет в кодировке RGB). Да и будьте осторожны, вы можете испортить весь стиль своего сайта...