Onglet verticale de liens coulissant

C'est  onglet semi cacher sur le coter de l'ecran en verticale sa prend pas de place ..

Code a inserer dans un Gadget Html Javascript

<p>&nbsp;</p>

<div id="table">

<table>

<tbody>

<tr>

<td><a href="URL" target="_blank">TEXTE</a></td>

</tr>

</tbody>

<table>

<tbody>

<tr>

<td><a href="URL" target="_blank">TEXTE</a></td>

</tr>

</tbody>

</table>

<table>

<tbody>

<tr>

<td><a href="URL">TEXTE</a></td>

</tr>

</tbody>

</table>

<table>

<tbody>

<tr>

<td><a href="URL">TEXTE</a></td>

</tr>

</tbody>

</table>

<table>

<tbody>

<tr>

<td><a href="URL">TEXTE</a></td>

</tr>

</tbody>

</table>

<table>

<tbody>

<tr>

<td><a href="URL">TEXTE</a></td>

</tr>

</tbody>

</table>

<table>

<tbody>

<tr>

<td><a href="URL">TEXTE</a></td>

</tr>

</tbody>

</table>

  <table>

<tbody>

<tr>

<td><a href="URL" target="_blank">TEXTE</a></td>

</tr>

</tbody>

</table>

  <table>

<tbody>

<tr>

<td><a href="URL" target="_blank">TEXTE</a></td>

</tr>

</tbody>

<style><!--

#table  table {  

   width:188px;

   height:60px;

   font-family: Impact, sans-serif;

   font-size:20px;

   border:dashed 4px #ffffff;

   border-radius: 60px;

   padding:15px;

   margin-top:12px;

   box-shadow: 0px 10px 0px black ,0px 0px 10px #16baff inset;

   background-color#ffffff:;

   background-image: url(URL DE L'IMAGE);

  }

 #table {  

position:fixed;  

    top:15px;  

    left:-166px;  

    transition: 1s;  

    -webkit-transition: 1s;  

    -moz-transition: 1s;  

}

 #table:hover {  

    left:-2px;  

    transition: 1s;  

    -webkit-transition: 1s;  

    -moz-transition: 1s;  

}

--></style></table></table></div>

============Ajouts ========================

<table>

<tbody>

<tr>

<td><a href="URL" target="_blank">TEXTE</a></td>

</tr>

</tbody>