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

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


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

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

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


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

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

Кнопки "Вверх" и "Вниз"

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

Кнопки "Вверх" и "Вниз"

Сообщение автор Grenader13 в Пн 4 Фев - 8:34

Здравствуйте!
Возможно ли сделать так что бы при нажатии на кнопки было более плавное прокручивание страницы,а не скачёк с верху в низ и на оборот.
В этом коде;
Код:
<!--Кнопки в верх в низ-->
<div style="position:fixed;right:0.5%; bottom: 45%;">
<a href=#top onClick="scrollTo(0,0); return false;" title="Вверх страницы"><img src="http://r28.imgfast.net/users/2814/33/31/58/album/dsdddd10.png" alt="Вверх страницы" border="0"></a>
<br/><br/>
<a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вверх страницы"><img src="http://r28.imgfast.net/users/2814/33/31/58/album/dsdddd11.png" alt="Вниз страницы" border="0"></a>
</div>

Grenader13
 

Мужчина

Сообщения : 121
Регистрация : 2012-11-15
Благодарности : 1

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

http://vityazi.forumkz.net/

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

Re: Кнопки "Вверх" и "Вниз"

Сообщение автор Vector в Пн 4 Фев - 9:49

Код:
<!--Кнопки вверх вниз-->
<div style= "position:fixed; right:0.1%; bottom:45%;">
<div id="nav_up"><img src="http://r28.imgfast.net/users/2814/33/31/58/album/d_ddun10.png" alt="Вверх страницы" title="Вверх страницы" border="0"/></div>
<div  id="nav_down"><img src="http://r28.imgfast.net/users/2814/33/31/58/album/d_ddd10.png" alt="Вниз страницы " title="Вниз страницы" border="0"/></div>
</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()}, 1100);
              }
            );
            jQuery('#nav_up').click(
              function (e) {
                  jQuery('html, body').animate({scrollTop: '0px'}, 1100);
              }
            );
            });
        </script>
В шаблон overall_footer_end перед </body>

Vector
 

Мужчина

Сообщения : 466
Возраст : 20
Место обитания : Тольятти.
Настроение : Ну... Так-то не скучаю, с вами-то поскучаешь:D
Регистрация : 2012-11-03
Благодарности : 108

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

http://minions.forumy.tv/

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

Re: Кнопки "Вверх" и "Вниз"

Сообщение автор Grenader13 в Пн 4 Фев - 10:02

Вау!!! То что надо!!!Спасибо.

Grenader13
 

Мужчина

Сообщения : 121
Регистрация : 2012-11-15
Благодарности : 1

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

http://vityazi.forumkz.net/

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

Re: Кнопки "Вверх" и "Вниз"

Сообщение автор Grenader13 в Пн 4 Фев - 10:06

А ещё такой вопрос???
В коде спойлера не могу найти;
Изменение цвета текста.
Фон внутренней части спойлера.
Ширину окна спойлера.
И изменение самой надписи спойлер.



Вот код;
Код:
 .spoiler{
    background-image:url(http://www.snapsnap.ru/i/green83.jpg);
    color:#030348;
    -moz-border-radius:20px;
    -khtml-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    border:#559B69 0px solid;
    box-shadow:0 0 15px 2px #559B69;
    -webkit-box-shadow:0 0 15px 2px #559B69;
    -moz-box-shadow:0 0 15px 2px #559B69;
    padding:4px;
    }

    /*Фон и рамка закрытой части спойлера*/
    .spoiler_closed{
    background-color:#E3FFD8;
    height:1px;
    -moz-border-radius:4px;
    -khtml-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border:1px solid #E3FFD8;
    }

Grenader13
 

Мужчина

Сообщения : 121
Регистрация : 2012-11-15
Благодарности : 1

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

http://vityazi.forumkz.net/

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

Re: Кнопки "Вверх" и "Вниз"

Сообщение автор Домовой в Пн 4 Фев - 12:58

Код:
/*наружняя часть спойлера*/
.spoiler{
background-image:url(http://www.snapsnap.ru/i/568029671pkp.jpg); /*фон видимой части*/
-moz-border-radius:20px;
-khtml-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
border:#B2DCFF 1px solid; /*рамка*/
padding:4px;
}

/*закрытая часть спойлера*/
.spoiler_closed{
height:0px;
border-style:none;
}

/*поле с содержимым спойлера*/
.spoiler_content {
background-color:#FFFF00; /*фон внутренней части */
color:#0000CD; /*цвет текста в спойлере*/
border-style:none;
padding:2px;
}

/*Стиль заголовка кода, цитаты, спойлера*/
.genmed b {
color:#00008B;
font-size:15px;
font-family:Georgia;
font-weight: bold;
}

Домовой
 

Мужчина

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

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

http://udomovogo.rusff.ru

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

Re: Кнопки "Вверх" и "Вниз"

Сообщение автор Grenader13 в Пн 4 Фев - 14:08

ЗАКРЫВАЙТЕ solved
Домовой спасибо тебе огромное!!! Ты как всегда на высоте!
Вот что получилось;


Выложу код с свечением вокруг спойлера и закруглёнными краями внутреней части.Может кому сгодится.
Код:
 /*наружняя часть спойлера*/
    .spoiler{
    background-image:url(http://savepic.ru/3962025.jpg); /*фон видимой части*/
    -moz-border-radius:20px;
    -khtml-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    border:#000099 1px solid; /*рамка*/
    box-shadow:0 0 10px 2px #0512e2;
    -webkit-box-shadow:0 0 10px 2px #559B69;
    -moz-box-shadow:0 0 10px 2px #559B69;
    padding:4px;
    }

    /*закрытая часть спойлера*/
    .spoiler_closed{
    background-color:#0512c3;
    height:1px;
  -moz-border-radius:4px;
    -khtml-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border:1px solid #0512e2;
    border-style:none;
    }

    /*поле с содержимым спойлера*/
    .spoiler_content {
    background-color:#73bbff; /*фон внутренней части */
    color:#0000CD; /*цвет текста в спойлере*/
  border-radius:20px;/*закругление краёв фона*/
    border-style:none;
    padding:20px;
    }

    /*Стиль заголовка кода, цитаты, спойлера*/
    .genmed b {
    color:#9dbdfd;
    font-size:20px;
    font-family:Georgia;
    font-weight: bold;
    }

Всем огромное спасибо.

Grenader13
 

Мужчина

Сообщения : 121
Регистрация : 2012-11-15
Благодарности : 1

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

http://vityazi.forumkz.net/

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

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


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