forum.coppermine-gallery.net

Support => cpg1.4.x Support => Older/other versions => cpg1.4 themes/skins/templates => Topic started by: csondagar on October 28, 2006, 06:59:33 pm

Title: Adding "Click to view full size image" text below each intermidiate photos?
Post by: csondagar on October 28, 2006, 06:59:33 pm

I am using Mac OS theme and I would like to add text "Click to view full size image" below each photo as a guide for user?  Ideally, I would this text between the photo bottom boundary and above film strip.  How do I do this?  Thanks.

Title: Re: Adding "Click to view full size image" text below each intermidiate photos?
Post by: Gizmo on October 28, 2006, 09:20:50 pm

If you don't have HTML template for intermediate image display in your theme.php file, copy if from the themes>sample>theme.php and paste it into your theme.php file.

Code: [Select]

// HTML template for intermediate image display
$template_display_media = <<<EOT
        <tr>
                <td align="center" class="display_media" nowrap="nowrap">
                        <table cellspacing="2" cellpadding="0" class="imageborder">
                                <tr>
                                        <td align="center">
                                                {IMAGE}

                                        </td>
                                </tr>
                        </table>
                </td></tr>
                <tr><td>
                                                <table width="100%" cellspacing="2" cellpadding="0" class="tableb">
                                <tr>
                                        <td align="center">

                                                {ADMIN_MENU}
                                        </td>
                                </tr>
                        </table>





<!-- BEGIN img_desc -->
                        <table cellpadding="0" cellspacing="0" class="tableb" width="100%">
<!-- BEGIN title -->
                                <tr>
                                        <td class="tableb"><center><b>
                                                {TITLE}
                                        </b></center></td>
                                </tr>
<!-- END title -->
<!-- BEGIN caption -->
                                <tr>
                                        <td class="tableb"><center>
                                                {CAPTION}
                                        </center></td>
                                </tr>
<!-- END caption -->
                        </table>
<!-- END img_desc -->
                </td>
        </tr>

EOT;
Find

Code: [Select]

                                                {TITLE}
                                        </b></center></td>

and replace with

Code: [Select]

                                                {TITLE}
<br /><font size="-2">Click to view full size image</font>
                                        </b></center></td>

Change the font size to suit your needs but this size works well for me.

Title: Re: Adding "Click to view full size image" text below each intermidiate photos?
Post by: csondagar on October 29, 2006, 12:30:43 am

I followed your instructions: copied intermediate code from sample to Mac theme, replaced title line with you code.  Here's what I have in my theme.php

Code: [Select]

// HTML template for intermediate image display
$template_display_media = <<<EOT
        <tr>
                <td align="center" class="display_media" nowrap="nowrap">
                        <table cellspacing="2" cellpadding="0" class="imageborder">
                                <tr>
                                        <td align="center">
                                                {IMAGE}

                                        </td>
                                </tr>
                        </table>
                </td></tr>
                <tr><td>
                                                <table width="100%" cellspacing="2" cellpadding="0" class="tableb">
                                <tr>
                                        <td align="center">

                                                {ADMIN_MENU}
                                        </td>
                                </tr>
                        </table>

Title: Re: Adding "Click to view full size image" text below each intermidiate photos?
Post by: csondagar on October 29, 2006, 12:38:25 am

Quote from: csondagar on October 29, 2006, 12:30:43 am

I followed your instructions: copied intermediate code from sample to Mac theme, replaced title line with you code.  Here's what I have in my theme.php

Code: [Select]

// HTML template for intermediate image display
$template_display_media = <<<EOT
        <tr>
                <td align="center" class="display_media" nowrap="nowrap">
                        <table cellspacing="2" cellpadding="0" class="imageborder">
                                <tr>
                                        <td align="center">
                                                {IMAGE}

                                        </td>
                                </tr>
                        </table>
                </td></tr>
                <tr><td>
                                                <table width="100%" cellspacing="2" cellpadding="0" class="tableb">
                                <tr>
                                        <td align="center">

                                                {ADMIN_MENU}
                                        </td>
                                </tr>
                        </table>

for some reason the following got missed out from the code setion above:

Code: [Select]

// HTML template for intermediate image display
$template_display_media = <<<EOT
        <tr>
                <td align="center" class="display_media" nowrap="nowrap">
                        <table cellspacing="2" cellpadding="0" class="imageborder">
                                <tr>
                                        <td align="center">
                                                {IMAGE}

                                        </td>
                                </tr>
                        </table>
                </td></tr>
                <tr><td>
                                                <table width="100%" cellspacing="2" cellpadding="0" class="tableb">
                                <tr>
                                        <td align="center">

                                                {ADMIN_MENU}
                                        </td>
                                </tr>
                        </table>





<!-- BEGIN img_desc -->
                        <table cellpadding="0" cellspacing="0" class="tableb" width="100%">
<!-- BEGIN title -->
                                <tr>
                                        <td class="tableb"><center><b>
                                               {TITLE}
<br /><font size="-2">Click above photo to view full size image</font>
                                        </b></center></td>
                                </tr>
<!-- END title -->
<!-- BEGIN caption -->
                                <tr>
                                        <td class="tableb"><center>
                                                {CAPTION}
                                        </center></td>
                                </tr>
<!-- END caption -->
                        </table>
<!-- END img_desc -->
                </td>
        </tr>

EOT;


Title: Re: Adding "Click to view full size image" text below each intermidiate photos?
Post by: Gizmo on October 29, 2006, 02:04:36 am

So is this solved then?

Title: Re: Adding "Click to view full size image" text below each intermidiate photos?
Post by: csondagar on October 29, 2006, 02:07:13 am

Not yet.  (first time I pasted half the code; second time I have posted the entire code)

Title: Re: Adding "Click to view full size image" text below each intermidiate photos?
Post by: Sami on October 29, 2006, 06:12:55 am

post a link to your gallery with MODed theme would be helpful

Title: Re: Adding "Click to view full size image" text below each intermidiate photos?
Post by: csondagar on October 29, 2006, 06:58:21 am

www.sondagar.com

Title: Re: Adding "Click to view full size image" text below each intermidiate photos?
Post by: Sami on October 29, 2006, 07:06:09 am

okey try this

Code: [Select]

// HTML template for intermediate image display
$template_display_media = <<<EOT
        <tr>
                <td align="center" class="display_media" nowrap="nowrap">
                        <table cellspacing="2" cellpadding="0" class="imageborder">
                                <tr>
                                        <td align="center">
                                                {IMAGE}

                                        </td>
                                </tr><tr><td align="center"><font size="-2">Click to view full size image</font></td></tr>
                        </table>
                </td></tr>
                <tr><td>
                                                <table width="100%" cellspacing="2" cellpadding="0" class="tableb">
                                <tr>
                                        <td align="center">

                                                {ADMIN_MENU}
                                        </td>
                                </tr>
                        </table>





<!-- BEGIN img_desc -->
                        <table cellpadding="0" cellspacing="0" class="tableb" width="100%">
<!-- BEGIN title -->
                                <tr>
                                        <td class="tableb"><center><b>
                                                {TITLE}
                                        </b></center></td>
                                </tr>
<!-- END title -->
<!-- BEGIN caption -->
                                <tr>
                                        <td class="tableb"><center>
                                                {CAPTION}
                                        </center></td>
                                </tr>
<!-- END caption -->
                        </table>
<!-- END img_desc -->
                </td>
        </tr>

EOT;


Title: Re: Adding "Click to view full size image" text below each intermidiate photos?
Post by: csondagar on October 29, 2006, 06:39:06 pm

Excellent.  Works just the way I wanted.  Thank you all.