No se si entiendo bien tu pregunta, yo quise añadir un faq en su momento y mi post debe estar por aquí, el caso es que conseguí sacar algo que queda chulo
Crear faq.html <font face="Arial" color="black" size=4>
<a href="javascript:MostrarOcultar('texto1');"><img src="images/faq/pregunta1a.png" alt="Premium" onmouseover="this.src='images/faq/pregunta1b.png'" onmouseout="this.src='images/faq/pregunta1a.png'" alt="no puedo entrar a la galería"></a>
<div class="ocultable" id="texto1"><p align="left">
texto que aparece y se esconde
</div>
Inicio del documento:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>F.A.Q. (preguntas frecuentes)</title>
<style type="text/css">
<!--
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
}
body {
background: #FFCC00 url(images/bg_yellow.jpg) repeat-x;
background-image: url(themes/curve_lucid_yellow/images/bg_yellow.jpg);
}
}
-->
</style></head>
<html>
<head>
</head>
<body>
<script languaje="Javascript">
<!--
document.write('<style type="text/css">div.ocultable{display: none;}</style>');
function MostrarOcultar(capa,enlace)
{
if (document.getElementById)
{
var aux = document.getElementById(capa).style;
aux.display = aux.display? "":"block";
}
}
//-->
</script>
Después añado el botón en la página principal:Añadir botón
Vamos a themes/curve_lucid_yellow/template.html y al lado de SYS MENU pegamos:
<a href="faq.html"><img src="images/faq1.png" alt="Premium" onmouseover="this.src='images/faq2.png'" onmouseout="this.src='images/faq1.png'" height="24" width="154" alt="preguntas frecuentes"></a>
faq.html -> .html al que redirige el vínculo
images/faq1.png -> imagen con el cursor fuera
images/faq2.png -> imagen con el cursor encima
preguntas frecuentes -> nombre del botón
Espero que esto te sirva de ayuda
Mario