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

автор molniya Июнь 26th 2011, 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 Июнь 26th 2011, 20:34

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

автор Irbis Июнь 26th 2011, 21:16

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

автор doublecemik Июнь 26th 2011, 22:07

Уже ближе к разгадке good

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

автор Irbis Июнь 26th 2011, 22:27

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

автор Домовой Июнь 26th 2011, 23:55

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

в виджет

автор doublecemik Июнь 26th 2011, 23:56

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

автор Домовой Июнь 27th 2011, 00:05

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

автор doublecemik Июнь 27th 2011, 00:16

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

автор Домовой Июнь 27th 2011, 00:22

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

автор doublecemik Июнь 27th 2011, 01:01

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

автор Irbis Июнь 27th 2011, 01:36

Сейчас заработает biggrin

погодь минут 15

автор Домовой Июнь 27th 2011, 20:17

а делиться не будем?

автор doublecemik Июнь 28th 2011, 00: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>

Вставляем этот код в виджет и всё.
Кому интересно, пример можно посмотреть у меня на форуме в нижнем левом углу.
Или же кому надо могу скинуть исходники.

автор Домовой Июнь 29th 2011, 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

автор Vanilla_83 Август 6th 2011, 16:23

Домовой пишет:
Работает так же, только другое расположение и без CSS

подскажите как цвет поменять, приближенный к своему форуму?

автор RockLexa Август 6th 2011, 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

На свои перекрашенные.

автор Vanilla_83 Август 7th 2011, 00: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
На свои перекрашенные.

ясненько, сделала)