Кнопка наверх без плагина

Автор: VSN

Я убрал у себя на сайте, обрамление кнопки и оставил только стрелочку.

В файл .footer  вставляем перед </body>

<a href="#" title="Вернуться к началу" class="topbutton"> ↑ </a>

Дальше добавляем стили в файл .CSS

/* top */

.topbutton {
width: 55px;
text-align: center;
padding: 3px;
position: fixed;
bottom: 2%;
right: 0;
color: SteelBlue;
font-size: 10px;
font-size: xx-large;
}

Если надо добавьте границы и фон вот так:

.topbutton { 
width: 55px; 
text-align: center;
 padding: 3px; 
position: fixed; 
bottom: 2%;
 right: 0;
 color: SteelBlue; 
font-size: 10px; 
font-size: xx-large; 
border: 1px solid SteelBlue; 
background: white; 
border-radius: 10px ; }

Поиграйте стилями. Специальные симвовлы стрелки можно взять здесь.

Или просто сделать словом как в ВК: наверх, вверх.

<a href="#" title="Вернуться к началу" class="topbutton"> Вверх </a>

Предыдущая:

Следущая:

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *