Суббота, 27.04.2024, 07:47
Скрипты для Ucoz
Карта сайта
Главная | Скрипт Новогодняя кнопка вверх для сайта uCoz - Скрипты для Ucoz



Книги для вебмастера
Новые сообщения Участники Правила форума Поиск Лента новостей
  • Страница 1 из 1
  • 1
Скрипты для Ucoz » Всё для Ucoz » Скрипты для Ucoz » Скрипт Новогодняя кнопка вверх для сайта uCoz (Новогодние скрипты для Ucoz)
Скрипт Новогодняя кнопка вверх для сайта uCoz
bandjukДата: Пятница, 18.11.2011, 11:54 | Сообщение # 1
Генерал-лейтенант
Группа: Администраторы
Пол:
Награды: 22
Репутация: 22
Сообщений: 615
Бог сайта и форума За дизайнерские умения За уважение народа За хорошую посещаемость на форуме за 100 постов
Скрипт Новогодняя кнопка вверх для сайта uCoz (вместо стрелки - Ёлка)



Кнопка "Вверх" появляется после пролистывания страницы сайта вниз и пропадает, как только Вы снова окажетесь в самом верху страницы
При нажатии на кнопку происходит плавное прокручивание страницы вверх (в браузере Opera резкий переход вверх)

Установка:

Панель управления ---> Управление дизайном ---> Нижняя часть сайта,
В самый верх вставляем код:

Code
<a href="#" id="toTop"><img src="http://fotki.ucoz.ua/images/top.gif" border="0" align="absmiddle" /><b>Вверх</b> </a>       
       <script src="http://fotki.ucoz.ua/script/jquery.scroll.pack.js" type="text/javascript"></script>       
       <script type="text/javascript">       
       $(function() {       
       $("#toTop").scrollToTop();       
       });       
       </script>

в этом коде задаётся:
<img src="http://fotki.ucoz.ua/images/top.gif" border="0" align="absmiddle"/> - изображение кнопки;
<b>Вверх</b>- надпись на кнопке;

Панель управления ---> Управление дизайном ---> Таблица стилей (CSS)
В самый верх вставляем код:

Code

/* === jQ TOP === */       
       #toTop {       
       width: 50px;       
       background: #66CCFF;       
       border: 1px solid #cccccc;       
       text-align: center;       
       padding: 5px;       
       position: fixed;       
       bottom: 10px;       
       right: 10px;       
       cursor: pointer;       
       color: #000000;       
       text-decoration: none;       
       }       
       /* =============== */


Материалы на эту же тему:

Классный новогодний дракон (фон прозрачный)
Скрипт падающего снега
Скрипт "Новогоднее поздравление Деда Мороза и снег"
Скрипт Новогодняя кнопка вверх для сайта uCoz
Скрипт "Зима"
Скрипт "Осень"
Яндекс Краски на вашем сайте
Изменение фона на странице "Ответ добавлен" (на форуме)
Новые иконки групп пользователей для сайта Ucoz
Скрипт "Красивый сворачивающийся мини профиль+форма входа"
Замена иконок Изменить, Удалить тему на форуме Ucoz
Скрипт "Красивый информер обоев на Ваш сайт"
Ещё один информер обоев для Вашего сайта
Скрипт "Усовершенствованный вид фотоальбома"
Скрипт "Красивый вид фотографий"
 
РомаДата: Среда, 07.12.2011, 00:11 | Сообщение # 2
Сержант
Группа: Друзья
Пол:
Награды: 1
Репутация: 3
Сообщений: 22
А скажи пожалуйста почему у меня как что пробую ставить в CSS то не получается а только шаблон сбивается??? Я не про твою кнопку в верх а вообще.С ув.Роман.
 
bandjukДата: Среда, 07.12.2011, 10:21 | Сообщение # 3
Генерал-лейтенант
Группа: Администраторы
Пол:
Награды: 22
Репутация: 22
Сообщений: 615
Бог сайта и форума За дизайнерские умения За уважение народа За хорошую посещаемость на форуме за 100 постов
Рома, Если хочешь создай тему в разделе помощи с описание того как и что ты ставишь и что именно у тебя не получается?! Я тебе обязательно помогу!
 
Скрипты для Ucoz » Всё для Ucoz » Скрипты для Ucoz » Скрипт Новогодняя кнопка вверх для сайта uCoz (Новогодние скрипты для Ucoz)
  • Страница 1 из 1
  • 1
Поиск:

Яндекс.Метрика
Copyright Глюк Рекордс © 2024

Создать бесплатный сайт с uCoz