Topic sidebar
Page 1 of 1 • Share •
Topic sidebar
Is it possible to make a sidebar which scrolls outwards on the homepage which contains information within it.
Can someone provide me the code if this is possible.
Thanks in advance.
Can someone provide me the code if this is possible.
Thanks in advance.
Re: Topic sidebar
You mean like the one here on The Support Forum?
Mario 2.0- Forumember
-
Posts : 61
Reputation : 3
Language : English
Location : Virginia
Re: Topic sidebar
Under tips and tricks, go to like members have a control panel, use that code but instead of /profile and stuff, put the link of the post.
I hope we can mark this as solved
I hope we can mark this as solved

Re: Topic sidebar
Side tab = http://gyazo.com/2f1ba31600caf2743ecd2503cd93f87b
When you click it information shows = http://gyazo.com/cee87b1639ba5c7db24f2bfc32e891c5
When you click it information shows = http://gyazo.com/cee87b1639ba5c7db24f2bfc32e891c5
Re: Topic sidebar
You can use this. In the HTML part where it says Content here you'll add your info.
Add this to AP > Display > Colors > CSS:
Than add this to your AP > Display > Homepage > Generalities > Message content:
You'll need to add your social icons where it says 'content here'.
And than go to AP > Modules > JS managment and mark enable JS.
Create a new JS file and add this in it:
Example of it working on an Forumotion forum:

Thought you'll need to customise it a bit to make it look nicer.
Add this to AP > Display > Colors > CSS:
- Code:
.ljevo {
position: fixed;
top: 50px;
left: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
width: 330px;
height: auto;
padding: 15px;
opacity: .5;
color: white;
}
a.trigger {
background: none repeat scroll 0 0 #333333;
border: 1px solid #444444;
border-bottom-left-radius: 0;
border-bottom-right-radius: 20px;
border-top-right-radius: 20px;
display: block;
left: 0;
opacity: 0.7;
padding: 15px;
position: fixed;
text-decoration: none;
top: 80px;
}
Than add this to your AP > Display > Homepage > Generalities > Message content:
- Code:
<div class="ljevo">Content Here</div>
<a class="trigger" href="#"><img src="http://www.apporacle.com/wp-content/themes/creativezodiac/gfx/blog_icons/icon_share.png" /></a>
You'll need to add your social icons where it says 'content here'.
And than go to AP > Modules > JS managment and mark enable JS.
Create a new JS file and add this in it:
- Code:
$(document).ready(function(){
$(".trigger").click(function(){
$(".ljevo").toggle("fast");
$(this).toggleClass("active");
return false;
});
});
Example of it working on an Forumotion forum:

Thought you'll need to customise it a bit to make it look nicer.
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum