Fit coppermine in homepage style

Cheffu · October 22, 2007, 07:32:51 PM

Hello,
I want to build my coppermine in the same style as the rest of my homepage, but I can't do it. Perhaps because I'm not good in build things with divs.
I've used the search and I fount that I must work on template.html.
In a simplified manner I've uploaded my problem: http://www.bgb08.de/galerie/
It should look like: http://www.bgb08.de/galerie/index4.html between the two vertical images should be the galerie.

The Source is:

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>{TITLE}</title>
{META}
<link rel="stylesheet" href="themes/project_vii/style.css" type="text/css" />
<style type="text/css">
.gesamt { width:1000px; min-height:200px; margin:auto; padding:0px;  }
.links  { width:28px; background-image:url(http://www.bgb08.de/bilder/design/links.jpg); min-height:800; padding:0px; float:left; }
.mitte  { width:942px; background-color:#FFfDDD; padding:0px; float:left;  }
.rechts  { width:28px;  background-image:url(http://www.bgb08.de/bilder/design/rechts.jpg); min-height:800; padding:0px; float:left; }
</style>
<script type="text/javascript" src="scripts.js"></script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}
//-->
</script>
<!-- $Id: template.html 2688 2005-12-04 03:22:35Z donnoman $ -->
</head>
<body>
<!-- complete holder -->
<div class="gesamt">

     <!-- left -->
     <div class="links"></div>
     <!-- left end -->

     <!-- middle -->
     <div class="mitte">

          <div id="CUSTOM_HEADER">
               {CUSTOM_HEADER}
          </div>

          <div id="HEADER" style="background-image:url(themes/project_vii/images/top_panel_r1_c4.jpg);">
           <div style="background-image:url(themes/project_vii/images/top_panel_r1_c1.jpg);background-repeat:no-repeat">
                <h1>{GAL_NAME}</h1>
                <h3>{GAL_DESCRIPTION}</h3>
           </div>
          </div>

          <div id="SUB_MENU" style="background-image:url(themes/project_vii/images/top_panel_r2_c1.jpg);background-repeat:repeat-x;">
            {SUB_MENU}
            <div id="SYS_MENU">
             <div class="topmenu">
             |{SYS_MENU}|
             </div>
            </div>
          </div>

          <div id="GALLERY">
           {ADMIN_MENU}
           {GALLERY}
          </div>

          <div id="SELECT_LISTS">
           {THEME_SELECT_LIST}
           {LANGUAGE_SELECT_LIST}
          </div>

          <div id="SELECT_FLAGS">
           {LANGUAGE_SELECT_FLAGS}
          </div>

          <div id="CUSTOM_FOOTER">
            {CUSTOM_FOOTER}
          </div>

          <div id="VANITY">
            {VANITY}
          </div>

     </div>
     <!-- middle end -->

     <!-- right -->
     <div class="rechts"></div>
     <!-- right end-->

</div>
<!-- complete end -->

</body>
</html>

You can see I've simply tried to build my divs around the template.html of my theme, but it doesn't work.
Üerhaps it is something with the floats or something like that, but I don't know.

I hope anybody can help me.

Regards
Cheffu

Cheffu · October 25, 2007, 10:52:09 PM

I made it myself. Delete this Thread

Sami · October 26, 2007, 07:56:27 AM

We don't delete threads ... Closing this one

Joachim Müller · October 26, 2007, 09:15:54 AM

@Benny (aka Cheffu): for the benefit of others with similar issues, you should have posted what you actually did to solve your issue. This is the whole idea behind a support board. Additionally, you will get positive karma and supporters will be more willing to look into your issues in future support requests.

Cheffu · October 26, 2007, 06:06:19 PM

Oh, I was sure that this must stand anywhere else in this board and that's why I didn't post my solution.
I try to explain what I had done:

In fact, I must say it was easy to include Coppermine in the way I did. But it only works with HTML-Code to include.

I opened template.html and everything I must do is putting my code between:

Code Select

<body> and

Code Select


<div id="CUSTOM_HEADER">
  {CUSTOM_HEADER}
</div>

I need also code after the Coppermine code to close my divs and so I must only paste it between:

Code Select

<div id="VANITY">
  {VANITY}
</div>

and

Code Select

</body>

Now, my code was in the template. Then follows inclusion of my css stylesheet. I think everybody knows how to do that.
The only thing to pay attention is the declaration of "body" when you put in your own stylesheet with an own body because Coppermine has also a body declaration in its stylesheet. It may cause problems if the global for example text-color differs in the two stylesheets.

If anybody has a question about this, feel free to ask.

Reagards,
Cheffu

Cheffu · October 28, 2007, 07:40:29 PM

My above described solution works for html, but now I noticed, I need php.

When I look at template.html, i must do something with

Code Select

<div id="CUSTOM_HEADER">
  {CUSTOM_HEADER}
</div>

But where is the costum header file?

Thx

Cheffu · October 28, 2007, 07:46:05 PM

Sorry, I didn't use the search accurate.
I found a solution.
I don't understand it, but I post there http://forum.coppermine-gallery.net/index.php?topic=47532.0

Joachim Müller · October 29, 2007, 08:06:21 AM

Quote from: Cheffu on October 28, 2007, 07:40:29 PM
But where is the costum header file?

Wherever you specify it should be: you set up the location of the custom header and footer include using the corresponding options in coppermine's config, see http://coppermine-gallery.net/demo/cpg14x/docs/index.htm#admin_theme_include_path_start

coppermine-gallery.com/forum

News:

Fit coppermine in homepage style

Cheffu

Cheffu

Sami

Joachim Müller

Cheffu

Cheffu

Cheffu

Joachim Müller