» »

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

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

Здесь рассмотрим тему как можно зафиксировать кнопку с левой стороны, что при прокрутки она останется на месте или перелистывание страниц. Это возможно быть любая функция, так как она на ссылки и здесь безусловно на самой кнопке должно написано, за что она отвечает. Это может быть как обратная связь или что то другое, но как понимаете очень нужное для веб мастера, чтоб всегда была на глазах.

Это делается или на время или ставится приятная по дизайн кнопка, которая вписывается в основной стиль шаблона и не напрягает, когда гость или пользователь находиться на сайте. Также хочу дополнить, что она может и с правой быть стороны, но здесь прописан стиль left_but, что и будет по левую. Не стал искать специально такой тип кнопки, а так сделал на фотошоп, для того, чтоб проверить на работоспособность самого кода, что все отлично работает.

Вам остается найти подходящий дизайн под кнопку или самому сделать и установить, как что делать, все в низу описано.

Первым делом идем в CSS и пропишем стили.

Код
.left_but {  
  display:block;  
  width:30px;  
  height:150px;  
  background:#;  
  position:fixed;  
  left:0;  
  top:200px;  
}


Теперь нужно поставить код в низ сайта.

Код
<a href="http://zornet.ru/load/85" class="left_but"><img src="http://zornet.ru/CSS-ZORNET/tramkta/63cOgxwxSK2HbqNqwSE5hg.jpg" border="0" alt="" /></a>

Все, вы установили, это простой вариант вывести с какой либо стороны функцию.
09.08.2017 Просмотров: 237 Комментарий: (2)

Поделиться в социальных сетях

Материал разместил

Комментарий: 2
Critic©
Critic© 09.08.2017 23:331
0
Здесь согласен, что нужно делать кнопку такую, чтоб не не надоедала. Видел на одном сайте, на светлом фоне аналогичная кнопка, только надпись видно, но лучше вывести все в PNG формате, чтоб одни буквы были.
Kosten
Kosten 09.08.2017 23:392
0
Уже встречал такую тему, но это было под выдвижной мини чат, что согласен, можно красиво под дизайн знаки сделать, и читабельно получиться.
avatar