"dock menu"

Siema nowe menu , "dock menu"

wysuwane od dołu z animacją ikon ...


 <div id="Dock" class="rotate">
        <a class="link główna" href="http://poszkole.pl/strona/"></a>
        <a class="link przyjaciele" href="http://poszkole.pl/przyjaciele"></a>
        <a class="link grupy" href="http://poszkole.pl/grupy"></a>
        <a class="link wiadomości" href="http://poszkole.pl/wiadomosci"></a>
        <a class="link alerty" href="http://poszkole.pl/profil"></a>
        <a class="link inne" href="XXX"></a>
    </div>
<style>
#Dock{
position:fixed;
bottom:0px;
left:25%;
height:0px;
width:670px;
padding:0 10px;
border-radius:6px;
background: rgba(154,147,147,1);
-webkit-box-shadow: 2px 2px 3px rgba(172, 172, 172, 0.4);
-moz-box-shadow: 2px 2px 3px rgba(172, 172, 172, 0.4);
box-shadow: 2px 2px 3px rgba(172, 172, 172, 0.4);
}
#Dock:hover{
height:40px;
-webkit-transition-duration: 0,1s;
}
.link{
position:relative;
bottom:60px;
width:100px;
height:100px;
display:block;
float:left;
background-position:bottom;
margin:5px;
background:#0F9;
-webkit-transition:all 0.60s linear 0s;
-moz-transition:all 0.60s linear 0s;
-o-transition:all 0.60s linear 0s;
-ms-transition:all 0.60s linear 0s;
transition:all 0.60s linear 0s;
}
.rotate .link:hover{
  background-size:100px;
background-position:top;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
-webkit-transition:all 0.60s linear 0s;
-moz-transition:all 0.60s linear 0s;
-o-transition:all 0.60s linear 0s;
-ms-transition:all 0.60s linear 0s;
transition:all 0.60s linear 0s;
}
.zoom .link:hover{
  background-size:100px;
background-position:bottom;
-webkit-transition:all 0.60s linear 0s;
-moz-transition:all 0.60s linear 0s;
-o-transition:all 0.60s linear 0s;
-ms-transition:all 0.60s linear 0s;
transition:all 0.60s linear 0s;
}
.główna{
background:url(http://i49.tinypic.com/2mwgub8.png) center no-repeat;
}
.przyjaciele{
background:url(http://i45.tinypic.com/2625cfd.png) center no-repeat;
}
.grupy{
background:url(http://i46.tinypic.com/fmtmar.png) center no-repeat;  
}
.wiadomości{
background:url(http://i48.tinypic.com/wjc75f.png) center no-repeat; 
}
.alerty{
background:url(http://i49.tinypic.com/2virpk4.png) center no-repeat;  
}
.inne{
background:url(http://aux4.iconpedia.net/uploads/99893345.png) center no-repeat;  
}
</style>

no ok jak chcecie tam mieć swojego fejsa to poprostu wstawcie to niego link tam gdzie jest na żółto a jak nie to usuńcie to na czerwono :)

to samo co ja mam na stronce