forum.coppermine-gallery.net
Support => cpg1.3.x Support => Older/other versions => cpg1.3 Themes/Skins/Templates => Topic started by: jim_febc on October 08, 2004, 08:23:32 am
-
Hi... I installed a copy of coppermine (latest version) and chose the fruity theme... how can i add a logo at the upper right hand corner? Please help.
thanks in advance,
Jim
-
edit themes/fruity/template.html, find
<td style="background-color:#FFA600" align="left" valign="middle"><h1>{GAL_NAME}</h1><h3>{GAL_DESCRIPTION}</h3></td>
and replace with <td style="background-color:#FFA600" align="right" valign="middle"><img src="your_cutom_logo.gif" border="0" width="whatever" height="whatever" alt="" /></td>
Hope you get the idea.
Joachim
-
Thank you sir... i did what you did and saw what you meant... works really well!
I tried to change a small thing.. the alignment, instead of right, i made it left... and it turned out this way... please look.
http://www.febi.org/ph/photoforum/702dzas/index.php
I think i messed up something... ... very newbie i am...
is there any area i missed?
-Jim
-
you added a surplus table cell that messes up the whole layout. Change your template to
<!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/fruity/style.css" />
<script type="text/javascript" src="scripts.js"></script>
<!--
$Id: template.html,v 1.3 2004/06/11 09:20:09 tarique Exp $
-->
</head>
<body bgcolor="#FFFFFF" text="#000000">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td style="background-color:#FFFF00" id="m11" align="left"><img src="themes/fruity/images/site_logo.jpg" border="0" alt="my logo" ></td>
<td style="background-color:#FFFF00" id="m12"> </td>
<td id="m13">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td style="background-image:url(themes/fruity/images/middle_top2.gif);background-repeat:no-repeat" width="168"><img src="themes/fruity/images/blind.gif" width="168" height="81" border="0" alt="" /></td>
<td style="background-color:#FFA600" align="left" valign="middle"><h1>{GAL_NAME}</h1><h3>{GAL_DESCRIPTION}</h3>{LANGUAGE_SELECT_FLAGS}</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="background-color:#FFFF00" id="m21"> </td>
<td id="m22" style="background-image:url(themes/fruity/images/yellow_corner.gif);background-repeat:no-repeat" width="25"><img src="themes/fruity/images/blind.gif" width="25" height="45" border="0" alt="" /></td>
<td id="m23" style="background-image:url(themes/fruity/images/grey_vertical.gif);background-repeat:repeat-x" align="center" valign="middle">
{ADMIN_MENU}
</td>
</tr>
<tr>
<td id="m31" valign="top" style="background-color:#6BBE10">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td >
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td style="background-color:#6BBE10;background-image:url(themes/fruity/images/main_under_left.gif);background-repeat:no-repeat" width="24"></td>
<td style="background-color:#6BBE10;background-image:url(themes/fruity/images/main_under_middle.gif);background-repeat:repeat-x"><img src="themes/fruity/images/blind.gif" width="1" height="22" border="0" alt="" /> </td>
<td style="background-color:#6BBE10;background-image:url(themes/fruity/images/main_under_right.gif);background-repeat:no-repeat" width="98"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="background-color:#6BBE10" align="center" valign="top">
{MAIN_MENU}
</td>
</tr>
</table>
</td>
<td id="m32" style="background-image:url(themes/fruity/images/grey_horizontal.gif);background-repeat:repeat-y" ></td>
<td id="m33" valign="top">
{GALLERY}
{LANGUAGE_SELECT_LIST}
{THEME_SELECT_LIST}
</td>
</tr>
<tr>
<td id="m41">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td style="background-color:#6BBE10"> </td>
<td style="background-image:url(themes/fruity/images/lb_left.gif);background-repeat:no-repeat" width="126"><img src="themes/fruity/images/blind.gif" width="1" height="55" border="0" alt="" /> </td>
</tr>
</table>
</td>
<td id="m42" style="background-image:url(themes/fruity/images/lb_right.gif);background-repeat:no-repeat"></td>
<td id="m43">
</td>
</tr>
<tr>
<td id="m51">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td style="background-image:url(themes/fruity/images/left_bottom_left.gif);background-repeat:repeat-x"> </td>
<td style="background-image:url(themes/fruity/images/lb_bottom.gif);background-repeat:no-repeat" width="126"><img src="themes/fruity/images/blind.gif" width="1" height="6" border="0" alt="" /> </td>
</tr>
</table>
</td>
<td id="m52"></td>
<td id="m53"></td>
</tr>
</table>
</body>
<br />
<div align="center">{LANGUAGE_SELECT_FLAGS}</div>
</html>
Keep in mind that the reference to your custom logo has to be relative from coppermine's root path, not the fruity dir.
Joachim
P.S. Don't remove stuff from the template that is within curly braces unless you know what you're doing. If you don't want the language selector, disable it in coppermine config, not in the template.html
-
Thank you sir... thank you very much!!!
:)
warm regards from the Philippines!
Jim...