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.

Sliding box

View previous topic View next topic Go down

Solved Sliding box

Post by Guest on December 15th 2013, 1:06 pm

I was searching through the RPG promotion topics and I found a rpg with this box [First spoiler], and if you're mouse is on that box (without a left mouse click), it slides a bit [Second Spoiler]. I was wondering how you would do that.


First:

Second:


Last edited by Mistlyn on December 16th 2013, 7:31 pm; edited 1 time in total

Guest
Guest


Back to top Go down

Solved Re: Sliding box

Post by Ange Tuteur on December 15th 2013, 5:09 pm

Hello Mistlyn,

This can be done by using a widget :
Administration Panel > Modules > Forum widgets management > Create a new widget

Widget name : What you wish
Use a table type : No
Widget title : What you wish
Paste the code below and save :
Code:
<style>
.floating_menu {
background:#DEF;
border-radius:5px;
border:1px solid #BCD;
position:fixed;
right:-5%;
padding:6px;
transition:0.5s;
}
.floating_menu:hover {
right:5px;
}
</style>
<div class="floating_menu">
 <a href="/LINK">NAME OF LINK</a><br /><a href="/LINK">NAME OF LINK</a><br /><a href="/LINK">NAME OF LINK</a><br /><a href="/LINK">NAME OF LINK</a>
</div>

Then drag it to one of the columns in widgets management and save. Please remember that you must have forum widgets active :


To add links simply edit the preset links, or write between the div element.

You can use <br /> to add line breaks.
Code:
<div class="floating_menu">Some text<br /><a href="/LINK">NAME OF LINK</a></div>

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Sliding box

Post by Guest on December 16th 2013, 7:09 pm

Thank you SethC1995, it worked.

This problem is solved Smile

Guest
Guest


Back to top Go down

Solved Re: Sliding box

Post by Ange Tuteur on December 16th 2013, 8:38 pm

You're welcome

Topic solved and archived

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.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