Меню сайта
Категории раздела
Шаблоны для uCoz [20]
Иконки для uCoz [7]
Кнопки для uCoz [5]
Скрипты для uCoz [31]
Эффекты для uCoz [6]
Наш опрос
Сколько Вы зарабатываете в Интернете за месяц?
[ Результаты ]
Всего ответов: 3
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Вход на сайт
Поиск
Друзья сайта
Главная » Файлы » Кнопки для uCoz
КНОПКА ВВЕРХ ДЛЯ САЙТА UCOZ
28.07.2013, 22:06
Установка CSS 
Теперь давайте начнем установку на сайт, тем более что она крайне проста, вначале скопируем данный код в таблицу стилей, ПУ / Дизайн / Управление дизайном (CSS) 
Код
.upTop {  
  display:none;  
  width:100px;  
  height:100%;  
  position:fixed;  
  left:0px;  
  top:0px;  
  z-index:100;  
}  
.upTopButton {  
  background:#777777 url(http://stock-exchange.ucoz.com/slider/goup.png) no-repeat;  
  width:27px;  
  height:27px;  
  position:fixed;  
  top:10px;  
  left:10px;  
  cursor:pointer;  
}  
.upTopZone {  
  display:none;  
  background:url(http://stock-exchange.ucoz.com/slider/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;  
  }  
} .blue .upTopButton, .blue .upTopZone p {  
  background-color:#3fa3e1;  
}  
.green .upTopButton, .green .upTopZone p {  
  background-color:#60bf3a;  
}  
.red .upTopButton, .red .upTopZone p {  
  background-color:#ca2929;  
}  
.orange .upTopButton, .orange .upTopZone p {  
  background-color:#ef990b;  
}  
.purple .upTopButton, .purple .upTopZone p {  
  background-color:#b053a0;  
}  
.grey .upTopButton, .grey .upTopZone p {  
  background-color:#777777;  
}


Установка HTML 
Данный код копируем и вставляем куда хотим, главное в тело страницы, можете поставить перед тегом
Код
</body>


Код
<div class="upTop blue">  
  <div class="upTopZone"><p>наверх</p></div>  
  <div class="upTopButton"></div>  
</div>


Установка JS 
Вставляем данный код также перед тегом 

Код
<script type="text/javascript" src="http://stock-exchange.ucoz.com/slider/uptop.js"></script>


На этом установка кнопки вверх для сайта закончена, по традиции я предлагаю несколько цветовых схем, чтобы каждый мог без труда применить сразу, полностью готовое решение у себя на сайте. Чтобы изменить основной цвет кнопки наверх, измените в html коде, класс blue на нужный из списка 
blue - голубой 
green - зеленый 
red - красный 
orange - оранжевый 
purple - пурпурный 
grey - серый 
Категория: Кнопки для uCoz | Добавил: SCREEN | Теги: КНОПКА ВВЕРХ ДЛЯ САЙТА UCOZ
Просмотров: 341 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0

Добавить комментарий
Имя:
Код: