Войти на сайт Регистрация
Добавить файлВ каталоге: 678
Жёлтая кнопка "Наверх"
15.11.2018
Жёлтая кнопка "Наверх"
  • 473 Просмотров:
  • 0 Скачиваний:
  • 0 Комментариев:
  • 0.0 Рейтинг:
  • (Голосов: 0)
Описание:
Описание:
Всем привет! Я подумал что было бы не плохо переделать какую либо кнопку "наверх"! И вот что получилось...

Установка:
1. ПУ / Дизайн / Управление дизайном (CSS) :
Код
.upTop {  
  display:none;  
  width:100px;  
  height:100%;  
  position:fixed;  
  left:0px;  
  top:0px;  
  z-index:100;  
  }  
  .upTopButton {  
  background:#C5FCD6 url(http://7old.ru/1-ucoz/goup.png) no-repeat;  
  width:27px;  
  height:27px;  
  position:fixed;  
  top:10px;  
  left:10px;  
  cursor:pointer;  
  }  
  .upTopZone {  
  display:none;  
  background:url(http://7old.ru/1-ucoz/upbg.png) repeat;  
  width:100px;  
  height:100%;  
  cursor:pointer;  
  }  
  .upTopZone p {  
  background:#777777;  
  font-size:12px;  
  width:63px;  
  height:27px;  
  margin:0;  
  position:fixed;  
  top:10px;  
  left:37px;  
  color:#fff;  
  font-family:"tahoma", "verdana", "arial";  
  line-height:25px;  
  text-align:center;  
  text-shadow:1px 1px 1px #000000;  
  }  
  @media screen and (max-width:1024px) {  
  .upTopZone {  
  display:none !important;  
  }  
  .orange .upTopButton, .orange .upTopZone p {  
  background-color:#FFF23B;  
  }


2. Данный код копируем и вставляем куда хотим, главное в тело страницы.
Код
<div class="upTop blue">  
  <div class="upTopZone"><p>Вверх, к облакам.</p></div>  
  <div class="upTopButton"></div>  
  </div>


3. Вставляем данный код перед тегом < /body>
Код
<script type="text/javascript" src="http://7old.ru/1-ucoz/uptop.js"></script>
Жёлтая кнопка "Наверх"" title="Скачать Жёлтая кнопка "Наверх" бесплатно, без смс и регистрации" target="_blank">Сервер Скачать файл
Источник: 7old.ru
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]