Onglet de liens Coulissant

(Voir l'exemple a votre gauche)

Jme suis baser d'un long code que jai modifier de beaucoup pour sa soit adapter a tous ( facile et rapide) 

Plus tard je ferais un autre encore different mais sa va prendre du temp car jai des chose faut je pense a comment integrer ca  j'ai l'effet visuel mais cest de faire cest autre chose lol. 

Vous pouvez le personaliser un peu pour la bordure vous pouvez mettre  autre chose comme du Solid, Double, Dotted, Dashed, Inset, SI vous voulez pas d,arriere-plan vous avez juste supprimer la ligne et garder Background color a place. L'arriere plan vous pouvez mettre des floaties si vous preferez 

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>