Официальный Форум технической поддержки ForumBB

Объявление


С 15.02.2017 прекращается техническая поддержка по ICQ, она будет осуществлятся только на данном форуме и по электронной почте help@forumbb.ru.

Для удобного поиска работает - «Поиск по форуму».
При возникшей проблеме Обязательно указывайте адрес форума!


Вопросы по рекламе на ForumBB: E-mail: sales@forumbb.ru, ICQ: 1-130-134, skype: alex_derenchuk.
По всем остальным вопросам, пишите: E-mail: admin@forumbb.ru, ICQ: 1-130-134.

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Официальный Форум технической поддержки ForumBB » Оформление форума » как сделать кнопку внизу страницы, которая отправляла бы вверх ?


как сделать кнопку внизу страницы, которая отправляла бы вверх ?

Сообщений 1 страница 11 из 11

1

Которая отправляла бы вверх страницы? А то меня просят сделать такую кнопку - а я не знаю, как её создать. Спасибо большое. И ещё - если можно, как сделать кнопку правил? Имеются в виду внутрифорумные правила. Спасибо

0

2

Мачача Adm написал(а):

Которая отправляла бы вверх страницы? А то меня просят сделать такую кнопку - а я не знаю, как её создать.

Код:
<script type="text/javascript">
var arr=document.getElementsByTagName("li")
i=0
while(arr[i] ){
if(arr[i].className=="pl-quote"){
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML=""+name+" &ensp;&ensp; <a href=\"javascript:scroll(0,0);\">Вверх</a> "
}
i++
}
</script>

Вставляете этот код в HTML в форме ответа

Мачача Adm написал(а):

И ещё - если можно, как сделать кнопку правил? Имеются в виду внутрифорумные правила.


Можно подробнее или скин кидайте

0

3

как это у вас быстро! Здорово! А то , што в ответе - это просто тупо скопировать и вставить? Я просто небольшой умелец - потому и прошу помощи. И ещё вопрос - как добавить смайликов. Просто у других видел разные наборы. Очень обяжете, если ответите и если я не слишком глупые вопросы задаю. Спасибо.

0

4

код вставил - но ничего, к сожалению, не поменялось

0

5

прошу прощения - кнопка появилась. Я просто глаза не разул. Спасибо ещё раз.

0

6

Мачача Adm написал(а):

код вставил - но ничего, к сожалению, не поменялось

Пример этот форум, дайте адрес вашего форума?

0

7

нет-нет, кнопка появилась - всё нормально, спасибо Вам  большое.

Я только ещё про смайлики спрашиваю - можно ли как-то вставить дополнительных. Потому што качнуть-то сколько угодно можно, а вот вставлять в форум, штобы народ пользовался - так это мне неясно. Был бы очень признателен. Спасибо.

0

8

вот только щас рассмотрел, што целая ветка про смайлики - большое спасибо. Больше вопросов нет. Будьте здоровы.

0

9

Мачача Adm написал(а):

Которая отправляла бы вверх страницы?


Скрипт, который Вам привели, создает кнопку в постах. А можно и по-другому.

Код:
<div style="position:fixed; right :0.5%; bottom: 50%;">
<a href="#top" onclick="scrollTo(0,0); return false;" title="Вверх страницы">
<img src="КАРТИНКА СТРЕЛКИ ВВЕРХ" alt="Вверх страницы"/>
</a>
<br/>
<br/>
<a href="#top" onclick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
<img src="КАРТИНКА СТРЕЛКИ ВНИЗ" alt="Вниз страницы"/>
</a>
</div>

В скрипт нужно ввести адреса картинок ваших стрелок, ведущих верх и вниз. Тогда на любой странице справа появится пара стрелок. Их положение всегда зафиксировано и они не двигаются вместе со страницей. Положение можно менять, изменяя цифры в процентах. Ставить ХТМЛ низ.

0

10

В дополнение к вышесказанному.
Несколько усовершенствовал код, приведенный в предыдущем посте. В нем были просто статичные картинки. В новом варианте стрелки меняют цвет (становятся яркими) при наведении мыши.

В HTML верх:

Код:
<style type="text/css">
   a.rollover1 {
    background: url(http://forumfiles.ru/files/000e/a8/9c/85338.png); /* Путь к файлу с исходным рисунком  */
    display: block; 
    width: 32px; 
    height: 32px; /*  Половина высоты рисунка */
   }
   a.rollover1:hover {
background-position: 0 -32px; /* Смещение рисунка */
   }
   a.rollover2 {
    background: url(http://forumfiles.ru/files/000e/a8/9c/28298.png); /* Путь к файлу с исходным рисунком  */
    display: block; 
    width: 32px; 
    height: 32px; /*  Половина высоты рисунка */
   }
   a.rollover2:hover {
background-position: 0 -32px; /* Смещение рисунка */
   }
  </style>

В HTML низ:

Код:
<div style="position:fixed; right :0.5%; bottom: 50%;">
<a href="#top" class="rollover1" onclick="scrollTo(0,0); return false;" title="Вверх страницы">
</a>
<a href="#top" class="rollover2" onclick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
</a>
</div>

Комментарии.
В коде используются хитрые рисунки, состоящие из двух частей. Вот один из них:
http://forumfiles.ru/files/000e/a8/9c/28298.png
В обычном состоянии видна только его верхняя часть. При наведении мыши показывается только нижняя. Преимущество такого способа в том, что браузеру не надо загружать по две картинки на каждую стрелку, то есть, код работает быстрее.

0

11

brener написал(а):

Скрипт, который Вам привели, создает кнопку в постах. А можно и по-другому.

В скрипт нужно ввести адреса картинок ваших стрелок, ведущих верх и вниз. Тогда на любой странице справа появится пара стрелок. Их положение всегда зафиксировано и они не двигаются вместе со страницей. Положение можно менять, изменяя цифры в процентах. Ставить ХТМЛ низ.


Простите, чайник в этом деле) Сам код нужно вставлять в (Администрирование → настройки → HTML верх)?
Вопрос отпал, увидела)

Отредактировано Daring (27.07.2013 17:20:35)

0


Вы здесь » Официальный Форум технической поддержки ForumBB » Оформление форума » как сделать кнопку внизу страницы, которая отправляла бы вверх ?