forum.coppermine-gallery.net
Support => cpg1.3.x Support => Older/other versions => cpg1.3 Themes/Skins/Templates => Topic started by: vrviji on August 26, 2004, 05:32:07 am
-
Hi,
When someone is browsing the a particular category of pictures - the page that appears, has right on the top - (a) the Banner Part of the site, then (b) the picture that is currently being viewed , then (c) the film strip of the previous and next couple of pictures in that particular category and finally (d) the comments and detals of the particular picture.
My problem is , that with most themes ( correct me if I am wrong ) the banner part of the page takes up about 25 % of the screen - so the picture proper is partly hidden and requires the User to scroll down each time to view the whole picture. And when they click on the next arrow to move to the next picture - the page goes back up again, and they need to scroll down again.
How can we avoid that ? Can we re-arrange the order such that maybe for this view the banner part goes down to the bottom, so a User can click forward thru many pictures without having to scroll down each time to view the full picture ?
Just a small little annoying problem that I have. How nice if there is a fix for this. I currently use the water drop theme ( I used Rainy Day before ) and it has this problem.
Any advise will be appreciated.
Thank you,
Viji Rajasundram
www.sundram.org
-
you're free to do nearly anything with your theme. e.g. remove/replace the banner section. This is what I did with the theme condensed grey (http://coppermine.sourceforge.net/demo/index.php?theme=condensed_grey) for example. To accomplish this, simply edit your template file, e.g. themes/classic/template.html, find
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="index.php"><img src="themes/classic/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>and replace with<div align="center">{MAIN_MENU}</div>or similar.
To save even more space, take the navigation to the left, like this: replace the content of themes/classic/template.html with<!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}
<link rel="stylesheet" href="themes/classic/style.css" />
<script type="text/javascript" src="scripts.js"></script>
</head>
<body>
<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;">
{MAIN_MENU}
{LANGUAGE_SELECT_LIST}<br />
{THEME_SELECT_LIST}
</td>
<td valign="top" bordercolor="#666666" bgcolor="#FFFFFF" style="border: 1px solid;">
<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>
<tr>
<td valign="top" colspan="2" bordercolor="#666666" bgcolor="#FFFFFF" style="border: 1px solid;">
{LANGUAGE_SELECT_FLAGS}
</td>
</tr>
</table>
</body>
</html>
This is why we have a theme/template system: you're free to make this up as you like.
GauGau