Hola Apsd, es sencillo colocar las pestañas, el requisito minimo es saber una pizca de html y css, bueno, aquí te escribo un código, sigue al pie de la letra, los cambios sobre colores posición lo haces mediante los css:
en los css pega el siguiente código:
/* --- CODIGO CSS ---*/
#MainMenu
{
height:24px;
margin:0;
border:0;
}
#tab
{
margin:0;
top:0;
}
#tab ul
{
margin:0;
padding:0;
list-style:none;
float:left;
}
#tab li
{
display:inline;
float:left;
margin:0;
padding:0;
}
#tab a
{
background:#000000 url("http://i39.tinypic.com/qo68vp.jpg") no-repeat right top;
margin:0;
padding:0;
text-decoration:none;
border:0;
display:block;
float:left;
}
#tab a span
{
display:block;
background:url("http://i41.tinypic.com/28rldeb.jpg") no-repeat left top;
padding:0 15px 0 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#000000;
font-weight:bold;
line-height:24px;
}
#tab a:hover,#tab li.item_active a
{
background-position:right bottom;
border-color:;
}
#tab a:hover span,#tab li.item_active a span
{
background-position:left bottom;
color:#000000;
font-weight:bold;
font-style:normal;
text-decoration:none;
}
.dropmenudiv
{
position:absolute;
top:0;
float:left;
display:block;
visibility:hidden;
border:0 solid ;
color:#000000;
z-index:100;
text-decoration:none;
padding:0;
}
.dropmenudiv ul
{
margin:0;
padding:0;
list-style:none;
}
.dropmenudiv li
{
display:inline;
margin:0;
padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
width:180px;
margin:0;
padding:0;
display:block;
border:0 solid ;
color:#000000;
background:url("http://i41.tinypic.com/28rldeb.jpg") no-repeat left top;
font-weight:bold;
font-style:normal;
text-decoration:none;
}
.dropmenudiv a span
{
float:left;
display:block;
line-height:24px;
background:url("http://i39.tinypic.com/qo68vp.jpg") no-repeat right top;
padding:0 15px 0 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#000000;
}
.dropmenudiv a span
{
float:none;
}
.dropmenudiv a:hover
{
border:0 solid ;
background-position:left bottom;
font-weight:bold;
font-style:normal;
text-decoration:none;
color:#000000;
}
.dropmenudiv a:hover span
{
background-position:right bottom;
color:#000000;
font-weight:bold;
}
/* -- FIN CODIGO CSS -- */
en el lugar que desea que aparezca pega el siguiente codigo en Html:
/* -- CODIGO HTML --*/
<div id="MainMenu">
<div id="tab">
<ul>
<li class="item_active"><a href="#"><span>Inicio</span></a></li>
<li><a href="#"><span>Asturias</span></a></li>
<li><a href="#"><span>Cosas mias</span></a></li>
</ul>
</div>
</div>
/* -- FIN CODIGO HTML --*/
donde esta el signo # lo reemplazas por la direccion url de destino.
espero de haber sido clara, cualquier problema escribeme
.gif)