Самые активные пользователи:

  • UnInstaller ( 199 сообщений )
  • vizit ( 101 сообщение )
  • San4o ( 71 сообщение )
  • Apostol ( 60 сообщений )
  • avattar ( 22 сообщения )
  • Kruger ( 8 сообщений )
  • haks ( 7 сообщений )
  • Poputchyk ( 6 сообщений )
  • etc ( 6 сообщений )
  • BOPOH ( 4 сообщения )
  • [ Новые сообщения · Участники · Правила форума · Поиск · RSS ]


    • Страница 1 из 1
    • 1
    Модератор форума: UnInstaller, San4o  
    Форум » Программирование и техника » WEB-программирование и Интернет » CSS: Помудрим со скролингом
    CSS: Помудрим со скролингом
    San4oДата: Воскресенье, 02.11.2008, 00:07 | Сообщение # 1
    Графический программист
    Группа: Модераторы
    Сообщений: 71
    Дата регистрации: 04.10.2008
    Пол: Парень
    Откуда: Украина
    Репутация: 15
    Замечания: 0%
    Статус: Offline
    И вот еще один урок посвященный CSS, как мы с вами рассмотрели в прошлом уроке, создание каскадных таблиц стилей, то сегодня я хотел бы поговорить, о полосе прокрутки страницы, или скроле. Как он может изменять свой цвет, свои границы, и вообще свой внешний вид. Обо всем этом мы сегодня с Вами поговорим.

    Мы с Вами будем разбирать наименование каждого фрагмента кода по отдельности. Итак начнем:

    scrollbar-3dlight-color - определяет или устанавливает цвет верха и левой части ползунка и кнопок со стрелками на полосе прокрутки. Данный код можно вставлять и в саму страницу, например в тег BODY. Пример в каскадной таблице стилей(не в html - коде): body {scrollbar-3dlight-color: green;}

    scrollbar-arrow-color - устанавливает или определяет цвет стрелок на кнопке со стрелками. Пример в каскадной таблице стилей: body {scrollbar-arrow-color: red;}

    scrollbar-base-color - устанавливает или определяет цвет основных элементов ползунка: ползунка, кнопок со стрелками, дорожки для ползунка, если не определены параметры в scrollbar-face-color. Пример в каскадной таблице стилей: body {scrollbar-base-color: green;}

    scrollbar-darkshadow-color - устанавливает или определяет цвет тени для ползунка и кнопок со стрелками. Пример в каскадной таблице стилей: body {scrollbar-darkshadow-color: red;}

    scrollbar-face-color
    - устанавливает или определяет цвет ползунка и кнопок со стрелками. Также, если вы не задали параметр SCROLLBAR-TRACK-COLOR, у вас изменится цвет дорожки. Пример в каскадной таблице стилей: body {scrollbar-face-color: green;}

    scrollbar-highlight-color - устанавливает или получает цвет подсветки, создающий эффект объёмности. Это цвет, который окаймляет освещённую часть кнопочки. Когда кнопка не нажата, то цвет заливает левый верхний угол и стороны между ним, когда нажата - нижний правый угол. Пример в каскадной таблице стилей: body {scrollbar-highlight-color: green;}

    scrollbar-shadow-color - схоже с scrollbar-darkshadow-color. Пример в каскадной таблице стилей: body {scrollbar-shadow-color: green;}

    scrollbar-track-color - устанавливает или получает цвет дорожки для ползунка. Пример в каскадной таблице стилей: body {scrollbar-track-color: aqua;}

    Ну вот собственно и все, поэкспериментируйте. А если возникнут вопросы - то спрашивайте не стесняйтесь. А я айда писать следующий урок... cool

    Форум » Программирование и техника » WEB-программирование и Интернет » CSS: Помудрим со скролингом
    • Страница 1 из 1
    • 1
    Поиск:


    Copyright UnInstallerSofT © 2024 V1T.RU