[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум samp-ru.org » Ucoz » Скрипты » Кнопка наверх uCoz
Кнопка наверх uCoz
vertДата: Пятница, 20.09.2013, 20:44 | Сообщение # 1
PAWN
Группа: Пользователь
Сообщений: 422
Статус: Offline
Установка CSS:
Теперь давайте начнем установку на сайт, тем более что она крайне проста, вначале скопируем данный код в таблицу стилей, ПУ / Дизайн / Управление дизайном (CSS)
Код

.upTop {   
   display:none;
   width:100px;
   height:100%;
   position:fixed;
   left:0px;
   top:0px;
   z-index:100;
}
.upTopButton {   
   background:#777777 url(http://mvcreative.ru/example/17/images/goup.png) no-repeat;
   width:27px;
   height:27px;
   position:fixed;
   top:10px;
   left:10px;
   cursor:pointer;
}
.upTopZone {   
   display:none;
   background:url(http://mvcreative.ru/example/17/images/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:
Данный код копируем и вставляем куда хотим, главное в тело страницы, можете поставить перед тегом
Код

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

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

<script type="text/javascript" src="http://mvcreative.ru/example/17/js/uptop.js"></script>

На этом установка кнопки вверх для сайта закончена, по традиции я предлагаю несколько цветовых схем, чтобы каждый мог без труда применить сразу, полностью готовое решение у себя на сайте. Чтобы изменить основной цвет кнопки наверх, измените в html коде, класс blue на нужный из списка
blue - голубой
green - зеленый
red - красный
orange - оранжевый
purple - пурпурный
grey - серый
Источник: mvcreative.ru


Skype: avg.kazax
VK: vk.com/ukazax
 
Форум samp-ru.org » Ucoz » Скрипты » Кнопка наверх uCoz
  • Страница 1 из 1
  • 1
Поиск: