<ul id="conteneur">
            <li>
              <div class="block">
                  <a  href="http://milopub.forumactif.org/" title="Visiter MiloPUb">
                    <img src="http://sd-2.archive-host.com/membres/images/72698231053381489/MiloPub.png" alt="" border="0" />
                  </a>
                  <span class="lien_bas">
                      <a  href="#">En savoir plus</a>
                  </span>
              </div>
            </li>
            <li>
            <div class="block">
                  <a  href="http://www.spick.biz/">
                    <img src="http://i60.servimg.com/u/f60/14/60/08/49/883112.jpg" alt="" border="0" />
                  </a>
                  <span class="lien_bas">
                      <a href="http://www.themes-fa.com/">En savoir plus.....</a>
                  </span>
              </div>
            </li>

            <li>
              <div class="block">
                <a  href="http://lesforumsde.forumactif.com/">
                  <img src="http://sd-1.archive-host.com/membres/images/142586199450897653/LFD/logo88-312.gif" alt="" border="0" />
                </a>
                <span class="lien_bas">
                  <a href="http://lesforumsde.forumactif.com/" title="Voir la pub">En savoir plus.....</a>
                </span>
              </div>
            </li>

            <li>
              <div class="block">
                <a target="_blank" href="http://creation.niceboard.com/forum.htm">
                    <img src="http://i65.servimg.com/u/f65/11/95/30/70/4511.jpg" border="0" alt=""  />
                </a>
                <span class="lien_bas">
                  <a href="http://www.themes-fa.com/profile.forum?mode=viewprofile&u=513">En savoir plus.....</a>
                </span>
              </div>
            </li>

        </ul>
<script type="text/javascript">
jQuery(function() {
jQuery('#conteneur .block').stop().animate({'marginLeft':'75px'},1000);
jQuery('#conteneur>li').hover(
function () {                      jQuery('.block',jQuery(this)).stop().animate({'marginLeft':'2px'},200);
},
function () {                    jQuery('.block',jQuery(this)).stop().animate({'marginLeft':'75px'},200);
}
);
});
</script>

/* LISTE */
ul#conteneur {
position: fixed;
margin: 0;
padding: 0;
top: 50px;
right: 0px;
list-style: none;
z-index: 9999;
}
/* ÉLÉMENT DE LA LISTE */
ul#conteneur li {
width: 98px;
margin: 6px 0;
padding: 0;
}
/* BLOC DE CHAQUE MENU */
.block {
background: #333;
display: block;
width: 98px;
border: 1px solid #000;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
padding: 5px;
}
/* SPAN CONTENANT LE LIEN DU BAS */
.lien_bas {
display: block;
padding: 2px;
background: #555555;
border: 1px solid #000;
font: 10px Arial;
font-style: italic;
}
/* LIEN DU BAS */
.lien_bas a {
text-decoration: none;
color: #fff !important;
outline: none;
}
/* LIEN DU BAS AU SURVOL */
.lien_bas a:hover {
color: #76c0ff !important;
}