Вопросы дизайна

Поделиться1Пн, 22 Июн 2015 19:53:12

Автор: NightAngelTDC
Заслуженный
Зарегистрирован: Ср, 29 Июл 2009
Сообщений: 189
Уважение: +25
Позитив: +95
Пол: Женский
Последний визит:
Ср, 11 Сен 2024 00:45:51

Ребят помогите с проблемами. Есть пару вопросов: перестали работать кнопочки вверх/вниз. Адресс форума: http://dreamworld.magicrpg.ru/ . С мобильного ужасная версия неудобная, не могу с нее на форуме сидеть теперь...как вернуть обычную?

0

Поделиться2Пн, 22 Июн 2015 20:30:39

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11450
Уважение: +7848
Позитив: +5605
Пол: Мужской
Последний визит:
Сегодня 02:46:48

Night Angel the Dark Cat написал(а):

С мобильного ужасная версия неудобная, не могу с нее на форуме сидеть теперь...как вернуть обычную?

Отключите в Админке мобильную версию
(Администрирование->Настройки->Основные Мобильный стиль - Нет)

Кнопки вверх/вниз не работают только в новых версиях Mozilla FireFox - замените Ваш скрипт Кнопок

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

На такой:

<div class="go-up" id='ToTop'><img src="http://savepic.ru/4922242.png" border="0" width=100% /></div>
<div class="go-down" id='OnBottom'><img src="http://savepic.ru/4918146.png" border="0" width=100% /></div>
<style>
.go-up, .go-down {
display: none;
position: fixed;
right: 9px;
z-index: 9999;
cursor: pointer;
opacity:.7;
margin-bottom: 5px;
width: 25px;
height: 90px;
}
.go-up {
bottom: 200px; /* позиция кнопки Вверх по вертикали */
}
.go-down {
bottom: 110px; /* позиция кнопки Вниз по вертикали */
}
.go-down:hover, .go-up:hover {
opacity: 1.0;
}
</style>
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>