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.

Floating Sidebar

View previous topic View next topic Go down

Solved Floating Sidebar

Post by Sozinho on December 8th 2012, 6:38 pm

I want to make a widget floats beside the forum. Is this possible? If yes, then I would like to have or ask some tutorials. Bump Bump Bump everybody!


Last edited by Jophy on December 19th 2012, 10:12 am; edited 3 times in total (Reason for editing : Bump)

Sozinho
Forumember

Male Posts : 172
Reputation : 4
Language : English
Location : Philippines

http://appzxor.omgforum.net

Back to top Go down

Solved Re: Floating Sidebar

Post by Sozinho on December 10th 2012, 12:05 pm

Bump Bump


Help Help anybody.

Sozinho
Forumember

Male Posts : 172
Reputation : 4
Language : English
Location : Philippines

http://appzxor.omgforum.net

Back to top Go down

Solved Re: Floating Sidebar

Post by Sozinho on December 11th 2012, 1:40 pm

Bump Bump !

Sozinho
Forumember

Male Posts : 172
Reputation : 4
Language : English
Location : Philippines

http://appzxor.omgforum.net

Back to top Go down

Solved Re: Floating Sidebar

Post by Sozinho on December 13th 2012, 4:00 pm

Bump Bump

Sozinho
Forumember

Male Posts : 172
Reputation : 4
Language : English
Location : Philippines

http://appzxor.omgforum.net

Back to top Go down

Solved Re: Floating Sidebar

Post by Sozinho on December 14th 2012, 1:37 pm

BUMMMMMMMMMMMMMMMMMMMP

Sozinho
Forumember

Male Posts : 172
Reputation : 4
Language : English
Location : Philippines

http://appzxor.omgforum.net

Back to top Go down

Solved Re: Floating Sidebar

Post by Mjgbales on December 15th 2012, 2:10 am

Please explain yourself better, use a screenshot of how you want.

Mjgbales
New Member

Posts : 9
Reputation : 5
Language : Spanish

Back to top Go down

Solved Re: Floating Sidebar

Post by Sozinho on December 16th 2012, 1:27 pm

This : http://prntscr.com/mc32x
That sidebar actually float on the center right position of the forum and when the moused is pointed onto it, it slides out when moved out it slides back to it's original position. If you want an site where I get that , http://mystic-duel-academy.pureforum.net/ .

Sozinho
Forumember

Male Posts : 172
Reputation : 4
Language : English
Location : Philippines

http://appzxor.omgforum.net

Back to top Go down

Solved Re: Floating Sidebar

Post by Mjgbales on December 16th 2012, 11:16 pm

Ok, Put this code in your CSS:
Code:
 .Mjgbales {
  position: fixed;
  bottom: 200px;
  right: -35px;
  padding: 15px;
  background-color: black;
  border: 1px solid white;
  border-radius: 20px;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
} .Mjgbales:hover {
  position: fixed;
  right: 0px;
  bottom: 200px;
}
And in a new widget:
Code:
<div class="Mjgbales">
Here<br>
Goes<br>
Your<br>
Content</div>
Wink

Mjgbales
New Member

Posts : 9
Reputation : 5
Language : Spanish

Back to top Go down

Solved Re: Floating Sidebar

Post by Sozinho on December 18th 2012, 3:55 pm

@Mjgbales wrote:Ok, Put this code in your CSS:
Code:
 .Mjgbales {
  position: fixed;
  bottom: 200px;
  right: -35px;
  padding: 15px;
  background-color: black;
  border: 1px solid white;
  border-radius: 20px;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
} .Mjgbales:hover {
  position: fixed;
  right: 0px;
  bottom: 200px;
}
And in a new widget:
Code:
<div class="Mjgbales">
Here<br>
Goes<br>
Your<br>
Content</div>
Wink

that solved the problem,

Sozinho
Forumember

Male Posts : 172
Reputation : 4
Language : English
Location : Philippines

http://appzxor.omgforum.net

Back to top Go down

Solved Re: Floating Sidebar

Post by Jophy on December 19th 2012, 10:12 am

Topic Solved & Locked

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

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