forum.coppermine-gallery.net
Support => cpg1.3.x Support => Older/other versions => cpg1.3 Themes/Skins/Templates => Topic started by: martyn.pinches on May 16, 2005, 12:13:49 am
-
Hi
The site I want to embed Coppermine into is a fixed width with a fixed width banner at the top. Trouble is that Coppermine is expanding to fill the available width of the screen which is lloking horrible. I can restrict the width of components of the gallery but how do I limit the width of the whole thing ~ please
Martyn
-
If you create an iframe and place CPG in the iframe then CPG will only expand to the size in which you set your iframe to.
-
If you create an iframe and place CPG in the iframe then CPG will only expand to the size in which you set your iframe to.
Thanks ~ I had thought of that and tried it, but the iframe also imposes a height limit which results in the need for scrolling in a LONG page or a shedload of dead space in a short page.
Any other suggestions ::)
Martyn
-
there's no other method to embedd coppermine into a page, using the PHP commands include or require are not option. The recommended way is to build a coppermine theme that matches the look of the rest of your site and that contains your site's overall navigation.
IMO <iframe> sucks, that's why I recommend not using it.
For details, post a link.
-
there's no other method to embedd coppermine into a page, using the PHP commands include or require are not option. The recommended way is to build a coppermine theme that matches the look of the rest of your site and that contains your site's overall navigation.
IMO <iframe> sucks, that's why I recommend not using it.
For details, post a link.
Hi GauGau ~ thanks for the reply :) I have used coppermine at www.imagewales.co.uk/Coppermine. You will see that the Coppermine element expands to fit the whole of the available browser window whilst the site banner remains fixed. The main site maintains a maximum width beyond which a background image tile fills the space (am I making sense?? it has been a L_O_N_G day)
Martyn
-
not sure what you have edited, but have you tried setting the template.html table to the width of your header, looks like you also need some div align=center action on the header, for me it aligns left.
on another note if you shoot me the files i'll fix it, send me a pm or post your files
snork13
-
Looking at the source code of you home page (where you have a lot of markup errors, like double <body> sections etc.), this is a crude first version of something you could use as template.html:
<!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>
<title>{TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" />
<link rel="start" href="index.php" />
<link rel="shortcut icon" href="favicon.ico" />
<link rel="search" href="search.php" />
{META}
<meta name="description" content="the website of Martyn Pinches, photographer" />
<link href="themes/images_wales/style.css" type="text/css" rel="stylesheet" />
<link rel="stylesheet" href="skins/halflife/styles.css" />
<script type="text/javascript" src="scripts.js"></script>
<script language="JavaScript">
function Rollover(imagename, image, over)
{
if(window.document.images)
{
if (over)
window.document.images["sdhover" + imagename].src = "./images/" + image;
else
window.document.images["sdhover" + imagename].src = "./images/" + image;
}
}
</script>
</head>
<body>
<table align="center" bgcolor="#404040" width="780" height="100%" border="1" cellpadding="0" cellspacing="0">
<tr>
<td width="1" bgcolor="#FE9833"><img src="skins/halflife/images/spacer.gif" width="1" /></td>
<td valign="top">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr><td height="112" bgcolor="#000000" background="skins/halflife/images/header.jpg" style="padding-left: 14px; padding-right: 14px; padding-bottom: 8px; padding-top: 8px;"><font style="font-family: Arial ; font-size: 18pt ; color: #FFFFFF "></font></td></tr>
<tr><td height="1" bgcolor="#000000"></td></tr>
<tr><td height="1" bgcolor="#4E4E4E"></td></tr>
<tr><td height="22" bgcolor="#404040" style="padding-left: 8px; padding-right: 8px;" align="center"><table cellpadding="0" cellspacing="0" border="0">
<tr><td><a href="index.php?categoryid=1&PHPSESSID=ae675e2cd658d61712dadebbee6222af" class="category">Reception</a></td>
<td width="28"><img vspace="0" src="skins/halflife/images/sep.gif" /></td><td><a href="index.php?categoryid=11" class="category">Exposure</a></td>
<td width="28"><img vspace="0" src="skins/halflife/images/sep.gif" /></td><td><a href="index.php?categoryid=12" class="category">Studio</a></td>
<td width="28"><img vspace="0" src="skins/halflife/images/sep.gif" /></td><td><a href="index.php?categoryid=9" class="category">Darkroom</a></td>
<td width="28"><img vspace="0" src="skins/halflife/images/sep.gif" /></td><td><a href="index.php?categoryid=13" class="category">Emporium</a></td></tr>
</table></td></tr>
<tr><td height="1" bgcolor="#4E4E4E"></td></tr>
<tr><td height="1" bgcolor="#000000"></td></tr>
<tr><td height="1" bgcolor="#343434"></td></tr>
</table>
</td>
<td width="1" bgcolor="#FE9833"><img src="skins/halflife/images/spacer.gif" width="1" /></td>
</tr>
<tr>
<td width="1" height="24" bgcolor="#FE9833"><img src="skins/halflife/images/spacer.gif" width="1" /></td>
<td>
<div id="menu">{MAIN_MENU}</div>
<div id="admin_menu" >{ADMIN_MENU}</div>
<div id="content"><div class="innerdiv">{GALLERY}</div></td>
</tr>
<tr>
<td width="1" height="24" bgcolor="#FE9833"><img src="skins/halflife/images/spacer.gif" width="1" /></td>
<td height="24">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr><td height="1" bgcolor="#000000"></td></tr>
<tr><td height="1" bgcolor="#4E4E4E"></td></tr>
<tr><td height="22" bgcolor="#404040" align="center">(c) ImageWales 2005 ~ all rights reserved</td></tr>
</table>
</td>
<td width="1" height="24" bgcolor="#FE9833"><img src="skins/halflife/images/spacer.gif" width="1" /></td>
</tr>
</table>
</body>
</html>
-
Looking at the source code of youR home page .... this is a crude first version of something you could use as template.html:
GauGau
Many thanks for your help ~ I shall go away and see what I can manage
Martyn
-
I have had another go
As a total newbie to CSS, templates and the like I had trouble in getting the template.html to produce anything that looked remotely like a webpage. So I thought sideways....
I discovered that my CMS system allows me to link to external pages and keep them within the overall main site. I like the way it has worked, however, the images are not showing. The placeholders DO show and calling the properties shows http://www.mydomain.co.uk/albums/userpics/image/thumb_name.jpg
which is obviously the root of my web rather than the root of the Coppermine gallery. The look so far is EXACTLY what I want to achieve, so is there an easy way of changing either the path from where the images are called ~ or to the save path ??
I am using the 2Bornot2B skin and the effect I want can be seen at http://www.imagewales.co.uk/index.php?categoryid=25 whilst the page can be viewed outside of the CMS at www.imagewales.co.uk/Coppermine
Martyn
-
how does this question relate to your first one?
-
how does this question relate to your first one?
I see it as a natural progression from the original query as it all relates to fixing the width of the page and doesnt leave the thread in mid-air. However I am happy to post it as a new thread if that is what board admin would prefer, but dont want to be responsible for multiple posting of the issue.
I shall start a new thread
Martyn