HOWTOs see below.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html tal:attributes="lang here/getLanguage | string:de" metal:define-macro="page">
<head metal:define-slot="head">
<!--<tal:block tal:define="global weiter python:here.REQUEST.SESSION.get(here.getId()+'_next','no')"/>-->
<tal:block tal:define="global weiter python:here.REQUEST.cookies.get('_next','yes')"/>
<link href="virtuelleAus.css" rel="stylesheet" type="text/css">
<link href="mapstyle_css" rel="stylesheet" type="text/css">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title metal:define-slot="title"><tal:block tal:replace="here/title"/></title>
<tal:block metal:define-slot="script">
<tal:block tal:condition="python:weiter=='no'"><tal:block tal:define="dummy python:here.REQUEST.set('map_force_types','arrow')"/></tal:block>
<tal:block tal:condition="python:weiter=='yes'"><tal:block tal:define="dummy python:here.REQUEST.set('map_force_types','')"/></tal:block>
<script tal:replace="structure here/createMapHead"/>
</tal:block>
</head>
<body tal:condition="not:python:here.absolute_url()+'/index_html'==here.REQUEST['URL']"><tal:block tal:define="dummy python:here.REQUEST.response.redirect(here.absolute_url()+'?'+here.REQUEST['QUERY_STRING'])"/>
</body>
<body tal:condition="python:here.absolute_url()+'/index_html'==here.REQUEST['URL']" metal:define-slot="body" onload="map_init()">
<!-- navigation arrowa -->
<tal:block tal:define="left python:here.getVD('left');
right python:here.getVD('right');
out python:here.getVD('out');
main python:here.getVD('main');
">
<!--<div tal:condition="right" style="position:absolute;top:300pt;left:5pt">
<a class="image" tal:attributes="href right" class="image"><img src="arrows/left.png" border="0"></a>
</div>
<div tal:condition="left" style="position:absolute;top:300pt;right:5pt">
<a class="image" tal:attributes="href left" class="image"><img src="arrows/right.png" border="0"></a>
</div>-->
<div tal:condition="out" style="position:absolute;top:490pt;left:350pt">
<a class="image" tal:attributes="href out" class="image"><img src="arrows/down_2.gif" border="0"></a>
</div>
</tal:block>
<!-- content -->
<table class="content" padding=0 cellspacing=0 border=0 width="100%" height="680px" style="margin-top: 0px;z-index:0;">
<tr><td height="39px">
<!-- navigation -->
<div id="nav_bottom" style="z-index: 50;">
<table width="100%" id="nav" background="#B00000" border=0 cellspacing=0 cellpadding=0>
<tr>
<td width="40px">
<!-- language switcher with flag button -->
<a tal:condition="python:here.getLanguage()=='de'" id="flag" href="./switchLanguage"><img id="flag" tal:attributes="
src python:'images/flag_en.gif';
alt python:context.getLanguage()"
width="50" height="25" style="float:left">
</a>
<a tal:condition="python:here.getLanguage()=='en'" id="flag" href="./switchLanguage"><img id="flag" tal:attributes="
src python:'images/flag_it.gif';
alt python:context.getLanguage()"
width="50" height="25" style="float:left">
</a>
</td>
<td width="70px">
<!-- home -->
<a href="home">Start</a>
</td>
<td width="50px">
<tal:block tal:define="panorama here/getPanorama">
<a target="_blank" tal:condition="panorama" tal:attributes="href panorama">Panorama</a>
</tal:block>
</td>
<td> </td>
<!-- lokales ausblenden /einblenden
<td align="center">
<tal:block tal:condition="python:weiter=='no'" tal:define="dummy python:here.REQUEST.SESSION.set(here.getId()+'_next','yes')">
<a id="next" tal:attributes="href python:here.absolute_url()+'/setWeiter'">Ausstellungsinhalte</a>
</tal:block>
</td>--->
<td align="center">
<tal:block tal:condition="python:weiter=='no'">
<a id="next" tal:condition="python:here.getLanguage()=='de'" tal:attributes="href py thon:here.absolute_url()+'/setWeiter'">Ausstellungsinhalte</a>
<a id="next" tal:condition="python:here.getLanguage()=='en'" tal:attributes="href python:here.absolute_url()+'/setWeiter'">Content</a>
</tal:block>
</td>
<!--<td width="50px">
lokales ausblenden /einblenden
<tal:block tal:condition="not:python:weiter=='no'" tal:define="dummy python:here.REQUEST.SESSION.set(here.getId()+'_next','no')">
<a style="float:right" tal:condition="python:here.getLanguage()=='de'" tal:attributes="href python:here.absolute_url()+'/clearDisplay'">Texte ausblenden</a>
<a style="float:right" tal:condition="python:here.getLanguage()=='en'" tal:attributes="href python:here.absolute_url()+'/clearDisplay'">Hide Texts</a>
</tal:block>
<tal:block metal:define-slot="page_foot"/>
</td>-->
<td align="center">
<tal:block tal:condition="not:python:weiter=='no'">
<a id="next" tal:condition="python:here.getLanguage()=='de'" tal:attributes="href python:here.absolute_url()+'/clearDisplay'">Texte ausblenden</a>
<a id="next" tal:condition="python:here.getLanguage()=='en'" tal:attributes="href python:here.absolute_url()+'/clearDisplay'">Hide Texts</a>
</tal:block>
<tal:block metal:define-slot="page_foot"/>
</td>
<td width="50px">
<a tal:condition="python:here.getLanguage()=='de'" style="float:right" href="javascript:history.back()">zurück</a>
<a tal:condition="python:here.getLanguage()=='en'" style="float:right" href="javascript:history.back()">back</a>
</td>
<td width="50px" align="center">
<table>
<tr>
<td align="center"><a href="http://www.mpiwg-berlin.mpg.de/de/impressum.html" target="_blank" id="rights">Impressum</a></td>
</tr>
<tr>
<td align="center"><a href="copyrights" target="_blank" id="rights">Copyright</a></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<!-- ende navigation -->
</td></tr>
<tr bgcolor="black">
<td valign="top" height="640px">
<div tal:replace="structure python:here.createMapImg()"/>
</td>
</tr>
</table>
<!-- title -->
<div class="maptext" tal:condition="python:weiter=='yes'" style="position:absolute;top:65px;left:0px;width:1024px;"><h1 tal:content="structure python:here.getTitle()">HALLO</h1></div>
<!-- link block -->
<div style="display: none">
<tal:block tal:repeat="ob python:here.getAllMapAreas(mapColTypes=['ECHO_collection','ECHO_resource','ECHO_link'])">
<a tal:replace="structure python:here.createMapLink(ob,target='_top')"/><br/>
</tal:block>
<tal:block tal:repeat="ob python:here.getAllMapAreas(mapColTypes=['ECHO_externalLink'])">
<a tal:replace="structure python:here.createMapLink(ob,target='_blank')"/><br/>
</tal:block>
</div>
<!-- end of link block -->
<!-- auxiliary image block -->
<tal:block tal:repeat="ob python:here.getAllMapAreas(mapColTypes=['ECHO_collection','ECHO_resource','ECHO_link'])">
<a tal:replace="structure python:here.createMapAux(ob,target='_top',backLink=here.REQUEST.get('backLink',None))"/>
</tal:block>
<tal:block tal:repeat="ob python:here.getAllMapAreas(mapColTypes=['ECHO_externalLink'])">
<a tal:replace="structure python:here.createMapAux(ob,target='_blank')"/>
</tal:block>
<!-- end of auxiliary image block -->
</body>
</html>
HOWTOs
Create a content_overview_template
To create a content_overview_template, create a Page Template and paste the above code into it.
Notice: This is just a default template. You may change it, so that it satisfy your demands.