Микроблоги Знакомства Люди Поиск Фото Музыка Регистрация Добрый день, Гость Вход


forumroditeley.ru


Социальная сеть родителей, для пап и мам, живущий
приглашает общаться будущих мам, беременных и родивших детей,
разведенных и одиноких родителей и всех тех, кто хочет знакомиться,
переживать и помогать на форуме родителей другим.
Мужской, женский и детский большой сайт - это полезные новости,
общение сейчас, интересные разговоры о наших детях.
В мире много-много порталов, но именно мы делаем все,
чтобы Вам было у нас лучше и комфортно без регистрации читать.

Наш сайт только для вас и у нас нет вообще тупой раздражающей рекламы
И помните: любые социальные сети воруют ваше время, а мы даем все самое лучшее!
Август на исходе - кончается лето. Ловите солнечные деньки!
Скрипт Кнопка вверх для сайта, для форума, для блога

В этой теме отвечено 0 раз и проглядели 5307 раза!

 
Начать новую тему   Ответить на тему    forumroditeley.ru -> администратор -> вебмастеру

Скрипт Кнопка вверх для сайта, для форума, для блога
У этой темы просмотров: 5307
Рейтинг этой темы: Общая оценка: 0.00 :: Минимальная оценка: 0 :: Максимальная оценка: 0 :: Всего оценило: 0
Мы стараемся для Вас! Оцените труд автора по пятибальной шкале!
Выберите оценку: 
Посмотреть рейтинг темы Скрипт Кнопка вверх для сайта, для форума, для блога



Или обязательно сохраните в браузере в закладки, если тема нужна Вам!
Автор Сообщение
администратор
администратор
Не онлайн
Зарегистрирован: 2011-09-27
Рейтинг:
живет тут 2884 день
Сообщ.: 8751

Темы: 4711
Откуда Вы: Новая Усмань, Воронежская обл
Страна: russia.gif
Сообщение 01-Янв-13 12:10      #1  [дать ссылку]    
Часто вебмастера и админы своих сайтов начинают задавать себе вопрос: а как сделать еще лучше на своем сайте?
Предлагаю вашему вниманию замечаетльный и самый простенький, на мой взгляд, примочку "кнопку на верх с плавным прокручиванием". Сам скриптик легко и просто ставится в любом шаблоне вашего сайта, блога, форума или любого сайта на СМЗ!

Что же делает этот скрипт? Данная примочка призвана помочь человеку, который просматривает вашу страницу легко обратно возвратиться на верх сайта, одним кликом! Кнопка на верх работает плавно, поднимая низ страницы вверх!
Как только страницу продвигают вниз - справа внизу появляется полупрозрачный значок вверх (можно поставить на любой вкус для вашего оформления сайта). Кликая на нее пользователь без проблем обратно вверх продвигает страницу, не нагружая свой браузер!
Что нужно сделать, чтобы кнопка на верх заработала на вашем сайте?

Делаем 5 простых шага!

Шаг 1. Через нотепад (скачать, если у вас нету!) создаем формат файла .js и присваиваем имя v. Файл должен отображаться как v.js. Затем туда вставляем код:

Код:
(function($){

  /* использование: <a class='scrollTop' href='#' style='display:none;'></a>
  ------------------------------------------------- */
  $(function(){
  var e = $(".scrollTop");
  var speed = 500;

  e.click(function(){
  $("html:not(:animated)" +( !$.browser.opera ? ",body:not(:animated)" : "")).animate({ scrollTop: 0}, 500 );
  return false; //важно!
  });
  //появление
  function show_scrollTop(){
  ( $(window).scrollTop()>300 ) ? e.fadeIn(600) : e.hide();
  }
  $(window).scroll( function(){show_scrollTop()} ); show_scrollTop();
  });

 })(jQuery)


Шаг 2. Вставьте в index.php между тегами <body> нижеприведенный код:

Код:
<LINK href="vverh.css" id=defaultCSS rel=stylesheet type=text/css>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script src="http://ВАШ САЙТ/misc/js/v.js" type="text/javascript"></script>
<a class='scrollTop' href='#header' style='display:none;'></a>


Ищем код http://ВАШ САЙТ/misc/js/v.js и меняем ссылку на ваш домен! Файл вы можете загрузить на ваше усмотрение или туда, где лежат остальные такие же файлы. Я вам указал путь, где такие файлы лежат на форуме любого движка.

примечание: если у вас форум на phpBB2,если у вас торрентпиер, ищем в своей теме overall_footer.tpl (файл темы, отвечающий за низ - футер) и вставляем сверху код там!

Шаг 3. Через нотепад (скачать, если у вас нету!) создаем формат файла .cssи даем ему имя vverh. Затем туда вставляем код:

Код:
.scrollTop {
 background:url(http://ВАШ САЙТ/images/up.png) 0 0 no-repeat; display:block; width:50px; height:50px; position:fixed; bottom:10%; left:95%; z-index:2000;
}

.scrollTop:hover {
 background-position:0 -58px;
}


где http://ВАШ САЙТ/images/up.png меняем на адрес рисунка, который у вас будет лежать на сайте
где строка left:95%; отвечает за расположение горизонтально снизу справа. Если вы поменяете значение 95 на 65, значок подвинется к середине страницы.

Шаг 4. Созданные раннее файлы vverh.css и v.js загружаем на ваш сайт! Файлы vverh.css кидаем в корень сайта, а v.js туда, где лежат ваши .js (или по вашему усмотрению)!

Шаг 5. Для вас выложил простую картинку с именем up.png ниже. Сохраняем себе в комп, затем кидаем в ее папку, куда вы раннее указали в http://ВАШ САЙТ/images/up.png

pic


Все готово!
Вернуться к началу

Share on APSense Поделиться в LiveJournal Поделиться в Liveinternet Blogger.com Поделиться на Tumblr Поделиться в memori Добавить в закладки i.ua Добавить в закладки в folkd Добавить в закладки juwit Добавить в imgfave Пост! Добавить в xerpi



Мануал - как поделиться с друзьями в сетях - откроется в новой вкладке
Заголовок новой темы
Форум для новой темы
 
Страница 1 из 1
Показать сообщения:   
Скрипт Кнопка вверх для сайта, для форума, для блога
Начать новую тему   Ответить на тему    forumroditeley.ru -> администратор -> вебмастеру Часовой пояс: GMT + 3

 

Перейти:  
Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы можете скачивать файлы
Вход
Имя:    Пароль:      Автоматически входить при каждом посещении    


Подписка RSS

Follow

Наши сервисы

На правах рекламы

Анонимное голосование

Понравилось?
Мы в сетях:
                           
Все материалы сайта представлены только для ознакомления. При копировании материала ссылка на forumroditeley.ru обязательна!

sitemap     карта форума | Статистика визитов поисковых ботов | Выдача в поисковиках | м | слова | Новости науки от яндекса

Написать админу

Нравится
Яндекс.Метрика
Powered by phpBB © 2001, 2011 phpBB Group форум общения родителей ©27.09.2011-2019