Side Bar and online menu help

was wondering if anyone know how to make this side bar in this site : http://mystic-duel-academy.pureforum.net/

and in the same site ho i can style the who is online menu so it look like this ?

http://testforfuture.motionforum.net/

Hello,

Try this?:
https://help.forumotion.com/t117809-floating-sidebar?highlight=sidebar
You can search for more threads regarding this.

Also, for the second question, is this your forum link? http://sacredbeastsacademy.forumegypt.net/

this my old forum link

• Please provide your forum URL for appearance problems

mouzou wrote:http://testforfuture.motionforum.net/

i already did

Here's the HTML code:

Code:

<ul id="sidebar"><li><b><center><u>Testing Title</u></center></b></li><br><br><li><a href="">Testing</a></li><li><a href="">Testing</a></li><li><a href="">Testing</a></li><li><a href="">TEsting</a></li><li><a href="">Testing</a></li><li><a href="">Testing </a></li></ul>

CSS

Code:

ul#sidebar {
-moz-border-radius-bottom-left: 50px;
-moz-border-radius-top-left: 50px;
-moz-transition: all .8s ease;
-o-transition: all .8s ease;
-webkit-border-bottom-left-radius: 50px;
-webkit-border-top-left-radius: 50px;
-webkit-transition: all .8s ease;
background-color: #020405;
border-bottom-left-radius: 50px;
border-color: #454545;
border-style: solid;
border-top-left-radius: 50px;
border-width: 2px;
font-size: 10px;
height: 250px;
list-style: none;
padding: 80px 10px 20px 15px;
position: fixed;
right: -60px;
text-align: center;
top: 200px;
width: 90px;
}

ul#sidebar:hover {
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
-webkit-transition: all .4s ease;
right: -2px;
}

Well the who is line part can be modified by templates, you can try this tutorial from the Spanish support forum(guide on how to modify that area), you can translate it :
http://asistencia.foroactivo.com/t107995-modificar-el-quien-esta-en-linea

i got the side bar , now working on the who online list

I will leave this open, please let us know when this issue is solved.
Thanks.