come on, this is basic html stuff. Keep the graphics where they currently are, just add the html, like this<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{LANG_DIR}">
<head>
<title>{TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" />
<meta http-equiv="Pragma" content="no-cache" />
{META}
<style type="text/css">
@import url(http://os.dorfschule.ch/site.php?template=css_default&type=text/css);
body {
color:black;
}
body,table,input {
font-family:arial,sans-serif;
font-size:12px;
}
.imgLink {
border:1px solid black;
}
.titrePage,.titreMenu,.menu,.info {
color:black;
}
.titreMenu,.menu,.info {
margin-bottom:5px;
white-space:nowrap;
}
.menu,.titrePage,.info {
margin-left:2px;
margin-right:2px;
}
.menuInfoCat {
font-family:sans-serif;
font-size:11px;
}
.totalImages {
text-align:center;
margin-top:5px;
font-family:sans-serif;
font-size:11px;
}
.titreMenu {
font-weight:600;
text-align:center;
}
.info {
text-align:right;
}
.titrePage {
white-space:nowrap;
font-weight:500;
font-size:18px;
text-align:center;
}
.comments,.infoCat,.navigationBar {
margin-top:10px;
margin-bottom:10px;
}
.comments {
text-align:justify;
font-style:italic;
}
.navigationBar {
text-align:center;
}
.infoCat {
text-align:left;
}
.thumbnail {
font-size:11px;
text-align:center;
}
.copyright {
font-size:11px;
text-align:center;
font-family:sans-serif;
letter-spacing:0.3mm;
}
.commentImage {
font-weight:bold;
text-align:center;
font-size:17px;
}
.bouton {
background:#EEEEEE;
}
input {
border-width:1;
border-color:#000000;
background:#ffffff;
color: #000000;
}
body {
background-image:url(./template/myTemplate/theme/background.gif);
}
table {
border-collapse:collapse;
}
table.thumbnail {
border-collapse:separate;
}
td {
font-family:sans-serif;
padding:0;
}
.errors {
text-align:left;
margin-top:5px;
margin-bottom:5px;
background-color:red;
font-weight:bold;
border:1px solid black;
color:white;
}
div.information {
text-align:center;
border:2px solid black;
margin:10px;padding:5px;
}
#siteNav {
font-family: verdana, arial, helvetica, sans-serif;
font-weight: normal;
height: 16px;
margin: 0px 10px 0px 10px;
font-size: 13px;
}
</style>
<link rel="stylesheet" href="themes/default/style.css" />
<script type="text/javascript" src="scripts.js"></script>
</head>
<body>
<div id="siteHead">
<div id="siteLogo">
<h1><a href="http://os.dorfschule.ch/index">Oberstufe Engelberg</a></h1>
</div>
<div id="siteNav">
<a href="http://os.dorfschule.ch/index"><span>Home</span></a><span class="hidden"> | </span>
<a href="http://www.dorfschule.ch/phpmyforum/"><span>Forum</span></a><span class="hidden"> | </span>
<a href="http://www.dorfschule.ch/gallery/category.php"><span>Gallery</span></a><span class="hidden"> | </span>
<a href="http://www.dorfschule.ch/quizzermania/index.php" ><span>Quiz</span></a><span class="hidden"> | </span>
<a href="http://www.google.ch" target="_blank"><span>Google</span></a><span class="hidden"> | </span>
<a href="http://os.dorfschule.ch/links"><span>Links</span></a><span class="hidden"> | </span>
<a href="http://www.dorfschule.ch/phpmyforum/board.php?id=13"><span>News</span></a><span class="hidden"> | </span>
<a href="http://www.dorfschule.ch/chat/index.php" target="_blank"><span>Chat</span></a><span class="hidden"> | </span>
<a href="http://www.dorfschule.ch/gaestebuch/gaestebuch.php"><span>Gästebuch</span></a><span class="hidden"> | </span>
<a href="http://os.dorfschule.ch/feedback"><span>Feedback</span></a>
</div>
</div>
<table width="100%" height="100%" border="0" cellpadding="20" cellspacing="20" bgcolor="#CCCCCC">
<tr>
<td valign="top" bordercolor="#666666" bgcolor="#FFFFFF" style="border: 1px solid;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="index.php"><img src="themes/default/images/site_logo.png" alt="" border="0" /><br /></a></td>
<td width="100%" align="center">
<h1>{GAL_NAME}</h1>
<h3>{GAL_DESCRIPTION}</h3><br />
{MAIN_MENU}
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>{LANGUAGE_SELECT_FLAGS}</td>
<td>{LANGUAGE_SELECT_LIST}</td>
<td>{THEME_SELECT_LIST}</td>
</tr>
</table>
<img src="images/spacer.gif" width="1" height="15" /><br />
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top">
{ADMIN_MENU}
{GALLERY}
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Let me repeat: this is basic html/css and not related to coppermine at all.
GauGau