How to show the logo using the fruity template...

jim_febc · 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

Joachim Müller · October 08, 2004, 08:27:40 AM

edit themes/fruity/template.html, find

Code Select

    <td style="background-color:#FFA600" align="left" valign="middle"><h1>{GAL_NAME}</h1><h3>{GAL_DESCRIPTION}</h3></td>

and replace with

Code Select

    <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

jim_febc · October 08, 2004, 08:54:29 AM

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

Joachim Müller · October 08, 2004, 09:05:24 AM

you added a surplus table cell that messes up the whole layout. Change your template to

Code Select

<!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">&nbsp;</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">&nbsp;</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="" />&nbsp;</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}&nbsp;
{THEME_SELECT_LIST}
</td>
</tr>
<tr>
<td id="m41">
  <table border="0" cellspacing="0" cellpadding="0" width="100%">
  <tr>
  <td style="background-color:#6BBE10">&nbsp;</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="" />&nbsp;</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">&nbsp;</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="" />&nbsp;</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

jim_febc · October 08, 2004, 09:55:25 AM

Thank you sir... thank you very much!!!

warm regards from the Philippines!

Jim...

coppermine-gallery.com/forum

News:

How to show the logo using the fruity template...

jim_febc

Joachim Müller

jim_febc

Joachim Müller

jim_febc