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

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

Кнопки "Вверх" и "Вниз" Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

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

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

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

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

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

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

Я админ, не могу зайти!
(забыл / потерял пароль)


Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы

Последние темы
» Не могу поменять местами виджеты форума.
автор Форум Г. Сегодня в 12:09

» ВПН
автор anna4842 Ноябрь 29th 2024, 22:58

» Дублируется ссылка на форум в боковом меню
автор Чистый сталкер Ноябрь 28th 2024, 20:33

» Не корректное отображение картинок
автор VENEFICA. Ноябрь 28th 2024, 16:59

» Как найти администратора?
автор Luz Ноябрь 28th 2024, 14:12

» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Luz Ноябрь 28th 2024, 13:58

» Пропала вкладка "Обработка пользователей"
автор Luz Ноябрь 28th 2024, 13:56

» Не меняется название форума
автор Aviator Ноябрь 14th 2024, 15:40

» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45

» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43

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

Участников: 3

Перейти вниз

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

Сообщение автор Grenader13 Февраль 4th 2013, 08: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>
avatar
Grenader13
 

Мужчина

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

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

http://vityazi.forumkz.net/

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

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

Сообщение автор Vector Февраль 4th 2013, 09: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
Vector
 

Мужчина

Сообщения : 465
Возраст : 28
Регистрация : 2012-11-03
Благодарности : 108

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

http://minions.forumy.tv/

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

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

Сообщение автор Grenader13 Февраль 4th 2013, 10:02

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

Мужчина

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

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

http://vityazi.forumkz.net/

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

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

Сообщение автор Grenader13 Февраль 4th 2013, 10:06

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

Вот код;
Код:
 .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;
    }
avatar
Grenader13
 

Мужчина

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

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

http://vityazi.forumkz.net/

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

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

Сообщение автор Домовой Февраль 4th 2013, 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;
}
Домовой
Домовой
 

Мужчина

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

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

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

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

Сообщение автор Grenader13 Февраль 4th 2013, 14:08

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

Выложу код с свечением вокруг спойлера и закруглёнными краями внутреней части.Может кому сгодится.
Код:
 /*наружняя часть спойлера*/
    .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;
    }

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

Мужчина

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

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

http://vityazi.forumkz.net/

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

Вернуться к началу

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

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