Changing Header To Adjust with Main Website Navigation.

sachin · August 15, 2006, 10:42:42 AM

Hi Freind,
I have a Website called Shipdays.com and i want to use the header of the site with navigation structure on my Coppermine Photo Gallery.

Now The header of my site basically consist of three things the Code, Style Sheet, and the background image.

I have Made changes in the code of the templates.html file and also uploaded the style sheet and the background image for header.

But it doesnt come like the way it is in my Index page shipdays.com.

Plz help me as where i went wrong and what can be done to sort it out.

The URL for the gallery is http://www.shipdays.com/coppermine/

and for the site is www.shipdays.com

thanks
admin
shipdays.com

Joachim Müller · August 15, 2006, 11:15:18 AM

You can't do that by adding all the header stuff from your overall page, as you are defining the head section twice. Edit http://www.shipdays.com/coppermine/themes/water_drop/template.html and replace the content with

Code Select

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html dir="{LANG_DIR}">
<head>

<meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" />
<meta http-equiv="Pragma" content="no-cache" />
<title>Shipdays.com, Ship Picture Gallery, Sailor Diccussion forum, Maritime Links, Marine Software: {TITLE}</title>
{META}
<meta name="description" content="training software,maritime training,training material,marine software,marine notices,seamanship training,seaman training" />
<meta name="author" content="Sachin Juyal" />
<link rel="stylesheet" href="/andreas09.css" type="text/css" media="screen" />
<link rel="stylesheet" href="themes/water_drop/style.css" type="text/css" />
<script type="text/javascript" src="scripts.js"></script>
<!-- $Id: template.html 2688 2005-12-04 03:22:35Z donnoman $ -->
</head>
<body>
<div id="sitename">

<h1><a href="http://shipdays.com">
<font color="#FFFFFF" face="Bookman Old Style">w w w . s h i p d a y s . c o m</font></a></h1>
<h2>A website on Sailors, Shipping and Maritime Industry.</h2>
</div>

<div id="mainmenu" style="width: 920; height: 35">
<ul>
<li><a class="current" href="index.html">Home</a></li>
<li><a href="http://www.shipdays.com/forum/">Forum </a></li>
<li><a href="http://www.shipdays.com/download/">Download</a></li>
<li><a href="http://shipdays.com/coppermine/index.php">Photo Gallery</a></li>

<li><a target="_self" href="http://www.shipdays.com/phpmyfaq/">Officer-Exams </a></li>
<li><a href="http://shipdays.com/noahsclassifieds/index.php">Links</a></li>
<li><a href="http://shipdays.com/sitemap/">Site Map</a></li>
<li><a href="http://shipdays.com/advancedguestbook/">Guest Book </a></li>
<li><a href="http://shipdays.com/contactus/">Contact Us</a></li>
</ul>
</div>
  {CUSTOM_HEADER}
  <table width="100%" border="0" cellpadding="20" cellspacing="20">
    <tr>
      <td valign="top" style="border: 1px solid #CCD7E0; background-color: #FFFFFF;">

        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="100%" align="center">
              <h1>{GAL_NAME}</h1>
              <h3>{GAL_DESCRIPTION}</h3><br />
              {SYS_MENU}<br />{SUB_MENU}
            </td>
          </tr>

        </table>
        <img src="images/spacer.gif" width="1" height="15" alt="" />
        <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td valign="top">
              {ADMIN_MENU}
              {GALLERY}
              <div style="text-align:center;">
              <div>
        {LANGUAGE_SELECT_FLAGS}<br />

        {THEME_SELECT_LIST}{LANGUAGE_SELECT_LIST}
        </div>
        </div>
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>

  {CUSTOM_FOOTER}{VANITY}
</body>
</html>

You need to read up how meta tags work, they are wrong on your overall page. You may have to figure out the double definitions of html tags in your custom theme's style sheet.

sachin · August 17, 2006, 07:50:16 AM

Hi Freind,
First Of all i would like to thank you for your help, as told by you, i used the code in my template.html file., and it works fine.

for the header it is using one background image bodybg.jpg which is defined in the style sheet andreas09.css as
background:#f0f0f0 url (bodybg.jpg) repeat-x;

I dont know why it is not using that image as background in the header, tell me is there something that needed to be changed in the style sheet code.

thanks

admin

Joachim Müller · August 17, 2006, 08:22:36 AM

The style sheet coppermine uses already contains a definition for that. As I suggested: you'll need to edit double entries.

sachin · August 17, 2006, 09:27:14 AM

dear Freind i am not getting how to do that, plz help me out, where should i make the changes.

i am adding the both the style sheet the one i am using for background of header ane one that is default for coppermine theme plus the background image in the header which i want to use.

thanks

sachin · August 17, 2006, 02:41:21 PM

Hi feind,
Well i have done rest of the things, thanks for all the help,
the site s fine wth the new header in place.

thaks
admin
shipdays.com

Gizmo · August 17, 2006, 03:14:10 PM

Looks fine in IE but the main content is out of place in Firefox.

sachin · August 17, 2006, 03:43:04 PM

Hi,
i did not checked it n firefox,
can u just tell me what could be done so it looks fine n firefox also.

Gizmo · August 18, 2006, 03:51:40 AM

It's hard to tell but I think you may have a <table> tag open. If you zip up your theme and attach it to this post then we can better see what the problem is.

coppermine-gallery.com/forum

News:

Changing Header To Adjust with Main Website Navigation.

sachin

Joachim Müller

sachin

Joachim Müller

sachin

sachin

Gizmo

sachin

Gizmo