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!
Рекомендуемые комментарии
Комментариев нет
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.