HTML<!-------------Menu flotante-------------------->
<p>&nbsp;</p>
<div id="table">
<div class="titre">Otros blogs</div>
<table>
<tbody>
<tr>
<td>
<p class="text-center"><a href="http://fondogifflashgloriav.ek.la/"target="_blank">Fondos, gif, flash </a></p>
</td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td>
<p class="text-center"><a href="http://fondogifflashgloriav.ek.la/"target="_blank">Gif, fondos, glitter</a></p>
</td>
</tr>
</tbody>
</table>
</div>

CSS <style><!--
#table  table {  
 font-size:25px; 
 padding:1px;
   width:180px;
   height:80px;
   border:dotted 2px #fff;
  border-radius: 10px;
   margin: 0px; 
   box-shadow: 0px 0px 10px black,0px 0px 10px black inset;
   background-color:#fff;
   background: url(https://ekladata.com/iZLmW_VVm4oaSHHrbiwuvjKJtSc.gif);
 
  }
 .titre{  
    font-size:28px;                       
    color:black;                      
    text-align:center;                   
    position:relative;                  
    left:125px;                      
    top:100px;                           
    width:123px;                          
    height:29px;
    box-shadow: 0px 0px 10px black; 
    background: url(https://lh3.googleusercontent.com/2NGM5rVOcNbJt2prgQqbJ81vGoI3Vcifw-MSXWncg65H=w148-h149-no);
  border-radius:0px 0px 10px 10px;   /* arrondi des coins inférieurs de la boite de 8 px */ 
    border:double 3px #999FAA;
  padding:5px 18px;
    transform: rotate(270deg);         /* angle de rotation de la boite de 270° */  
    -ms-transform: rotate(270deg);   
    -webkit-transform: rotate(270deg);   
    -o-transform: rotate(270deg);   
    -moz-transform: rotate(270deg);   
}
 #table {  
    
    position:fixed;  
    top:40px;  
    left:-185px;  
    transition: 1s;  
    -webkit-transition: 1s;  
    -moz-transition: 1s;  
}
 #table:hover {  
      
    left:-1px;  
    transition: 1s;  
    -webkit-transition: 1s;  
    -moz-transition: 1s;  
      
}
--></style>