Невелике передмову. Для того щоб зробити бічну кнопку потрібно лише задати вірний стиль, який би взяв на себе всі властивості відображення. Ну, а тепер про сам створенні стилю:
- Відкрийте на редагування файл style-css (Таблиця стилів). Прокрутіть в кінець його вмісту. Почніть створення з нового рядка;
- По-перше, задамо ім'я стилю:
# Left-button Знак «решітка», є обов'язковим елементом початку імені стилю, а ліва фігурна дужка ставиться через пробіл, відкриваючись для параметрів CSS; - З нового рядка введемо цілий ряд параметрів нового стилю:
position: fixed;
z-index: 9999;
width: 30px;
height: 200px;
overflow: hidden;
left: 0px;
top: 200px; Перший параметр «position» задасть позицію на екрані - fixed, фіксовані координати відображення (самі координати задаються значеннями в left, top, z-index). Параметрами Width- height задайте ширину і висоту відповідно, значення вкажіть в пікселях, рівне вирішенню картинки кнопки; - Отредактіруте вищевказані параметри відповідно до ваших умовами. Після закрийте правою фігурною дужкою «>».
- Збережіть зміни у файлі CSS. І перейдіть до вбудовування коду кнопки, кращим варіантом буде вставка перед закривається тегом «HEAD»;
- Конструкція коду кнопки буде виглядати наступним чином:
код кнопки (HTMLкод зображення або тексту)