Fit coppermine in homepage style Fit coppermine in homepage style
 

News:

cpg1.5.48 Security release - upgrade mandatory!
The Coppermine development team is releasing a security update for Coppermine in order to counter a recently discovered vulnerability. It is important that all users who run version cpg1.5.46 or older update to this latest version as soon as possible.
[more]

Main Menu

Fit coppermine in homepage style

Started by Cheffu, October 22, 2007, 07:32:51 PM

Previous topic - Next topic

0 Members and 2 Guests are viewing this topic.

Print
Go Down Pages1
User actions

Cheffu

October 22, 2007, 07:32:51 PM Last Edit: October 26, 2007, 07:57:00 AM by Sami
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
Schreibfehler sind beabsichtigt und dienen der allgemeinen Belustigung.

Cheffu

#1
October 25, 2007, 10:52:09 PM
I made it myself. Delete this Thread
Schreibfehler sind beabsichtigt und dienen der allgemeinen Belustigung.

Sami

#2
October 26, 2007, 07:56:27 AM
We don't delete threads ... Closing this one
‍I don't answer to PM with support question
Please post your issue to related board

Joachim Müller

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

#4
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
Schreibfehler sind beabsichtigt und dienen der allgemeinen Belustigung.

Cheffu

#5
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
Schreibfehler sind beabsichtigt und dienen der allgemeinen Belustigung.

Cheffu

#6
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
Schreibfehler sind beabsichtigt und dienen der allgemeinen Belustigung.

Joachim Müller

#7
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
Print
Go Up Pages1
User actions