forum.coppermine-gallery.net

Support => cpg1.3.x Support => Older/other versions => cpg1.3 Themes/Skins/Templates => Topic started by: jedi on September 30, 2004, 07:21:55 am

Title: Forcing the graphics in template.html to stay put...
Post by: jedi on September 30, 2004, 07:21:55 am
If you can assist me, I'm looking to get my graphics that I've put on template.html to stay put, and the table holding the photo album to remain one size.  While I am not concerned with the template messing up in the backend, I would like it to remain how I intend it to be seen on the front end of the website.

My photo album is located at http://www.ussangeles.org/Awaymissions

template name is lcars, if that will help

What can I do? Any help greatly appreciated, and I thank you in advance!

Jonathan


Title: Re: Forcing the graphics in template.html to stay put...
Post by: Joachim Müller on September 30, 2004, 07:25:06 am
I don't understand your question, please rephrase. What do you mean they should stay put?

Joachim
Title: Re: Forcing the graphics in template.html to stay put...
Post by: jedi on September 30, 2004, 07:27:46 am
I apologize.

In my template, all the graphics that you see are together, not spread out along the edge of the page all the way to the bottom of the photo album.

http://www.ussangeles.org/Awaymissions/themes/lcars/template.html

That's generally what it is supposed to appear like.

Will that assist?

Jonathan
Title: Re: Forcing the graphics in template.html to stay put...
Post by: jedi on September 30, 2004, 07:54:09 am
I withdraw the question, I seem to have solved it on my own.

Thank you for looking, however!

Jonathan
Title: Re: Forcing the graphics in template.html to stay put...
Post by: Joachim Müller on September 30, 2004, 07:57:32 am
OK, now I get it. Make a backup of your template.html file and use the one I created for you:
Code: [Select]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{LANG_DIR}">
<head>
<title>{TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Pragma" content="no-cache" />
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

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_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<body bgcolor="#000000" onLoad="MM_preloadImages('themes/lcars/images/003_1a_USSAngeles_rollover.gif','themes/lcars/images/001_5a_From_Bridge_rollover.gif','themes/lcars/images/001_6a_Upcoming_Missions_rollover.gif','themes/lcars/images/001_7a_Away_Mission_normal.gif','themes/lcars/images/001_8a_Departments_rollover.gif','themes/lcars/images/001_9a_Join_rollover.gif','themes/lcars/images/001_10a_Contact_rollover.gif','themes/lcars/images/001_11a_Long_Range_rollover.gif')">
{META}
<link rel="stylesheet" href="themes/lcars/style.css" />
<script type="text/javascript" src="scripts.js"></script>
<!--
$Id: template.html,v 1.1 2004/06/11 09:20:08 tarique Exp $
-->
</head>
<body>

<table width="770" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
  <!--DWLayoutTable-->
  <tr>
    <td height="34" colspan="2" valign="top"><a href="http|//www.ussangeles.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Homepage','','themes/lcars/images/003_1a_USSAngeles_rollover.gif',1)"><img src="themes/lcars/images/003_1a_USSAngeles_normal.gif" name="Homepage" width="103" height="34" border="0"></a></td>
    <td width="25" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
    <td colspan="4" valign="top"><img src="themes/lcars/images/003_1a_header.gif" width="667" height="33"></td>
  </tr>
  <tr>
    <td height="41" colspan="2" valign="top"><img src="themes/lcars/images/003_2a_upper_frame_top.gif" width="104" height="41"></td>
    <td colspan="2" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>

    <td width="368" valign="top"><img src="themes/lcars/images/003_2c_left_header_anim.gif" width="368" height="41"></td>
    <td width="49" valign="top" bgcolor="#000000"><!--DWLayoutEmptyCell-->&nbsp;</td>
    <td width="197" valign="top"><img src="themes/lcars/images/003_2c_right_header_anim.gif" width="197" height="41"></td>
  </tr>
  <tr>
    <td height="45" colspan="7" valign="top"><img src="themes/lcars/images/003_3_frame_horizontal.gif" width="800" height="45"></td>
  </tr>
  <tr>
    <td width="104" height="19" valign="top" style="background-image:url(themes/lcars/images/003_4a_lower_frame_top.gif);background-repeat:repeat-y">
    <!-- the left menu starts here -->
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="38" valign="top"><a href="http://www.ussangeles.org/bridge.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('bridge','','themes/lcars/images/001_5a_From_Bridge_rollover.gif',1)"><img src="themes/lcars/images/001_5a_From_Bridge_normal.gif" name="bridge" width="104" height="38" border="0"></a></td>
  </tr>
  <tr>
    <td height="38" valign="top"><a href="http://www.ussangeles.org/calendar.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('missions','','themes/lcars/images/001_6a_Upcoming_Missions_rollover.gif',1)"><img src="themes/lcars/images/001_6a_Upcoming_Missions_no.gif" name="missions" width="104" height="38" border="0"></a></td>
  </tr>
  <tr>
    <td height="38" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('awaymission','','themes/lcars/images/001_7a_Away_Mission_normal.gif',1)"><img src="themes/lcars/images/001_7a_Away_Mission_rollover.gif" name="awaymission" width="104" height="38" border="0"></a></td>
  </tr>
  <tr>
    <td height="38" valign="top"><a href="http://www.ussangeles.org/department.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('departments','','themes/lcars/images/001_8a_Departments_rollover.gif',1)"><img src="themes/lcars/images/001_8a_Departments_normal.gif" name="departments" width="104" height="38" border="0"></a></td>
  </tr>
  <tr>
    <td height="38" valign="top"><a href="http://www.ussangeles.org/join.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('join','','themes/lcars/images/001_9a_Join_rollover.gif',1)"><img src="themes/lcars/images/001_9a_Join_normal.gif" name="join" width="104" height="38" border="0"></a></td>
  </tr>
  <tr>
    <td height="38" valign="top"><a href="http://www.ussangeles.org/contact.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('contact','','themes/lcars/images/001_10a_Contact_rollover.gif',1)"><img src="themes/lcars/images/001_10a_Contact_normal.gif" name="contact" width="104" height="38" border="0"></a></td>
  </tr>
  <tr>
    <td height="38" valign="top"><a href="http://www.ussangeles.org/work.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('longrange','','themes/lcars/images/001_11a_Long_Range_rollover.gif',1)"><img src="themes/lcars/images/001_11a_Long_Range_normal.gif" name="longrange" width="104" height="38" border="0"></a></td>
  </tr>
</table>
    <!-- the left menu ends here -->
    </td>
    <td width="4"></td>
    <td colspan="5" rowspan="14" valign="top" bordercolor="#000000" bgcolor="#000000" style="border: 1px solid;">
    <!-- The coppermine content starts here -->
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td><a href="index.php"><br />
            </a></td>
          <td width="100%" align="center"> <h1>&nbsp;</h1>
            <br />
            {MAIN_MENU} </td>
        </tr>

      </table>
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td align="center" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
        </tr>
        <tr>
          <td align="center" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
        </tr>
      </table>
      <img src="themes/lcars/images/imagesspacer.gif" width="1" height="15" /><br />
      <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">

        <!--DWLayoutTable-->
        <tr>
          <td align="center" valign="top"> {ADMIN_MENU} {GALLERY} </td>
        </tr>
        <tr>
          <td height="1"></td>
        </tr>
      </table>
    <!-- The coppermine content ends here -->
</td>
  </tr>
</table>
</body>
</html>
Then, download the graphic I attached and save it into http://www.ussangeles.org/Awaymissions/themes/lcars/images/ (replacing the existing pic there, make a backup of the existing pic first).

This is a very nice theme a lot of trekies might be interessted in. Care to share the full theme? I could even make the coppermine content match the look of the the lcars design easily, as it currently stands out a bit and seems to be "misplaced".

Joachim
Title: Re: Forcing the graphics in template.html to stay put...
Post by: Joachim Müller on September 30, 2004, 07:59:21 am
I withdraw the question, I seem to have solved it on my own.

Thank you for looking, however!

Jonathan
too late... ;)

You had improper nesting in your template.
Care to share?

Joachim
Title: Re: Forcing the graphics in template.html to stay put...
Post by: jedi on September 30, 2004, 08:19:16 am
 I don't see any attached graphic...  ...Am I missing something?

Jonathan
Title: Re: Forcing the graphics in template.html to stay put...
Post by: Joachim Müller on September 30, 2004, 08:23:31 am
I'm sorry, here's the graphic

Joachim
Title: Re: Forcing the graphics in template.html to stay put...
Post by: jedi on September 30, 2004, 08:31:45 am
Ok, I saw the graphic.

That's supposed to extend the graphic down as far as the photo album goes, right?

Unfortunately, the spacing between the buttons needs to remain the same size as the one I've got up there now.

Any way you could adjust it so it does the same thing, but keeps the same spacing that the buttons have right now?

Jonathan
Title: Re: Forcing the graphics in template.html to stay put...
Post by: jedi on September 30, 2004, 08:33:15 am
And as far as the css sheet goes, I do have knowledge of what I'd like, but I'm not sure what to adjust to get it.

Jonathan
Title: Re: Forcing the graphics in template.html to stay put...
Post by: jedi on September 30, 2004, 11:09:29 am
Unfortunately, I am not authorized to release these graphics.  I am under a exclusive-use contract with the provider.  I'm sorry.

I might, however, be able to get an agreement by which he can do a generic LCARS theme.  If I can do that, I'm sure he'll be able to provide you with some graphics to generate a theme that would be satisfactory for the list.

But thanks for the assistance thus far!

Jonathan
Title: Re: Forcing the graphics in template.html to stay put...
Post by: jedi on September 30, 2004, 11:22:37 am
Got the spacing corrected manually.  Thanks again for the assist!

Jonathan
Title: Re: Forcing the graphics in template.html to stay put...
Post by: Nibbler on September 30, 2004, 12:18:04 pm
There is a typo in the url for the link at the top left of the page.

Code: [Select]
<a href="http|//www.ussangeles.org"
Also please fix the visibility of the 'powered by coppermine' footer.
Title: Re: Forcing the graphics in template.html to stay put...
Post by: jedi on October 01, 2004, 02:12:04 am
*nods*

This is a devsite at the moment, it isn't live for anyone but me and the client.  I'll be fixing all of that shortly before the launch of that section.

Thanks for pointing out both items though!

Jonathan
Title: Re: Forcing the graphics in template.html to stay put...
Post by: jedi on November 01, 2004, 03:04:12 am
Ok, I've got the side fixed, now I've got a problem with the title.  The graphic that says "Away Mission Logs" and the animated gifs below it keep moving around, depending on each page's size.  I'd like the grouping to stay put in one place, no matter how big the frames below it are.   Locking it into a table doesn't seem to help... :-(

Can you help me with this part too?  Any assistance is mucho appreciated!

-Jonathan