Перейти к содержанию
  • How to add float button to "Create topic" // Как добавить плавающую кнопку в "Создать тему"


    MrHaim

    ezgif.com-gif-maker.gif.13d5f164ee092e9e96905cbab9a10e57.gif.38b4e3633023e95e3e9554d80736eadd.gif

    First, go to: ACP -> Appearance -> Styles and Templates -> Edit HTML and CSS -> template Tab ->footer

    Paste the code below at end of your code:

    <!--Float button for new topic created By Arash.Ranjbar-->
    {{foreach \IPS\Member::loggedIn()->createMenu() as $k => $url}}
    <a href='{url="app=forums&module=forums&controller=forums&do=add" seoTemplate="topic_non_forum_add_button"}' data-ipsdialog="" data-ipsdialog-size="narrow" data-ipsdialog-title='{lang="select_forum"}' class="arash">
    <i class="fa fa-pencil arash01" style="color:white;"></i>
    </a>
    <div class="arash-container">
    <div class="arash-label">create topic</div>
    <i class="fa fa-play arash-01"></i>
    </div>
    {$data}
    {{endforeach}}
    		<!--End Float button for creat new topic By Arash.Ranjbar-->

    Paste the code below at custom.css:

    .arash-container{
    	position:fixed;
    	bottom:20px;
    	left:105px;
    	display:table;
    	visibility: hidden;
    }
    .arash-label{
    	color:#FFF;
    	background:rgba(51,51,51,0.5);
    	display:table-cell;
    	vertical-align:middle;
    	padding:10px;
    	border-radius:3px;
    }
    .arash-01{
    	display:table-cell;
    	vertical-align:middle;
    	color:#FFF;
    	opacity:0.5;
    }
    .arash{
    	position:fixed;
    	width:50px;
    	height:50px;
    	bottom:20px;
    	left:40px;
    	background-color:#b7ae31;
    	color:#FFF;
    	border-radius:50px;
    	text-align:center;
    }
    .arash01{
    	font-size:24px;
    	margin-top:13px;
    }
    a.arash + div.arash-container {
      visibility: hidden;
      opacity: 0;
      transition: visibility 0s, opacity 0.5s ease;
    }
    a.arash:hover + div.arash-container{
      visibility: visible;
      opacity: 1;
    }

    This button will only be displayed for logged in users!

     


    Обратная связь

    Рекомендуемые комментарии

    Комментариев нет



    Присоединяйтесь к обсуждению

    Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
    Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

    Гость
    Добавить комментарий...

    ×   Вставлено с форматированием.   Вставить как обычный текст

      Разрешено использовать не более 75 эмодзи.

    ×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

    ×   Ваш предыдущий контент был восстановлен.   Очистить редактор

    ×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.


×
×
  • Создать...