Need help to modify gallery to match my site's template... Need help to modify gallery to match my site's template...
 

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

Need help to modify gallery to match my site's template...

Started by ray, January 16, 2004, 01:55:16 AM

Previous topic - Next topic

0 Members and 2 Guests are viewing this topic.

Print
Go Down Pages1
User actions

ray

January 16, 2004, 01:55:16 AM
Hello,
I am in the process of redesigning my website. I have managed to apply my template to the forum. I found it pretty simple, but this gallery looks far too compllicated for me.

This is the forum's look
http://www.geckoworld.co.uk/cgi-bin/yabb/YaBB.pl

Just wondering how I would go about it. Is there a way I can just copy some code for the gallery to go into the "content" area of my template?

omniscientdeveloper

#1
January 16, 2004, 02:06:14 AM
I'm going out on a limb here, since I'm not an expert at coppermine, but from the docs it seems you can just create a 'template.html' page and put it in your root coppermine folder. It should use this as the template for the gallery and not one of the themes then.

hyperion

#2
January 16, 2004, 02:10:42 AM
The easiest way to do this is to find the theme you like best, and rename and copy the folder containing the four files. Then make your basic static template changes in template.html, dynamic changes in theme.php, and css changes in the css file.  Put your images in the image directory.  Place this folder in with the rest of the theme folders, and it will be available in the Config panel.
"Then, Fletch," that bright creature said to him, and the voice was very kind, "let's begin with level flight . . . ."

-Richard Bach, Jonathan Livingston Seagull

(https://coppermine-gallery.com/forum/proxy.php?request=http%3A%2F%2Fwww.mozilla.org%2Fproducts%2Ffirefox%2Fbuttons%2Fgetfirefox_small.png&hash=9f6d645801cbc882a52f0ee76cfeda02625fc537)

Joachim Müller

#3
January 16, 2004, 02:18:50 AM
Helping you half-way through:
  • create a copy of the "default"-folder within themes and insert it with the foldername "mytheme".
Edit template.html within "mytheme" with a text editor, remove everything that's in there and replace it with this:
Code Select

    <script language="JavaScript1.2" type="text/javascript">
    <!--
    function chatwin() {
    window.open("http://www.geckoworld.co.uk/cgi-bin/yabb/YaBB.pl?action=chatirc", 'list', 'width=640,height=540, scrollbars=no');
    }
    //-->
    </script><html>
<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/mytheme/style.css" />
<script type="text/javascript" src="scripts.js"></script>
<meta name="keywords" content="geckos, geckoworld, gecko forum, gecko photos, gecko care, gecko caresheets, gecko care sheets, gekkota, gekkonidae, eublepharinidae,diplodactylinidae, Aeluroscalabotes, Afroedura, Afrogecko, Agamura, Ailuronyx, Alsophylax, Aristelliger, Asaccus, Blaesodactylus, Bogertia, Briba, Bunopus, Calodactylodes, Carinatogecko, Chondrodactylus, Christinus, Cnemaspis, Coleodactylus, Coleonyx, Colopus, Cosymbotus, Crenadactylus, Crossobamon, Cryptactites, Cyrtodactylus, Cyrtopodion, Diplodactylus, Dixonius, Dravidogecko, Ebenavia, Eublepharis macularius, Geckolepis, Geckonia, Gehyra, Gekko, Goggia, Gonatodes, Goniurosaurus, Gymnodactylus, Haemodracon, Hemidactylus, Hemitheconyx caudicinctus, Heteronotia, Heteropholis, Holodactylus, Homonota, Homopholis, Hoplodactylus, Lepidoblepharis, Lepidodactylus, Luperosaurus, Lygodactylus, Microscalabotes, Millotisaurus, Nactus, Narudasia, Naultinus, Nephrurus, Oedura, Pachydactylus, Palmatogecko rangei, Paragehyra, Paroedura, Perochirus, Phelsuma, Phyllodactylus, Phyllopezus, Phyllurus, Pristurus, Pseudogekko, Pseudogonatodes, Ptenopus, Ptychozoon, Ptyodactylus, Quedenfeldtia, Rhacodactylus, Rhoptropus, Saurodactylus, Sphaerodactylus, Stenodactylus, Tarentola, Teratolepis fasciata, Teratoscincus, Thecadactylus rapicauda, Tropiocolotes, Urocotyledon, Uroplatus">
<meta name="description" content="Geckoworld - Your onlice gecko resource for photos, caresheets, forums...and much more.">
<script>
function OpenAdsDetail(FileName,WindowName)
{

WindowFeature="Resizable=No,ScrollBars=Yes,MenuBar=No,Directories=No,ToolBar=No,Location=No,Status=No,Width=660,Height=550,ScreenX=0,ScreenY=0,Top=0,Left=0"

  newWindow=open(FileName,WindowName,WindowFeature);
  if (newWindow.opener == null) { newWindow.opener = self; }
  if (newWindow.focus) { newWindow.focus(); }
}
</script>
</head>


<body background="/images/layout/page_bg.gif" text="#000000" link="#FFFFFF" leftmargin="0" topmargin="10" marginwidth="0" marginheight="0">
<div align="center">
  <table width="95%" height="444" border="01" cellpadding="0" cellspacing="0" bordercolor="#333333">
    <tr>
      <td width="100%" height="442" valign="top" bgcolor="#758698"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="15%" height="91" background="/images/layout/headerbg.jpg"><img src="/images/layout/headertl.jpg" width="185" height="103"></td>
                  <td width="12%" background="/images/layout/headerbg.jpg" bgcolor="#293E4F"><img src="/images/layout/headertc.jpg" width="143" height="103"></td>
                  <td width="73%" valign="top" background="/images/layout/headerbg.jpg" bgcolor="#293E4F"><div align="right"><img src="/images/layout/headertr.jpg" alt="Geckoworld - Your online gecko resource!" width="298" height="91"></div></td>
                </tr>
                <tr>
                  <td height="35" valign="top"><img src="/images/layout/headerbl.jpg" width="185" height="47"></td>
                  <td colspan="2"> <div align="left">
                      <table width="100" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td width="16%"><a href="http://www.geckoworld.co.uk"><img src="/images/layout/btn_home.jpg" alt="Return to the home page." width="95" height="24" border="0"></a></td>
                          <td width="16%"><a href="../../care.htm"><img src="/images/layout/btn_care.jpg" alt="Access the gecko care sheets." width="95" height="24" border="0"></a></td>
                          <td width="16%"><img src="/images/layout/btn_photos.jpg" alt="View photos on many species of gecko." width="95" height="24" border="0"></td>
                          <td width="16%"><img src="/images/layout/btn_forum.jpg" alt="Visit or sign up to the increasingly popular forum." width="95" height="24" border="0"></td>
                          <td width="13%"><a href="../../gallery"><img src="/images/layout/btn_gallery.jpg" alt="Upload your photos of geckos, or just browse other members'." width="95" height="24" border="0"></a></td>
                          <td width="23%"><a href="javascript:chatwin('&action=chatirc')"><img src="/images/layout/btn_chat.jpg" alt="Visit the chat room to join in with the gecko chat." width="94" height="24" border="0"></a></td>
                        </tr>
                        <tr>
                          <td><a href="../../diy.htm"><img src="/images/layout/btn_diy.jpg" alt="D.I.Y guides to create your own vivariums, incubators, rack systems...." width="95" height="23" border="0"></a></td>
                          <td><a href="../../downloads.htm"><img src="/images/layout/btn_dloads.jpg" alt="Access our database of downloads." width="95" height="23" border="0"></a></td>
                          <td height="19" valign="top"><img src="/images/layout/btn_design.jpg" alt="Geckoworld portfolio and the services on offer," width="95" height="23" border="0"></td>
                          <td><a href="../../links.htm"><img src="/images/layout/btn_links.jpg" alt="Recommended websites." width="95" height="23" border="0"></a></td>
                          <td><img src="/images/layout/btn_tsites.jpg" alt="View or sign up to Geckoworld Topsites and increase your traffic!" width="95" height="23" border="0"></td>
                          <td><a href="../../contact.htm"><img src="/images/layout/btn_contact.jpg" alt="Contact us." width="94" height="23" border="0"></a></td>
                        </tr>
                      </table>
                    </div></td>
                </tr>
              </table></td>
          </tr>
          <tr>
            <td height="230" valign="top"><br>
              <table width="100%" border="0" cellpadding="0" cellspacing="0" id="panel">
                <tr>
                  <td width="19"><img src="/images/layout/panel_tl.gif" width="19" height="19"></td>
                  <td width="900" background="/images/layout/panel_tbg.gif">&nbsp;</td>
                  <td width="19"><img src="/images/layout/panel_tr.gif" width="19" height="19"></td>
                </tr>
                <tr>
                  <td height="174" background="/images/layout/panel_lbg.gif">&nbsp;</td>
                  <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td valign="top"><img src="/images/layout/ttl_forums.gif" alt="Welcome to the Geckoworld Forum." width="115" height="33"></td>
                      </tr>
                      <tr>
                        <td valign="top">&nbsp;</td>
                      </tr>
                      <tr>
                        <td height="123" valign="top"><div align="center">
                            <table width="100%" border="0" align="center">
                              <tr align="center" valign="middle" bgcolor="#6699CC" >
                                <td height="21" bgcolor="#758698">{MAIN_MENU}</td>
                              </tr>
                            </table>

                            <table width="100%" cellspacing="0" cellpadding="2" align="center">
                              <tr>
                                <td valign="TOP" width="100%" height="100%"> <font size="1">
{ADMIN_MENU}
{GALLERY}

 </font></td>
                              </tr>
                            </table>
                          </div></td>
                      </tr>
                    </table></td>
                  <td background="/images/layout/panel_rbg.gif">&nbsp;</td>
                </tr>
                <tr>
                  <td><img src="/images/layout/panel_bl.gif" width="19" height="19"></td>
                  <td background="/images/layout/panel_bbg.gif">&nbsp;</td>
                  <td><img src="/images/layout/panel_br.gif" width="19" height="19"></td>
                </tr>
              </table></td>
          </tr>
        </table>
</td>
    </tr>
  </table>
</div>
</body>
</html>(Taken from your forum page).
  • save everything and upload it
  • take a preview like this in your browser: http://www.geckoworld.co.uk/gallery/?theme=mytheme
  • what's left to do: edit /themes/mytheme/style.css and adjust the colors to match the rest of your site
  • once you're happy with the looks, go to your coppermine config and make "mytheme" the standard theme[/list:u]Hope that helps.

    GauGau

ray

#4
January 16, 2004, 05:09:25 AM
Hi gaugau,
That was some very good help you gave me. Im sure I followed it all right, but it doesnt look quite right.

http://www.geckoworld.co.uk/gallery/?theme=geckoworld

ray

#5
January 16, 2004, 05:18:52 AM
nevermind i figured out the problem  :lol:

Quote<link rel="stylesheet" href="themes/mytheme/style.css" />

I made a directory called geckoworld instead of mytheme  :P
Print
Go Up Pages1
User actions