Truco HTML: menú con botones y enlaces "básicos"

<div id="dock" class="dock">
 <div class="dockContainter">



<a class="dockItem" href="http://academiaxesusvazquez.blogspot.com.es"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaU0A1dJQgEY50pQrDzE2R3UUVbgD2jrK9GTFZqBW-KKvjHfcZMt6VavuAt6UwtNbRtnt6VSN-0gjYSgjgf6ZvsOu8u_hk95WZH97Q_bTMJliPt9zSsjU8CO59-7yz1jTrS5UZ_13jbLg/s1600/Icon_Home.PNG"/><span>Ir a página Principal</span></a>



<a class="dockItem" href="http://servicios.elpais.com/rss/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-2lnmb_Mr0NORfgTWEeQVlXYsv90VZBGJ_shkof8wYaXCEanr5YypoYCIf3jUaHgl0ZtxvjxySmhLFdsVarzc-XWMfmwcwYOWdprFJHMOSqQDsBwv-ajlOERyKOlenO3cTmE8RZGUPjA/s1600/Icon_Rss.PNG"/><span>Noticias por RSS</span></a>




<a class="dockItem" href="http://twitter.com/#!/twitter_es"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcVNNzZV8hP0_RpJigDWWccfPR3P2ocaDLebfHi9jaaZkpWRm7crYAlttajEd90NmbWZlnFAwnislcJuKOk6k5G2ryIr5MjNruThpcjA3K0iunmbjdv86hjfIWNz32HTypisAfo-C3Vm0/s1600/Icon_Twitter.PNG"/><span>Ir a Twitter</span></a>



<a class="dockItem" href="http://www.facebook.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKBWEQCkUdBVymAQUI726VdDzmdfZgyKjBRqckGRjRXW7JIsADcgYU3LwxlEYUX7S90S-jp6e3wvtxI7084kzclcwD37YUloFDbsKCPRtvG2d_4hmLtFjmGLIAepPv0HV_uIcWooF5Elo/s1600/Icon_Facebook.PNG"/><span>Ir a Facebook</span></a>



<a class="dockItem" href="picasaweb.google.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh8g1SCro3Yw0FqdUj0VVTTRxZhEudODOZGdHYoCUFoJPlf3OToScA8YGoTX1aceUTGyHWN2_3_fpAs-oN97GuEX2wW_4Ffq32CvC6Onjcejxnqvk8RGlDLYPFDj16MwpZPTR2dUoeImk/s1600/Icon_Picasa.PNG"/><span>Album web -Picasa-</span></a>




<a class="dockItem" href="www.gmail.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib3xmp9V-IjA-sB8SVmTaHkGlo1-DczCvOQ71qvSExmw3mxiXSDVd1r_9Y5pJh84lwiTrS39PMJBu-MlSpUwqvDy9DZ875hBAw_ldCs9zNXnks4MchDf8xJb3tEZcnJpruce8pnqZLwOY/s1600/Icon_Mail.png"/><span>Correo Gmail</span></a>




<a class="dockItem" href="http://support.google.com/blogger/?hl=es&rd=1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWWbkeL4OtEfKk4PoX2Y_CbD39wz7fhgTPFFOUe_cKoOYem5fluOlmY7foN17K7KjxibFBz6P-ykXWbYBfLxIeCz7SqmRw0usbl7OZfE3S1k_IrwS7EuoV1fwrE9Rdg69ElNpTnsy7IpE/s1600/Icon_Help.png"/><span>Ayuda de Blogger</span></a>

</div>
 </div>




<a href='http://www.facebook.com/xesusvazquez' target='_blank' title='Sígueme en Facebook'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0ItSq3n07wPAPPRU2ObExL7vCW3smkhkjtPjqwi43WE0RUDPohSLkFCUmpI7nJdATfXPMhyphenhyphenFApfsop8LpZ_FiaYWftEAcl7A1XhOSSOoMn_RcU1ZHZVJekwF64kkg28Msx_gmOucQbjs/s320/Facebook-2.jpg" style="width:30px; display:scroll;position:fixed;bottom:225px;right:0px" /></a>




<script type="text/javascript">

$(document).ready(
 function()
 {
 $('#dock').Dock(
 {
 maxWidth: 90,
 items: 'a',
 itemsText: 'span',
 container: '.dockContainter',
 itemWidth: 30,
 proximity: 50,
 halign : 'top'
 }
 )

}
 );

</script>