Как сделать красивую полосу прокрутки на Вашем сайте? CSS

CSS

скачать бесплатно – ” HTML на примерах, всё доступно и просто (для начинающих)”
– – –чайник, HTML ДЛЯ ЧАЙНИКОВ– – –
>> с к а ч а т ь <<

скачать бесплатно – “Как создать классный сайт!
От начала и до конца”
чайник, HTML ДЛЯ ЧАЙНИКОВ—>> с к а ч а т ь <<

<<< ВЕРНУТЬСЯ НАЗАД

Как сделать красивую полосу прокрутки на Вашем сайте?Как сделать красивую полосу прокрутки, которая бы подходила по цвету и по гамме вашего сайта. Иногда, когда мы смотрим на сайт, нам не хватает определенного цвета на полосе прокрутки. Но сегодня у вас всё получится.  Я расскажу и покажу вам на примере,  как сделать красивую полоску прокрутки. Это не сложно.

Я буду использовать только CSS.
Вообще, есть два способа.

1).  Вставляется код на каждую страничку сайта, где вы хотите видеть красивую полосу прокрутки.

2).  Вставляется код в общий CSS файл. На всех  страницах сайта будет отображаться красивая полоска прокрутки.

Внимание: читают этот эффект все браузеры, кроме Google Chrome.

**СКАЧАТЬ СБОРНИК ГОТОВЫХ СКРИПТОВ с turbobit 13,8 Мб .чайник, HTML ДЛЯ ЧАЙНИКОВ

Начнем.

Способ – 1. Вставляется код на каждую страничку сайта.

<html>
<head>
<title>
Способ – 1. Вставляется код на каждую страничку сайта.
</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=windows-1251″>
<style>

          body { scrollbar-face-color:#5997CA;

          scrollbar-shadow-color: #ffffff;

          scrollbar-highlight-color: #ffffff;

          scrollbar-3dlight-color: #5997CA;

          scrollbar-darkshadow-color: #5997CA;

          scrollbar-track-color: #F6F6F6;

          scrollbar-arrow-color: #F6F6F6; }

</style>
 
</head>
<body>
 Ваш текст
</body>
</html>

Что означают эти параметры?

1. scrollbar-arrow-color – цвет стрелки.

2. scrollbar-track-color – цвет подложки.

3. scrollbar-face-color – цвет самой полосы.

4. scrollbar-shadow-color 
    scrollbar-highlight-color
    – цвет разделяющей полосы.

Читайте также:  Высота и ширина блоков в CSS

5. scrollbar-3dlight-color
    scrollbar-darkshadow-color 
    – цвет внешних границ полосы.   Как сделать красивую полосу прокрутки на Вашем сайте? Способ – 2.  Вставляется код в общий CSS файл.

В HTML – пишем.

<html>
<head>
<title>
Способ 2.  Вставляется код в общий CSS файл.
</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=windows-1251″>
<link href=”style.css” rel=”stylesheet” type=”text/css”>
</head>
<body>
 Ваш текст
</body>
</html>

CSS файле «style.css» – пишем.

body { scrollbar-face-color:#5997CA;

          scrollbar-shadow-color: #ffffff;

          scrollbar-highlight-color: #ffffff;

          scrollbar-3dlight-color: #5997CA;

          scrollbar-darkshadow-color: #5997CA;

          scrollbar-track-color: #F6F6F6;

          scrollbar-arrow-color: #F6F6F6; }

Вот и всё. Теперь ваша полоса прокрутки на сайте станет красивей. Если Вы не знаете код нужного вам цвета, советую заглянуть на страничку «Палитра цветов», где вы увидите все, что Вам нужно по шифру цвета.

**СКАЧАТЬ СБОРНИК ГОТОВЫХ СКРИПТОВ с turbobit 13,8 Мб .чайник, HTML ДЛЯ ЧАЙНИКОВ

<<< ВЕРНУТЬСЯ НАЗАД

ВЫБЕРИТЕ РАЗДЕЛ

JavaScript >> |

PHP >> |

HTML >> |

CSS >> |

 

 

Оцените статью
ЗАРАБОТОК В СЕТИ
Добавить комментарий