Jump to content
AleksPro

Кнопки "Главная", "Вперёд", "Назад", "Вверх", "Вниз"

Recommended Posts

Приветствую всех пользователей IPBMafia

В данной теме я расскажу вам, как сделать вот такую фичу на своём форуме

56019662bfd57_.thumb.png.c5fb8a94eedbdd8

Будет она находиться в правой части форума

  • Переходим в АЦ - Внешний вид - Ваш шаблон - Изменить HTML и CSS
  • Редактируем шаблон "globalTemplate"
  • Перед: 
    </div></body>
    </html>
    
  • Вставляем следующий код:
    <a href="{$this->settings['board_url']}" title="Главная" style="  display: scroll;
      bottom: 60%;
      position: fixed;
      font-size: 25px;
      right: 0%;
      display: block;
      z-index: 9999;
      -webkit-transition: all .7s ease-in-out;
      -moz-transition: all .7s ease-in-out;
      -o-transition: all .7s ease-in-out;
      -ms-transition: all .7s ease-in-out;
      transition: all .7s ease-in-out;
      height: 27px;
      width: 27px;
      color: rgba(254, 60, 54, 0.9);"><i class="fa fa-home"></i></a>
    <a href="javascript:history.forward(0)" onmouseover="window.status='Вперед';return true" style="  display: scroll;
      bottom: 56%;
      position: fixed;
      font-size: 25px;
      right: 0.15%;
      display: block;
      z-index: 9999;
      -webkit-transition: all .7s ease-in-out;
      -moz-transition: all .7s ease-in-out;
      -o-transition: all .7s ease-in-out;
      -ms-transition: all .7s ease-in-out;
      transition: all .7s ease-in-out;
      height: 27px;
      width: 27px;
      text-align: center;  color: rgba(254, 60, 54, 0.9);"><i class="fa fa-chevron-circle-right"></i></a>
    <a href="javascript:history.back(0)" onmouseover="window.status='Назад';return true" style="display: scroll;
      bottom: 52%;
      position: fixed;
      font-size: 25px;
      right: 0.15%;
      display: block;
      z-index: 9999;
      -webkit-transition: all .7s ease-in-out;
      -moz-transition: all .7s ease-in-out;
      -o-transition: all .7s ease-in-out;
      -ms-transition: all .7s ease-in-out;
      transition: all .7s ease-in-out;
      height: 27px;
      width: 27px;
      color: rgba(254, 60, 54, 0.9);
      text-align: center;"><i class="fa fa-chevron-circle-left"></i></a>
    <!-- Botã --> <!-- Start -->
    <a href="#GoDown" style="display: scroll;
      bottom: 44%;
      position: fixed;
      font-size: 25px;
      right: 0.15%;
      display: block;
      z-index: 9999;
      -webkit-transition: all .7s ease-in-out;
      -moz-transition: all .7s ease-in-out;
      -o-transition: all .7s ease-in-out;
      -ms-transition: all .7s ease-in-out;
      transition: all .7s ease-in-out;
      color: rgba(254, 60, 54, 0.9);
      height: 27px;
      width: 27px;
      text-align: center;" title="Вниз"><i class="fa fa-chevron-circle-down"></i></a>
    <a name="GoDown" id="GoDown">
    <!-- Finish --> <!-- Start -->
    <a href="#" rel="nofollow" style="  display: scroll;
      bottom: 48%;
      position: fixed;
      font-size: 25px;
      right: 0.15%;
      display: block;
      z-index: 9999;
      -webkit-transition: all .7s ease-in-out;
      -moz-transition: all .7s ease-in-out;
      -o-transition: all .7s ease-in-out;
      -ms-transition: all .7s ease-in-out;
      transition: all .7s ease-in-out;
      color: rgba(254, 60, 54, 0.9);
      height: 27px;
      width: 27px;
      text-align: center;" title="Вверх"><i class="fa fa-chevron-circle-up"></i></a></a>
    <!-- Finish --> <!-- Finish có -->
    
  • Сохраняем внесённые изменения

Автор статьи: Silence

Статью дополнил: AleksPro

Пример вы сможете увидеть на моём форуме, ссылка в профиле

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

×