Butoane pe margine

Cum fac asta cu butoanel acelea pe margine?:


Forumul este acesta : http://llg-cstrike.forumer.ro/forum

altul

Baga in PA ~ Afisare ~ Pagina de start ~ Generalitati ~ Continutul mesajului:

Cod:

<ul class="meniuvert"><li><a href="http://facebook.com/"><img border="0" src="http://cdn1.iconfinder.com/data/icons/socialnetworking/32/facebook.png"></a></li><li><a href="http://youtube.com/"><img border="0" src="http://cdn1.iconfinder.com/data/icons/socialnetworking/32/youtube.png"></a></li><li><a href="http://twitter.com/"><img border="0" src="http://cdn1.iconfinder.com/data/icons/socialnetworking/32/twitter.png"></a></li></ul>

Baga in CSS:

Cod:

ul.meniuvert li img {
    -moz-transition-duration: 0.5s;
    opacity: 0.5;
} 
ul.meniuvert {
    left: 0;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 250px;
}
ul.meniuvert li img:hover {
    opacity: 1;
} ul.meniuvert li {
    padding-bottom: 4px;
    padding-left: 2px;
}

L-am testat eu pe punbb, merge perfect.
Poti schimba iconitele dupa bunul plac sau poti adauga iconite noi.