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/ (http://www.bgb08.de/galerie/)
It should look like: http://www.bgb08.de/galerie/index4.html (http://www.bgb08.de/galerie/index4.html) between the two vertical images should be the galerie.
The Source is:
<!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
I made it myself. Delete this Thread
We don't delete threads ... Closing this one
@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.
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:
<body> and
<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:
<div id="VANITY">
{VANITY}
</div>
and
</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
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
<div id="CUSTOM_HEADER">
{CUSTOM_HEADER}
</div>
But where is the costum header file?
Thx
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 (http://forum.coppermine-gallery.net/index.php?topic=47532.0)
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