Moving menu buttons on the left side

kathighths at 09h58
29
Aug
2011
Good morning.

After reading about the floating menu /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!
1 Nera., on 29/08/2011 at 15h32
Hi,

Try adding this to AP > Display > Colors > CSS

Code:
#tipkice li a:hover {
padding-left: 15px;
}
2 kathighths, on 29/08/2011 at 15h47
Thank you very much!!! It's working!

Are there any other tricks for this kind of menu?
3 Nera., on 29/08/2011 at 15h52
I like this one http://inspectelement.com/articles/spin-those-icons-with-css3/

Demo = > http://inspectelement.com/demos/css3/iconspin/
4 kathighths, on 29/08/2011 at 16h02
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?
5 Nera., on 29/08/2011 at 17h11
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.
6 kathighths, on 29/08/2011 at 18h41
For one more time: THANK YOU!!!!! :wouhou:

The code works perfect.
The only issue now is which one to use, i like them both!!
7 Nera., on 29/08/2011 at 18h48
Second. Is better. Solved?
8 kathighths, on 29/08/2011 at 18h58
Yes, solved!
9 Nera., on 29/08/2011 at 18h59
Solved > Locked
Similar topics
I Was trying To Put Chatbox V2.0 Chatbox On The Left Side But I Cant Get It To Work Here's The Link I Found It At: /t88458-how-to-create-a-pop-out-chat-box-v20 And I Did Everything To Do But I Just need Some Help Please
I have forum on PunBB : http://e-school.forum.st/forum I'd love to add navigation on left side of forum. Facebook and Twitter icon. How?
All my content is appearing on the left side. Why is this? http://joebob2311.forumotion.net/forum
See also
more_less
Informations

9 Replies For the topic :
"Moving menu buttons on the left side"

This topic has been viewed 1213 times.

Last message :
29/08/2011 at 09h58 by "kathighths"