coppermine-gallery.com/forum

Support => Older/other versions => cpg1.2 Standalone Support => Topic started by: hama on May 16, 2004, 10:35:28 PM

Title: [Solved]: Insert website-header into gallery
Post by: hama on May 16, 2004, 10:35:28 PM
I installed your Gallery and it's running now on my website. The only problem is to include the header of my website into the gallery.

Maybe someone has energy and time to help me a little bit.

My website --> http://os.dorfschule.ch/

Gallery --> http://www.dorfschule.ch/copper/index.php

This is a part of theme.php (gallery). By function pageheader I have to build in something but how.




function pageheader($section, $meta = '')
{
global $CONFIG, $THEME_DIR;
global $template_header, $lang_charset, $lang_text_dir;

header('P3P: CP="CAO DSP COR CURa ADMa DEVa OUR IND PHY ONL UNI COM NAV INT DEM PRE"');
user_save_profile();

$template_vars = array('{LANG_DIR}' => $lang_text_dir,
'{TITLE}' => $CONFIG['gallery_name'] . ' - ' . $section,
'{CHARSET}' => $CONFIG['charset'] == 'language file' ? $lang_charset : $CONFIG['charset'],
'{META}' => $meta,
'{GAL_NAME}' => $CONFIG['gallery_name'],
'{GAL_DESCRIPTION}' => $CONFIG['gallery_description'],
'{MAIN_MENU}' => theme_main_menu(),
'{ADMIN_MENU}' => theme_admin_mode_menu(),
);

echo template_eval($template_header, $template_vars);
}




This is the header of my website:




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




And then I have to do something in template.html, a new field {CUSTOM_HEADER} but how?

template.html (gallery):



<!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/default/style.css" />
<script type="text/javascript" src="scripts.js"></script>
<!--
$Id: template.html,v 1.5 2004/03/21 20:06:23 gaugau Exp $
-->
</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;">
<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>




Thanks for your help!


Title: Re: Insert website-header into gallery
Post by: Joachim Müller on May 17, 2004, 10:04:35 AM
I'm not sure what your question actually is; I guess you just want to insert your navigation to each coppermine page. Since it is plain html you want to add, just edit template.html and put the chunk of html code into it and you're done, 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}
<link rel="stylesheet" href="themes/default/style.css" />
<script type="text/javascript" src="scripts.js"></script>
<!--
$Id: template.html,v 1.5 2004/03/21 20:06:23 gaugau Exp $
-->
</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>


GauGau

P.S. You seem to be installing cpg1.3.0 (which is still in beta state and doesn't come with support yet) - this is only recommended for experienced users...
Title: Re: Insert website-header into gallery
Post by: hama on May 17, 2004, 10:37:23 AM

Quote- this is only recommended for experienced users...

I know I don't belong to that group but anyway thank you a lot for the answer.

Do you know that you are programming a very great gallery-script?

At the moment another gallery is running on my website. By chance I found your script and I knew immediately that I have to change.

Have a good time
Title: Re: Insert website-header into gallery
Post by: hama on May 17, 2004, 06:04:12 PM

The title and the menu are built in now in the way you explained but I miss the graphics in the header. In which folder do I have to copy them and how want they to be linked?

http://dorfschule.ch/copper/index.php

http://os.dorfschule.ch/

::)
Title: Re: Insert website-header into gallery
Post by: Joachim Müller on May 17, 2004, 08:38:11 PM
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
Title: Re: Insert website-header into gallery
Post by: hama on May 17, 2004, 10:03:18 PM

I know  :-[

Please keep patience with a poor swiss teacher. He just tries to make a good website for the kids.

Thanks a lot, the header is running now (except the Coppermine links :Album List:, :Login: and so on. These links should be centered. I know the command [ALIGN=center]...[/ALIGN] but where to put in, that's the question.

Have a good time
Title: Re: Insert website-header into gallery
Post by: Joachim Müller on May 17, 2004, 10:11:36 PM
edit themes/yourtheme/style.css and find.topmenu {
       line-height : 130%;
       font-size: 100%;
}
Change it to.topmenu {
       line-height : 130%;
       font-size: 100%;
       text-align : center;
}
Again, no php at all, but simple CSS.
Please understand that I have already been very patient with you; I won't answer any more questions that deal with plain html/CSS/JavaScript.
Also, you're supposed to ask only one question per thread (you mustn't "hijack" threads, not even the ones you started). This way, live gets easier for supporters and (most important) it gets easier for other users who may be browsing the board for answers by subject.

GauGau
Title: Re: Insert website-header into gallery
Post by: hama on May 17, 2004, 10:27:29 PM

Thanks

</close>