Информация

  • FastVps - Хостинг для форума
  • RegPartner - Домены по правильным ценам

"4admins.ru" Рекомендует

Кнопка "ВВЕРХ" для сайта

Поиск не дал результатов? Смело создавай свою тему
  • Автор 
    Сообщение
Аватара пользователя
Сообщения: 72
Зарегистрирован: 21 июн 2016, 21:44
Благодарил (а): 15
Поблагодарили: 3 раз в 3 сообщениях
Пол: Женский
Адрес форума: http://forma-zhizni.ru/
бабло: 0
Баллы репутации: 1

Re: Кнопка "ВВЕРХ" для сайта

Сообщение Добавлено: 06 сен 2016, 00:48

"GoDFaTHeR" писал(а):
если делать все как тут написано, то стрелочки будут


нету, посмотрите пожалуйста
Код: Выделить всё
</div>
     <style>
    .go-up, .go-down {
    display: none;
    position: fixed; /*позиционирование*/
    z-index: 9999; /*поверх все элементов на странице*/
    right: 1%; /*положение на странице, если слева - left*/
    background: #4F4F4F;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    color: #fff;
    text-align: center;
    font: normal normal 42px/42px sans-serif;
    text-shadow: 0 1px 2px #000;
    opacity: .5;
    padding: 3px;
    margin-bottom: 5px;
    width: 42px;
    height: 42px;
    }
    .go-up { bottom: 60px; }
    .go-down { bottom: 10px; }
    .go-down:hover,
    .go-up:hover {
    opacity: 1;
    box-shadow: 0 5px 0.5em -1px #666;
    }
    </style>
    <div class="go-up" title="Вверх" id='ToTop'>⇧</div>
    <div class="go-down" title="Вниз" id='OnBottom'>⇩</div>
    <script>
    $(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></body>
</html>


Автор не может молчать 18 часов 49 минут 42 секунды и добавляет ...

мне ввели ограничения?

Автор не может молчать 18 часов 51 минуту 35 секунд и добавляет ...

"leo-ritm" писал(а):
от ещё интересная кнопочка: верх низ


вот эта встала и работает

в таком виде вставляла перед </body>

Код: Выделить всё
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script><script type="text/javascript">
jQuery(function(){
$("#Go_Top").hide().removeAttr("href");
if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow")
else $("#Go_Top").fadeIn("slow")
});

$("#Go_Bottom").hide().removeAttr("href");
if ($(window).scrollTop()<=$(document).height()-"999") $("#Go_Bottom").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()>=$(document).height()-"999") $("#Go_Bottom").fadeOut("slow")
else $("#Go_Bottom").fadeIn("slow")
});

$("#Go_Top").click(function(){
$("html, body").animate({scrollTop:0},"slow")
})
$("#Go_Bottom").click(function(){
$("html, body").animate({scrollTop:$(document).height()},"slow")
})
});
</script>

<a style='position: fixed; bottom: 300px; right: 1px; cursor:pointer; display:none;'
href='#' id='Go_Top'>
<img src="http://in.ucoz.org/images/icon_up.png" title="Вверх">
</a>
<a style='position: fixed; bottom: 250px; right: 1px; cursor:pointer; display:none;'
href='#' id='Go_Bottom'>
<img src="http://in.ucoz.org/images/icon-down.png" title="Вниз">
</a>


Автор не может молчать 18 часов 54 минуты 33 секунды и добавляет ...

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

"leo-ritm" писал(а):
от ещё интересная кнопочка: верх низ


вот эта встала и работает

в таком виде вставляла перед </body>

Код: Выделить всё
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script><script type="text/javascript">
jQuery(function(){
$("#Go_Top").hide().removeAttr("href");
if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow")
else $("#Go_Top").fadeIn("slow")
});

$("#Go_Bottom").hide().removeAttr("href");
if ($(window).scrollTop()<=$(document).height()-"999") $("#Go_Bottom").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()>=$(document).height()-"999") $("#Go_Bottom").fadeOut("slow")
else $("#Go_Bottom").fadeIn("slow")
});

$("#Go_Top").click(function(){
$("html, body").animate({scrollTop:0},"slow")
})
$("#Go_Bottom").click(function(){
$("html, body").animate({scrollTop:$(document).height()},"slow")
})
});
</script>

<a style='position: fixed; bottom: 300px; right: 1px; cursor:pointer; display:none;'
href='#' id='Go_Top'>
<img src="http://in.ucoz.org/images/icon_up.png" title="Вверх">
</a>
<a style='position: fixed; bottom: 250px; right: 1px; cursor:pointer; display:none;'
href='#' id='Go_Bottom'>
<img src="http://in.ucoz.org/images/icon-down.png" title="Вниз">
</a>

Аватара пользователя
Сообщения: 7065
Зарегистрирован: 11 авг 2009, 16:58
Благодарил (а): 660
Поблагодарили: 2357 раз в 1754 сообщениях
Город: Москва
Пол: Мужской
Адрес форума: http://help.4admins.ru
Баллы репутации: 170

Re: Кнопка "ВВЕРХ" для сайта

Сообщение Добавлено: 07 сен 2016, 19:01

LifeForm
вы тогда остатки от других стрелочек уберите
<style>
.go-up, .go-down {
display: none;
position: fixed; /*позиционирование*/
z-index: 9999; /*поверх все элементов на странице*/
right: 1%; /*положение на странице, если слева - left*/
background: #4F4F4F;
border: 1px solid #ccc;
border-radius: 5px;
cursor: pointer;
color: #fff;
text-align: center;
font: normal normal 42px/42px sans-serif;
text-shadow: 0 1px 2px #000;
opacity: .5;
padding: 3px;
margin-bottom: 5px;
width: 42px;
height: 42px;
}
.go-up { bottom: 60px; }
.go-down { bottom: 10px; }
.go-down:hover,
.go-up:hover {
opacity: 1;
box-shadow: 0 5px 0.5em -1px #666;
}
</style>
<div class="go-up" title="Вверх" id='ToTop'>⇧</div>
<div class="go-down" title="Вниз" id='OnBottom'>⇩</div>
<script>
$(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>
На этом сервисе можно cоздать форум бесплатно

Аватара пользователя
Сообщения: 72
Зарегистрирован: 21 июн 2016, 21:44
Благодарил (а): 15
Поблагодарили: 3 раз в 3 сообщениях
Пол: Женский
Адрес форума: http://forma-zhizni.ru/
бабло: 0
Баллы репутации: 1

Re: Кнопка "ВВЕРХ" для сайта

Сообщение Добавлено: 07 сен 2016, 19:58

GoDFaTHeR

спасибо, убрала)))и все пропало!!!что я лишнего убрала?....запуталась
а почему в теме прозрачность форума я не могу отвечать ?

Аватара пользователя
Сообщения: 7065
Зарегистрирован: 11 авг 2009, 16:58
Благодарил (а): 660
Поблагодарили: 2357 раз в 1754 сообщениях
Город: Москва
Пол: Мужской
Адрес форума: http://help.4admins.ru
Баллы репутации: 170

Re: Кнопка "ВВЕРХ" для сайта

Сообщение Добавлено: 08 сен 2016, 04:53

"LifeForm" писал(а):
что я лишнего убрала?

Трудный вопрос :)
попробуйте взять с тестового форума шаблон overal_footer чистый и снова внести нужные изменения
На этом сервисе можно cоздать форум бесплатно

Аватара пользователя
Сообщения: 72
Зарегистрирован: 21 июн 2016, 21:44
Благодарил (а): 15
Поблагодарили: 3 раз в 3 сообщениях
Пол: Женский
Адрес форума: http://forma-zhizni.ru/
бабло: 0
Баллы репутации: 1

Re: Кнопка "ВВЕРХ" для сайта

Сообщение Добавлено: 08 сен 2016, 18:43

GoDFaTHeR

вроде поправила....кнопочки заработали, лишний тег был...
так что там с темой по прозрачности форума, а то у меня решение было, пока не забыла, что делала))) :privet:
/вы нам точно как отец)))и в пятом часу отвечаете....
а где остальные помощники?/

Аватара пользователя
Сообщения: 7065
Зарегистрирован: 11 авг 2009, 16:58
Благодарил (а): 660
Поблагодарили: 2357 раз в 1754 сообщениях
Город: Москва
Пол: Мужской
Адрес форума: http://help.4admins.ru
Баллы репутации: 170

Re: Кнопка "ВВЕРХ" для сайта

Сообщение Добавлено: 09 сен 2016, 00:31

"LifeForm" писал(а):
вы нам точно как отец)))и в пятом часу отвечаете....

так не все же в часовом поясе GMT+3 живут :)

кстати по поводу прозрачности... у вас и ютуб прозрачный


Изображение
На этом сервисе можно cоздать форум бесплатно

Аватара пользователя
Сообщения: 72
Зарегистрирован: 21 июн 2016, 21:44
Благодарил (а): 15
Поблагодарили: 3 раз в 3 сообщениях
Пол: Женский
Адрес форума: http://forma-zhizni.ru/
бабло: 0
Баллы репутации: 1

Re: Кнопка "ВВЕРХ" для сайта

Сообщение Добавлено: 09 сен 2016, 19:31

"GoDFaTHeR" писал(а):
так не все же в часовом поясе GMT+3 живут


я подумала об этом...но в профиле стоит Москва)))

"GoDFaTHeR" писал(а):
кстати по поводу прозрачности... у вас и ютуб прозрачный

и картинки тоже....
я вставила код в самом конце... перед закрывающим тегом,и получилось прозрачным все... :unknown
надо учебник читать....и пытаться понять... jokingly :-[


Вернуться в Вопросы новичков

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 24