Створення фіксованою кнопки для сайту

Створення фіксованою кнопки для сайту

Як зробити на сайті фіксовану кнопку, так щоб вона була з одного боку і прокручуючи сторінку залишалася на місці, тут розглянемо. На інтернет ресурсів можна часто побачити різні кнопки, це можуть бути різні функцій, тут покажемо приклад на цьому функціонал і задіємо іконку twitter, що кожен веб майстер може поставити свою. Все дуже просто, потрібно поставити код в низ сайту, якщо ви вирішили, щоб на всіх сторінках вона була.

Або на тій сторінці, де хотіли б її бачити, то тоді прописуємо перед закриває тегом / body, що буде візуально тільки видно на тій чи іншій сторінці, що ви вибрали. Сам код буде складатися з div, де ідентифікатором послужить follow. У ньому і буде встановлена ​​картинка, що потрібно за замовчуванням самому виставляти на ній ширину і довжину. Але і alt і title поставимо в код і безумовно посилання, куди буде при натисканні відбуватися перехід. І залишиться тільки прописати CSS, який і буде відповідати за фіксацію.

Приступаємо до установки.

Якщо вирішили, що на всьому порталі повинна, то в низ сайту ставимо HTML код.

Залишилося в таблицю стилів CSS розмістити.

#follow <
margin: 0px;
background: e6eeee;
z-index: 2;
position: fixed;
top: 0px;
left: 0px;
>


Після все зберігаємо і оновлюємо сторінку, і побачите вашу кнопку, вона може велика чи маленька, тут вам вирішувати, можна взагалі під дизайн сайту красиво оформити.

Також вам буде представлена ​​демонстрація цього матеріалу, щоб зрозуміти як вона працює.

Схожі статті