The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Topic sidebar

View previous topic View next topic Go down

Solved Topic sidebar

Post by Skhectic28 on February 15th 2012, 9:36 pm

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.

Skhectic28
Forumember

Posts : 156
Reputation : 4
Language : English

http://anime-alliance.forumotion.co.uk/

Back to top Go down

Solved Re: Topic sidebar

Post by Mario 2.0 on February 15th 2012, 10:01 pm

You mean like the one here on The Support Forum?

Mario 2.0
Forumember

Male Posts : 60
Reputation : 3
Language : English
Location : Virginia

Back to top Go down

Solved Re: Topic sidebar

Post by XxForumGirlxX on February 15th 2012, 10:11 pm

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 Smile

XxForumGirlxX
Forumember

Female Posts : 193
Reputation : 7
Language : English
Location : USA

http://fcbdsp.forumotion.com

Back to top Go down

Solved Re: Topic sidebar

Post by Nera. on February 16th 2012, 12:31 pm

Hi Skhectic28,

Please show an example of what you mean.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Topic sidebar

Post by Skhectic28 on February 16th 2012, 6:26 pm


Skhectic28
Forumember

Posts : 156
Reputation : 4
Language : English

http://anime-alliance.forumotion.co.uk/

Back to top Go down

Solved Re: Topic sidebar

Post by Skhectic28 on February 18th 2012, 4:41 pm

Bump, can anyone help me Smile

Skhectic28
Forumember

Posts : 156
Reputation : 4
Language : English

http://anime-alliance.forumotion.co.uk/

Back to top Go down

Solved Re: Topic sidebar

Post by Nera. on February 18th 2012, 5:18 pm

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:

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.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Topic sidebar

Post by Skhectic28 on February 18th 2012, 5:36 pm

How can I make the content box go next to the button.
"Button-then info."

Skhectic28
Forumember

Posts : 156
Reputation : 4
Language : English

http://anime-alliance.forumotion.co.uk/

Back to top Go down

Solved Re: Topic sidebar

Post by Skhectic28 on February 18th 2012, 5:58 pm

Nvm, Thx for the help Nera! Very Happy!

Skhectic28
Forumember

Posts : 156
Reputation : 4
Language : English

http://anime-alliance.forumotion.co.uk/

Back to top Go down

Solved Re: Topic sidebar

Post by Sanket on February 18th 2012, 6:01 pm

Topic Solved & Locked

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum