Small Pirate

Bueno amigos aca les traigo un menu el cual cada boton al colorcar el mouse ensima aparece una descripcion de cada accion.

Cap.





solo tienen que hacer lo siguiente.

Buscan en su .css

</style>

abajo colocan:

<:style type='text/css'>:

#exp_content {
  height: auto;
  margin: auto;
}
#cmd_wrapper { /* el contenedor centrado y con un ancho fijo */
  margin: 0 auto;
  width: 610px;
}

#cmd_content { /* el bloque derecho con un contenido cualquiera */
  background-color: #color;
  display: inline;
  float: right;
  width: 450px;
}
#cmd_content h2, #cmd_sidebar h2 { /* los títulos */
  margin: 5px;
  [... cualquier otra propiedad ...]
}
#cmd_content p { /* los párarfos */
  margin: 15px;
  [... cualquier otra propiedad ...]
}

#cmd_sidebar { /* el bloque izquierdo con el menú */
  display: inline;
  float: left;
  width: 150px;
}

ul#cmd { /* el bloque con la lista expandible */
  list-style-type: none;
  margin: 5px 0;
}
ul#cmd li { /* cada item de la lista */
  background: none;
  list-style-type: none;
  padding: 0;
  margin-bottom: 5px;
}

ul#cmd a { /* cada item de la lista es un enlace que permite expandirla */
  display:block;
  cursor:pointer;
  height: 4em;
  padding: 5px;
  position:relative;
  width:140px;
  text-decoration:none;
  [... propiedades de las fuentes, colores, fondos, etc ...]
}
ul#cmd a span { /* los items expandidos */
  cursor: pointer;
  display: block;
  height: 4em;
  left: -9000px;
  padding: 5px 0;
  position: absolute;
  top: -9000px;
  width: 400px;
  [... propiedades de las fuentes, colores, fondos, etc ...]
}
ul#cmd a:hover, ul#cmd a:focus, ul#cmd a:active {
  [... propiedades optativas del efecto hover ...]
}

/* esto es lo que hace que se expanda cada item */
ul#cmd a:hover span, ul#cmd a:focus span, ul#cmd a:active span {
  left :100px;
  top:-1px;
}

</style>

despues en su recent.template colocan:

<div id="exp_content">
  <div id="cmd_wrapper">
    <div id="cmd_content">
      <h2>Contenido</h2>
      <p>Lorem ipsum dolor sit amet ...</p>
    </div>
    <div id="cmd_sidebar">
      <h2>Menú</h2>
      <ul id="cmd">
        <li><a href="Action"><strong>Enlace 1</strong> <span>Aquí va un texto explicativo del enlace 1 ...</span></a></li>
        <li><a href="Action"><strong>Enlace 2</strong> <span>Aquí va un texto explicativo del enlace 2 ...</span></a></li>
        <li><a href="Action"><strong>Enlace 3</strong> <span>Aquí va un texto explicativo del enlace 3 ...</span></a></li>
      </ul>
    </div>
  </div>
  <div style="clear:both;"></div>
</div>

ustedes pueden cambiar el color de los menus en su totalidad. 

Bueno amigos eso es todo, espero les sea de utilidad.

Agradecer no cuesta.

:)