Жаль что Вы выбрали 5 версию H&M, лучше сразу взять 7-ю, на просторах интернета легко находится (Professional, с ключом). По крайней мере, в ней уже куча доработок и полноценная передача в Word. Но это так, просто совет. Можно научится и в 5й, а потом уже засесть в 7й (скачать с официального сайта, а ключ я Вам могу подарить).
Тело (body) шаблона с навигацией (переходы по главам (НЕ ПО ИСТОРИИ!), управление переключателями, печать и масштабирование, а-ля Microsoft):[CODE]<body>
<div id="idheader">
<br/>
<table style="width:100%;border:none;margin:0px" cellspacing="0" cellpadding="0">
<tr valign="top">
<td width="80%" align="left" valign="top" class="topichead">
<IF_PREVIOUS_PAGE>
<a href="<%HREF_PREVIOUS_PAGE%>"
on mouseover="document.images.prev.src='on_back.png'"
on mouseout="document.images.prev.src='back.png'">
<img name="prev" src="back.png" border=0 title="Назад" alt="Назад">
</a>
</IF_PREVIOUS_PAGE>
<IFNOT_PREVIOUS_PAGE><img src="no_back.png" border="0"></IFNOT_PREVIOUS_PAGE>
<a href="<%HREF_PARENT_CHAPTER%>"
on mouseover="document.images.main.src='ishome.png'"
on mouseout="document.images.main.src='home.png'"><img name=main src="home.png" border=0 title="В начало" alt="В начало">
</a>
<IF_NEXT_PAGE>
<a href="<%HREF_NEXT_PAGE%>"
on mouseover="document.images.next.src='on_forward.png'"
on mouseout="document.images.next.src='forward.png'"><img name=next src="forward.png" border=0 title="Далее" alt="Далее">
</a>
</IF_NEXT_PAGE>
<IFNOT_NEXT_PAGE><img src="no_forward.png" border="0"></IFNOT_NEXT_PAGE>
<a href="jav * ascript: print();"
on mouseover="document.images.print.src='on_print.png'"
on mouseout="document.images.print.src='print.png'">
<img name="print" border="0" alt="Печать темы" title="Печать темы" src="print.png">
</a>
<IF_TOGGLES><IFNOT_EBOOK>
<a href="jav * ascript:HMToggleExpandAll(!HMAnyToggleOpen());"
on mouseover="document.images.toggle.src='on_toggle.png'"
on mouseout="document.images.toggle.src='toggle.png'">
<img name="toggle" border="0" alt="Свернуть/развернуть" title="Свернуть/развернуть текст" src="toggle.png">
</a>
</IF_TOGGLES>
<br/><br/>
<p class="crumbs" id="idnav"><b>Навигация:</b>
<IFNOT_TOPIC_BREADCRUMBS>»Разделы выше данного уровня отсутствуют«</IFNOT_TOPIC_BREADCRUMBS>
<IF_TOPIC_BREADCRUMBS><%TOPIC_BREADCRUMBS%> ><font color="black"> <%TOPIC_TITLE%></font></IF_TOPIC_BREADCRUMBS></p>
<font color="blue" size="5"> <%TOPIC_TITLE%></font><IF_TOPIC_HEADER><br/><br/>
<%TOPIC_HEADER%></IF_TOPIC_HEADER>
</td>
</tr>
</table>
</div>
<div id="idcontent">
<div id="innerdiv">
<%TOPIC_TEXT%>
</div>
</div>
<IF_TOPIC_HEADER>
<sc ript type="text/javascript">
var lastSlashPos = document.URL.lastIndexOf("/") > document.URL.lastIndexOf("\\") ? document.URL.lastIndexOf("/") : document.URL.lastIndexOf("\\");
if( document.URL.substring(lastSlashPos + 1, lastSlashPos + 4).toLowerCase() != "~hh" )
{
if (document.all) setTimeout(function() {nsrInit();},20);
else nsrInit();
}
</sc ript>
</IF_TOPIC_HEADER>
</body>
[/CODE]Для того чтобы перемещаться по истории, а не по главам, необходимо заменить блок[CODE] <IF_PREVIOUS_PAGE>
<a href="<%HREF_PREVIOUS_PAGE%>"
on mouseover="document.images.prev.src='on_back.png'"
on mouseout="document.images.prev.src='back.png'">
<img name="prev" src="back.png" border=0 title="Назад" alt="Назад">
</a>
</IF_PREVIOUS_PAGE>
<IFNOT_PREVIOUS_PAGE><img src="no_back.png" border="0"></IFNOT_PREVIOUS_PAGE>
<a href="<%HREF_PARENT_CHAPTER%>"
on mouseover="document.images.main.src='ishome.png'"
on mouseout="document.images.main.src='home.png'"><img name=main src="home.png" border=0 title="В начало" alt="В начало">
</a>
<IF_NEXT_PAGE>
<a href="<%HREF_NEXT_PAGE%>"
on mouseover="document.images.next.src='on_forward.png'"
on mouseout="document.images.next.src='forward.png'"><img name=next src="forward.png" border=0 title="Далее" alt="Далее">
</a>
</IF_NEXT_PAGE>
<IFNOT_NEXT_PAGE><img src="no_forward.png" border="0"></IFNOT_NEXT_PAGE>
[/CODE]на:[CODE]<a href="jav * ascript: window.history.back();"
on mouseover="document.images.prev.src='on_back.png'"
on mouseout="document.images.prev.src='back.png';">
<img name="prev" src="back.png" border=0 title="Назад" alt="Назад">
</a>
<a href="jav * ascript: window.history.forward();"
on mouseover="document.images.next.src='on_forward.png'"
on mouseout="document.images.next.src='forward.png';">
<img name="next" src="forward.png" border=0 title="Вперед" alt="Вперед">
</a>
[/CODE]Чтобы добавить кнопки масштабирования как у Microsoft, перед блоком [CODE]<br/><br/>
<p class="crumbs" id="idnav"><b>Навигация:</b>
[/CODE]добавьте следующий код:[CODE] <sc ript type="text/javascript">
function resizeText(multiplier)
{if (document.getElementById('innerdiv').style.fontSize == "")
{document.getElementById('innerdiv').style.fontSize = "1.0em";}
document.getElementById('innerdiv').style.fontSize = parseFloat(document.getElementById('innerdiv').style.fontSize) + (multiplier * 0.2) + "em";}
</sc ript>
<sc ript type="text/javascript">
var zl = false;
function zoom()
{if (zl) {zl = false;resizeText(-4);document.images.zoomb.src="zoomtxt.png";}
else{if(!zl){zl = true;resizeText(+4);document.images.zoomb.src="on_zoomtxt.png";}}}
</sc ript>
<a href="jav * ascript: zoom();"
on mouseover="document.images.zoomb.src='on_zoomtxt.png'"
on mouseout="jav * ascript: if(!zl)document.images.zoomb.src='zoomtxt.png';else document.images.zoomb.src='on_zoomtxt.png'">
<img name="zoomb" border="0" alt="Изменить размер" title="Изменить размер" src="zoomtxt.png">
</a><br/><br/>
[/CODE]Файлы изображений кнопок:
В итоге имеем следующую панель:
P.S.: Заменить [B]jav * ascript [/B]на [B]javascript[/B]
чат для технических писателей в Telegram
