Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Скрипт стрелок вверх и вниз

Предыдущая тема Следующая тема Перейти вниз

Re: Скрипт стрелок вверх и вниз

Сообщение автор molniya в Вс 26 Июн - 20:31

overall_footer вставить перед </body>

Код:
<!--Кнопки в верх в низ--><div style="position:fixed; right:0.5%; bottom:45%;">
<a href=#top onClick="scrollTo(0,0); return false;" title="В верх страницы"><img src="http://savepic.ru/2423764.png" alt="В верх страницы" border="0"></a>
<br/><br/>
<a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="В низ страницы"><img src="http://savepic.ru/2368469.png" alt="В низ страницы" border="0"></a>
</div>

molniya
 

Мужчина

Сообщения : 1071
Регистрация : 2010-11-15
Благодарности : 165

Без предупреждений

Вернуться к началу Перейти вниз

Re: Скрипт стрелок вверх и вниз

Сообщение автор molniya в Вс 26 Июн - 20:34

ПА -Оформление -Шаблоны-Общие настройки всиавить после тега <script> ил перед тегом </body>

molniya
 

Мужчина

Сообщения : 1071
Регистрация : 2010-11-15
Благодарности : 165

Без предупреждений

Вернуться к началу Перейти вниз

Re: Скрипт стрелок вверх и вниз

Сообщение автор Irbis в Вс 26 Июн - 21:16

Вам просто надо, чтобы вверху страницы появилась кнопка, при нажатии на которую перебрасывало к концу страницы, а внизу страницы кнопка перебрасывающая к началу чтоли? Если так, то организовать это не сложно.
avatar
Irbis
 

Мужчина

Сообщения : 583
Возраст : 31
Регистрация : 2008-02-10
Благодарности : 216

Без предупреждений

http://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

Re: Скрипт стрелок вверх и вниз

Сообщение автор doublecemik в Вс 26 Июн - 22:07

Уже ближе к разгадке good Irbis, я скрипты на сервер качал, а потом просто ссылки подставил. Наверное надо в самом файле скрипта знак поменять? мне кажется он потом работать перестанет.
avatar
doublecemik
 

Мужчина

Сообщения : 75
Возраст : 84
Регистрация : 2011-04-05
Благодарности : 7

Без предупреждений

http://gorlovka.gip-gip.com/forum

Вернуться к началу Перейти вниз

Re: Скрипт стрелок вверх и вниз

Сообщение автор Irbis в Вс 26 Июн - 22:27

По идее во внешнем файле тменять ничего не надо... только в той часте которую пишете непосредственно в виджет. Какой-то странный скрипт у вас, скиньте чтоли в личку исходники посмотреть biggrin
avatar
Irbis
 

Мужчина

Сообщения : 583
Возраст : 31
Регистрация : 2008-02-10
Благодарности : 216

Без предупреждений

http://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

Re: Скрипт стрелок вверх и вниз

Сообщение автор Домовой в Вс 26 Июн - 23:55

@molniya пишет:Спросите у Домового он точно знает
в виджет
avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 94
Регистрация : 2010-01-30
Благодарности : 3233

Без предупреждений

Вернуться к началу Перейти вниз

Re: Скрипт стрелок вверх и вниз

Сообщение автор doublecemik в Вс 26 Июн - 23:56

Здравствуйте, Домовой. Не работает в виджете. unknown
avatar
doublecemik
 

Мужчина

Сообщения : 75
Возраст : 84
Регистрация : 2011-04-05
Благодарности : 7

Без предупреждений

http://gorlovka.gip-gip.com/forum

Вернуться к началу Перейти вниз

Re: Скрипт стрелок вверх и вниз

Сообщение автор Домовой в Пн 27 Июн - 0:05

Я говорю не про ваш скрипт а про то что вам дали ЗДЕСЬ
Вот пример
http://12345.forum777.com/
Смотрите справа две кнопки
avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 94
Регистрация : 2010-01-30
Благодарности : 3233

Без предупреждений

Вернуться к началу Перейти вниз

Re: Скрипт стрелок вверх и вниз

Сообщение автор doublecemik в Пн 27 Июн - 0:16

Домовой, этот скрипт у меня стоял, а тот который я нашёл, мне больше нравится, попытался его поставить, не получилось, вот и прошу у Вас помощи.
avatar
doublecemik
 

Мужчина

Сообщения : 75
Возраст : 84
Регистрация : 2011-04-05
Благодарности : 7

Без предупреждений

http://gorlovka.gip-gip.com/forum

Вернуться к началу Перейти вниз

Re: Скрипт стрелок вверх и вниз

Сообщение автор Домовой в Пн 27 Июн - 0:22

Я его пробовал ставить, у меня тоже не работает
avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 94
Регистрация : 2010-01-30
Благодарности : 3233

Без предупреждений

Вернуться к началу Перейти вниз

Re: Скрипт стрелок вверх и вниз

Сообщение автор doublecemik в Пн 27 Июн - 1:01

Плохо.. Значит, надеюсь, пока что, с jQuery проблема на форумах..
avatar
doublecemik
 

Мужчина

Сообщения : 75
Возраст : 84
Регистрация : 2011-04-05
Благодарности : 7

Без предупреждений

http://gorlovka.gip-gip.com/forum

Вернуться к началу Перейти вниз

Re: Скрипт стрелок вверх и вниз

Сообщение автор Irbis в Пн 27 Июн - 1:36

Сейчас заработает biggrin погодь минут 15
avatar
Irbis
 

Мужчина

Сообщения : 583
Возраст : 31
Регистрация : 2008-02-10
Благодарности : 216

Без предупреждений

http://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

Re: Скрипт стрелок вверх и вниз

Сообщение автор Домовой в Пн 27 Июн - 20:17

а делиться не будем?
avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 94
Регистрация : 2010-01-30
Благодарности : 3233

Без предупреждений

Вернуться к началу Перейти вниз

Re: Скрипт стрелок вверх и вниз

Сообщение автор doublecemik в Вт 28 Июн - 0:06

Скриптом? будем конечно.
Код:
<style type="text/css">
.nav_up{
  padding:7px;
  background-color:white;
  border:1px solid #CCC;
  position:fixed;
  background:transparent url(http://i23.servimg.com/u/f23/12/43/70/13/arrow_10.png) no-repeat top left;
  background-position:50% 50%;
  width:20px;
  height:20px;
  bottom:10px;
  opacity:0.7;
  left:30px;
  white-space:nowrap;
  cursor: pointer;
  -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-top-left-radius:3px;
  -webkit-border-top-right-radius:3px;
    -khtml-border-top-left-radius:3px;
  -khtml-border-top-right-radius:3px;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.nav_down{
  padding:7px;
  background-color:white;
  border:1px solid #CCC;
  position:fixed;
  background:transparent url(http://i23.servimg.com/u/f23/12/43/70/13/arrow_11.png) no-repeat top left;
  background-position:50% 50%;
  width:20px;
  height:20px;
  bottom:10px;
  opacity:0.7;
  left:70px;
  white-space:nowrap;
  cursor: pointer;
  -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-top-left-radius:3px;
  -webkit-border-top-right-radius:3px;
    -khtml-border-top-left-radius:3px;
  -khtml-border-top-right-radius:3px;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
</style><div style="display:none;" class="nav_up" id="nav_up"></div><div style="display:none;" class="nav_down" id="nav_down"></div>
<script src="http://www.patmax.eu/J1/110525224642.js" type="text/javascript"></script>
      <script type="text/javascript">
        jQuery(function() {
            var overelem = jQuery('body');
           
            jQuery('#nav_up').fadeIn('slow');
            jQuery('#nav_down').fadeIn('slow'); 
           
            jQuery(window).bind('scrollstart', function(){
              jQuery('#nav_up,#nav_down').stop().animate({'opacity':'0.2'});
            });
            jQuery(window).bind('scrollstop', function(){
              jQuery('#nav_up,#nav_down').stop().animate({'opacity':'1'});
            });
           
            jQuery('#nav_down').click(
              function (e) {
                  jQuery('html, body').animate({scrollTop: overelem.height()}, 800);
              }
            );
            jQuery('#nav_up').click(
              function (e) {
                  jQuery('html, body').animate({scrollTop: '0px'}, 800);
              }
            );
            });
        </script>
Вставляем этот код в виджет и всё.
Кому интересно, пример можно посмотреть у меня на форуме в нижнем левом углу.
Или же кому надо могу скинуть исходники.
avatar
doublecemik
 

Мужчина

Сообщения : 75
Возраст : 84
Регистрация : 2011-04-05
Благодарности : 7

Без предупреждений

http://gorlovka.gip-gip.com/forum

Вернуться к началу Перейти вниз

Re: Скрипт стрелок вверх и вниз

Сообщение автор Домовой в Ср 29 Июн - 21:51

Вот немного подкрутил ваше творение на свой вкус.
Может кому такой вариант понравится.
В шаблон или в виджет:

Код:
<div style= "position:fixed; right:0.1%; bottom:45%;" id="nav_up"><img src="http://r28.imgfast.net/users/2814/33/31/58/album/d_ddun10.png" alt="В верх страницы" title="В верх страницы" border="0"/></div>
<div style= "position:fixed; right:0.1%; bottom:41%;" id="nav_down"><img src="http://r28.imgfast.net/users/2814/33/31/58/album/d_ddd10.png" alt="В низ страницы " title="В низ страницы" border="0"/></div>


      <script type="text/javascript">
        jQuery(function() {
            var overelem = jQuery('body');
           
            jQuery('#nav_up').fadeIn('slow');
            jQuery('#nav_down').fadeIn('slow'); 
           
            jQuery('#nav_down').click(
              function (e) {
                  jQuery('html, body').animate({scrollTop: overelem.height()}, 800);
              }
            );
            jQuery('#nav_up').click(
              function (e) {
                  jQuery('html, body').animate({scrollTop: '0px'}, 800);
              }
            );
            });
        </script>


Работает так же, только другое расположение и без CSS
Посмотреть живой пример можно у меня на форуме. pardon
avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 94
Регистрация : 2010-01-30
Благодарности : 3233

Без предупреждений

Вернуться к началу Перейти вниз

Re: Скрипт стрелок вверх и вниз

Сообщение автор Vanilla_83 в Сб 6 Авг - 16:23

@Домовой пишет:
Работает так же, только другое расположение и без CSS
подскажите как цвет поменять, приближенный к своему форуму?
avatar
Vanilla_83
Новичок

Сообщения : 4
Регистрация : 2011-08-02
Благодарности : 0

Без предупреждений

http://www.givenchy.forum2x2.ru

Вернуться к началу Перейти вниз

Re: Скрипт стрелок вверх и вниз

Сообщение автор RockLexa в Сб 6 Авг - 18:29

@Vanilla_83 пишет:подскажите как цвет поменять, приближенный к своему форуму?
Заменить 2 картинки:
Код:
http://r28.imgfast.net/users/2814/33/31/58/album/d_ddun10.png
и
Код:
http://r28.imgfast.net/users/2814/33/31/58/album/d_ddd10.png
На свои перекрашенные.
avatar
RockLexa
 

Мужчина

Сообщения : 340
Возраст : 20
Регистрация : 2010-11-07
Благодарности : 38

Без предупреждений

http://darkvillage.mo-rpg.com/

Вернуться к началу Перейти вниз

Re: Скрипт стрелок вверх и вниз

Сообщение автор Vanilla_83 в Вс 7 Авг - 0:37

@RockLexa пишет:
Заменить 2 картинки:
Код:
http://r28.imgfast.net/users/2814/33/31/58/album/d_ddun10.png
и
Код:
http://r28.imgfast.net/users/2814/33/31/58/album/d_ddd10.png
На свои перекрашенные.
ясненько, сделала)
avatar
Vanilla_83
Новичок

Сообщения : 4
Регистрация : 2011-08-02
Благодарности : 0

Без предупреждений

http://www.givenchy.forum2x2.ru

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу

- Похожие темы

 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения