Skocz do zawartości
Pecetowicz Forum komputerowe

How to add float button to "Create topic". Invision Community.


Rekomendowane odpowiedzi

Hi everybody, in this tutorial I will show you how to make a float button to create topic in Invision Community.

ezgif.com-gif-maker.gif.13d5f164ee092e9e96905cbab9a10e57.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!

you can see live demo here

  • Lubię to! 2
  • Dzięki! 1
Odnośnik do odpowiedzi
Udostępnij na innych stronach
  • Ekspert

Replace: 

https://yourdomain/startTopic/

To

{url="app=forums&module=forums&controller=forums&do=add" seoTemplate="topic_non_forum_add_button"}

 😆

  • Lubię to! 1
Odnośnik do odpowiedzi
Udostępnij na innych stronach
  • Administrator

@LoveHate  I think this small fix delivered by Weak's changing static/hardcoded URL to dynamic based on variable from IPS.

  • Lubię to! 3
Odnośnik do odpowiedzi
Udostępnij na innych stronach

Problem wciąż nierozwiązany? Dodaj swoją odpowiedź

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto. Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
×
×
  • Dodaj nową pozycję...