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.

Moving menu buttons on the left side

View previous topic View next topic Go down

Solved Moving menu buttons on the left side

Post by kathighths on August 29th 2011, 9:58 am

Good morning.

After reading about the floating menu http://help.forumotion.com/t94216-have-problem-with-floating-menu#608155, i did something like this you can see in my forum http://kathighths.forumgreek.com/forum .

My question is, how can i make the navigation menu buttons to move like the menu on this site? http://e-school.forum.st/forum

Thank you!

kathighths
New Member

Male Posts : 21
Reputation : 0
Language : Greek-English

http://kathighths.forumgreek.com/

Back to top Go down

Solved Re: Moving menu buttons on the left side

Post by Nera. on August 29th 2011, 3:32 pm

Hi,

Try adding this to AP > Display > Colors > CSS

Code:
#tipkice li a:hover {
padding-left: 15px;
}

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Moving menu buttons on the left side

Post by kathighths on August 29th 2011, 3:47 pm

Thank you very much!!! It's working!

Are there any other tricks for this kind of menu?

kathighths
New Member

Male Posts : 21
Reputation : 0
Language : Greek-English

http://kathighths.forumgreek.com/

Back to top Go down

Solved Re: Moving menu buttons on the left side

Post by Nera. on August 29th 2011, 3:52 pm


Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Moving menu buttons on the left side

Post by kathighths on August 29th 2011, 4:02 pm

I pasted on the CSS this code:
li a span {
-webkit-transition: -webkit-transform 0.4s ease-out;
-moz-transition: -moz-transform 0.4s ease-out;
transition: transform 0.4s ease-out;
}
li a:hover span {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}

But it did not work. what am i doing wrong?

kathighths
New Member

Male Posts : 21
Reputation : 0
Language : Greek-English

http://kathighths.forumgreek.com/

Back to top Go down

Solved Re: Moving menu buttons on the left side

Post by Nera. on August 29th 2011, 5:11 pm

Use this one.

HTML
Code:

<ul class="socialicons">
<li><a href="http://www.facebook.com/group.php?gid=109940839029894" title="Η ομάδα μας στο Facebook"><img src="http://cdn1.iconfinder.com/data/icons/inside/PNG/032x032/icontexto-inside-facebook.png"></a></li>
<li><a href="http://www.youtube.com/user/kathighths#p/u" title="Το κανάλι μας στο youtube"><img src="http://cdn1.iconfinder.com/data/icons/inside/PNG/032x032/icontexto-inside-youtube.png">
</a></li><li><a href="http://tinychat.com/kathighths" title="ΒίντεοΔιάσκεψη"><img src="http://cdn1.iconfinder.com/data/icons/iconshockrealvista/png/DIS/32/webcam_32.png"></a></li>
<li><a href="http://kathighths.forumgreek.com/contact" title="Επικοινωνήστε μαζί μας"><img src="http://cdn1.iconfinder.com/data/icons/musthave/32/Mail.png"></a></li>
</ul>

CSS

Code:
ul.socialicons{
    list-style: none;
    margin:0px;
    padding:0px;
    position:fixed;
    left:0px;
    top:250px;
}
ul.socialicons li{
    padding-bottom:4px;
    padding-left:15px;
}
ul.socialicons li img{
    opacity:0.5;
    transition-duration:0.5s;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}
ul.socialicons li img:hover{
    opacity:1.9;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
}

Demo > http://movingagain.forumcroatian.com/forum

Remoce the opacity if you don't wont it.

Replace all your previus floating menu codes with mine.

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Moving menu buttons on the left side

Post by kathighths on August 29th 2011, 6:41 pm

For one more time: THANK YOU!!!!! :wouhou:

The code works perfect.
The only issue now is which one to use, i like them both!!

kathighths
New Member

Male Posts : 21
Reputation : 0
Language : Greek-English

http://kathighths.forumgreek.com/

Back to top Go down

Solved Re: Moving menu buttons on the left side

Post by Nera. on August 29th 2011, 6:48 pm

Second. Is better. Solved?

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Moving menu buttons on the left side

Post by kathighths on August 29th 2011, 6:58 pm

Yes, solved!

kathighths
New Member

Male Posts : 21
Reputation : 0
Language : Greek-English

http://kathighths.forumgreek.com/

Back to top Go down

Solved Re: Moving menu buttons on the left side

Post by Nera. on August 29th 2011, 6:59 pm

Solved > Locked

Nera.
Energetic

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

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