Poner antes de </head>.
<!-- ***** Tabs ***** -->
<link rel="stylesheet" type="text/css" href="http://galeon.com/vku/tabs/tabs.css" />
<script type="text/javascript" src="http://galeon.com/vku/tabs/tabs.js"></script>
<!-- ***** Fin Tabs ***** -->
Despues en donde quieras poner el tab.
<!-- ***** Tabs ***** -->
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 302px;">
<a class="Current">Tab 1</a>
<a>Tab 2</a>
</div>
<!-- ***** Pages ***** -->
<div class="Pages" style="width: 300px; height: 250px;">
<div class="Page" style="display: block;"><div class="Pad"><ul><li>Page 1</li><br><li>Page 1</li><br><li>Page 1</li><br><li><a href="enlace.htm" target="_self">Page 1</a></li><br><li>Page 1</li></ul><a href="enlace.htm" target="_self">Page 1</a><br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br></div></div>
<div class="Page" style="display: none;"><div class="Pad"><a href="http://loseasi.blogspot.com/" target="_blank">Page 1</a></div></div>
</div></div>
<script type="text/javascript">
tabview_initialize('TabView');
</script>
Hacer los cambios necesarios en el css
tambien en los tamaños en width: y height:
se puede cambiar la imagen y colores etc...
queda asi:
Ver ejemplo:
tambien en los tamaños en width: y height:
se puede cambiar la imagen y colores etc...
queda asi:
Ver ejemplo:
Leer Importante...
Enlaza el blog ...
Ultimos comentarios
Si tienes alguna opinión respecto a la entrada, tienes un punto de vista distinto, o simplemente quieres saludar, te invito a que dejes un comentario. NO SE ACEPTAN LINKS DE REFERIDOS para que los comentarios no se conviertan simplemente en una forma de publicitarse.
Elegir un botón o imagen, Seleccionar, copiar (Ctrl+C) y pegar en formulario de comentarios.
Nota: solo los miembros de este blog pueden publicar comentarios.