Новое
Новое для uCoz	Новое на форуме
+ Скрипт анонимного чата (ajax) + The Room Two + Wild Blood + Botanicula / Ботаникула + Король Математики (2013) + Кнопка рейтинга + и -	+ отбросы смотреть онлайн + Marlinnkalmes + проститутки иркутска + споры страховыми компаниями + купить водку ельцин - Белая Церковь-Полтава-Харьков + FedorTuh
Новое для Photoshop	Новые Программы
+ Календарь на 2016 год - Прикольная обезьянка с фруктом + Фото шаблон - В синем платье у Порше 918 + Шаблон для фото - Интервью актера + PSD шаблон для мужчин - Магнат у себя дома + Photoshop шаблон - В гламурной шляпе с цветами + Фотошаблон для фото - С новым годом от снегурки	+ аудиоплеер AIMP + Tv Online + myshoppinggenie - поисковик товаров (ENG, 4.0) + Качественный мониторинг сайта + Шаблоны для создания “золотых” визиток + Графический Редактор NewGrapher

Интересное

Скачать Кнопка наверх для ucoz

Добавлено: 15.04.2012 | Источник: http://wallaby.ucoz.ru/load/knopka_naverkh_dlja_ucoz/35-1-0-631

Замечательная сборка кнопок наверх для любой цветовой гаммы сайта.
Шаг 1 - Установка JS
Устанавливать следует перед закрывающим тегом < /body>, в самый низ страницы.

Code

Шаг 2 - Установка HTML
Обычная ссылка с классом, что прописан в js, вставляем в самый низ страницы.

Code

<a href="#" class="top_dm">Наверх</a>

Шаг 3 - Установка CSS
Теперь Вам осталось лишь выбрать, каким цветом будет Ваша кнопка вверх. Автор представил несколько стилей.

Светлая кнопка наверх:

Code

/* Светлая кнопка наверх
   ------------------------------------------*/
   .top_dm {
   font: 11px Verdana,Arial,Helvetica, sans-serif;
   color:#444;
   text-shadow:0 1px 1px #fff;
   cursor: pointer;
   position:fixed;
   bottom:-3px;
   right:50px;
   background:#D6D6D6;
   margin: 0px;
   padding:5px 10px 7px 10px;
   border:1px solid #909090;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius:5px
   }

   .top_dm:hover{
   color:#444;
   background:#EAEAEA
   }

Синяя кнопка наверх:

Code

/* Синяя кнопка наверх
   ------------------------------------------*/
   .top_dm {
   font: 11px Verdana,Arial,Helvetica, sans-serif;
   color:#0b3d7a;
   text-shadow:0 1px 1px #fff;
   cursor: pointer;
   position:fixed;
   bottom:-3px;
   right:50px;
   background:#7db1f8;
   margin: 0px;
   padding:5px 10px 7px 10px;
   border:1px solid #0f76c5;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius:5px
   }

   .top_dm:hover{
   color:#0b3d7a;
   background:#9dc7ff
   }

Красная кнопка наверх:

Code

/* Красная кнопка наверх
   ------------------------------------------*/
   .top_dm {
   font: 11px Verdana,Arial,Helvetica, sans-serif;
   color:#7a0b0b;
   text-shadow:0 1px 1px #fff;
   cursor: pointer;
   position:fixed;
   bottom:-3px;
   right:50px;
   background:#f87d7d;
   margin: 0px;
   padding:5px 10px 7px 10px;
   border:1px solid #c50f0f;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius:5px
   }

   .top_dm:hover{
   color:#7a0b0b;
   background:#ff9d9d
   }