forum.coppermine-gallery.net

Support => cpg1.4.x Support => Older/other versions => cpg1.4 themes/skins/templates => Topic started by: Illegalops on April 12, 2010, 02:35:08 pm

Title: Hardwire theme problem with banner?
Post by: Illegalops on April 12, 2010, 02:35:08 pm
Hi, i change my theme to hardwired but had some problems with my banner.

The banner seems to overlap the menu, please take a look. Below is the code that i input.

<td height="62" class="right-banner">
        <div class="left-banner">
        <div class="gal_name">{GAL_NAME}<center><img src="http://kesmond.host22.com/images/1035x175.gif" width="1035" height="175" /></center></div>
        <div class="gal_description">{GAL_DESCRIPTION}</div>

i have look through the forum and found that someone say to input the code into a file called "banner.html" but i cant seems to find this file.

my url is http://kesmond.host22.com/Gallery
Title: Re: Hardwire theme problem with banner?
Post by: Joachim Müller on April 12, 2010, 05:51:03 pm
The full-width image can't be inserted into that small space. It's beyond the scope of this forum to teach you HTML/CSS basics, so roughly speaking you shouldn't add your "banner" there into the div container that is CSS-controlled and nested inside a table cell, but right after the starting <body>-tag and before the table starts. You should as well read http://coppermine-gallery.net/demo/cpg14x/docs/index.htm#theme_create_rename first and do as suggested there.

Joachim

P.S. If you want my advice on design as well: don't use the image with the purple background and the flashing star animation (I've attached it to this posting as an illustration). Particularly don't use it with the theme hardwired. It hurts the visitor's eyes and is much too wide.
Title: Re: Hardwire theme problem with banner?
Post by: Illegalops on April 13, 2010, 07:51:07 pm
thanks for the prompt reply. so you mean i should paste it (see below)

<body>
{CUSTOM_HEADER}
<center><img src="http://www.thaiparadise69.com/images/1035x175.gif" width="1035" height="175" /></center>   <-----------Paste it here?
<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr valign="top">
    <td width="53" rowspan="3" id="far-left"><img src="themes/hardwired/images/far-left.gif" width="54" height="14" alt="" /></td>
    <td width="18" class="middle-left"><img src="themes/hardwired/images/middle-left.gif" width="18" height="14" alt="" /></td>
    <td height="62" class="right-banner">
        <div class="left-banner">
        <div class="gal_name">{GAL_NAME}</div>
        <div class="gal_description">{GAL_DESCRIPTION}</div>
        </div>
    </td>

and thanks for the advice on the graphics.. will change it
Title: Re: Hardwire theme problem with banner?
Post by: Joachim Müller on April 14, 2010, 07:29:05 am
Yes, go ahead and see how it turns out. Make the markup valid and you should be ready to go. Something like
Code: [Select]
<body>
{CUSTOM_HEADER}
<div style="width:98%;text-align:center;">
    <img src="/images/1035x175.gif" width="1035" height="175" alt="" border="0" />
</div>
should do the trick. As I said: it's beyond the scope of this forum to teach you HTML basics.

Joachim

P.S. Try the code button when posting HTML or similar on forums.
Title: Re: Hardwire theme problem with banner?
Post by: Illegalops on April 14, 2010, 10:03:04 am
hey thanks.. it works.

But just to check that it cant be placed inside the Gallery description and Gallery title ?
Title: Re: Hardwire theme problem with banner?
Post by: Joachim Müller on April 14, 2010, 10:15:39 am
If the banner were smaller to fit into that small space and if you knew your way around in HTML and CSS you could of course as well put the banner into any other place on the page - this includes the place where the gallery description and title currently reside.

You haven't done as I suggested in
You should as well read http://coppermine-gallery.net/demo/cpg14x/docs/index.htm#theme_create_rename first and do as suggested there.
and your initial question was solved, that's why I can't see the point in continuing with this thread... ::)