Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами 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
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Кнопки "Вверх" и "Вниз"
Здравствуйте!
Возможно ли сделать так что бы при нажатии на кнопки было более плавное прокручивание страницы,а не скачёк с верху в низ и на оборот.
В этом коде;
Возможно ли сделать так что бы при нажатии на кнопки было более плавное прокручивание страницы,а не скачёк с верху в низ и на оборот.
В этом коде;
- Код:
<!--Кнопки в верх в низ-->
<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>
Re: Кнопки "Вверх" и "Вниз"
- Код:
<!--Кнопки вверх вниз-->
<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>
Re: Кнопки "Вверх" и "Вниз"
А ещё такой вопрос???
В коде спойлера не могу найти;
Изменение цвета текста.
Фон внутренней части спойлера.
Ширину окна спойлера.
И изменение самой надписи спойлер.
Вот код;
В коде спойлера не могу найти;
Изменение цвета текста.
Фон внутренней части спойлера.
Ширину окна спойлера.
И изменение самой надписи спойлер.
Вот код;
- Код:
.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;
}
Re: Кнопки "Вверх" и "Вниз"
- Код:
/*наружняя часть спойлера*/
.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
Re: Кнопки "Вверх" и "Вниз"
ЗАКРЫВАЙТЕ
Домовой спасибо тебе огромное!!! Ты как всегда на высоте!
Вот что получилось;
Выложу код с свечением вокруг спойлера и закруглёнными краями внутреней части.Может кому сгодится.
Всем огромное спасибо.
Домовой спасибо тебе огромное!!! Ты как всегда на высоте!
Вот что получилось;
Выложу код с свечением вокруг спойлера и закруглёнными краями внутреней части.Может кому сгодится.
- Код:
/*наружняя часть спойлера*/
.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;
}
Всем огромное спасибо.
Похожие темы
» Кнопки вверх вниз!
» Кнопки вверх вниз
» Кнопки "Вверх" и "Вниз" На BB3
» Кнопки вверх вниз
» Кнопки вверх/вниз требуется помощь
» Кнопки вверх вниз
» Кнопки "Вверх" и "Вниз" На BB3
» Кнопки вверх вниз
» Кнопки вверх/вниз требуется помощь
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения