Adding "Click to view full size image" text below each intermidiate photos? Adding "Click to view full size image" text below each intermidiate photos?
 

News:

CPG Release 1.6.26
Correct PHP8.2 issues with user and language managers.
Additional fixes for PHP 8.2
Correct PHP8 error with SMF 2.0 bridge.
Correct IPTC supplimental category parsing.
Download and info HERE

Main Menu

Adding "Click to view full size image" text below each intermidiate photos?

Started by csondagar, October 28, 2006, 06:59:33 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Print
Go Down Pages1
User actions

csondagar

October 28, 2006, 06:59:33 PM Last Edit: October 29, 2006, 07:56:27 PM by Nibbler
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.

Gizmo

#1
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.
Did you read the manual first???? Taking 2 minutes to backup your files can save you hours of wondering what you screwed up.
Billy Bullock - BullsEyePhotos Blog of Indecision

csondagar

#2
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>

csondagar

#3
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;

Gizmo

#4
October 29, 2006, 02:04:36 AM
So is this solved then?
Did you read the manual first???? Taking 2 minutes to backup your files can save you hours of wondering what you screwed up.
Billy Bullock - BullsEyePhotos Blog of Indecision

csondagar

#5
October 29, 2006, 02:07:13 AM
Not yet.  (first time I pasted half the code; second time I have posted the entire code)

Sami

#6
October 29, 2006, 06:12:55 AM
post a link to your gallery with MODed theme would be helpful
‍I don't answer to PM with support question
Please post your issue to related board

Sami

#8
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;
‍I don't answer to PM with support question
Please post your issue to related board

csondagar

#9
October 29, 2006, 06:39:06 PM
Excellent.  Works just the way I wanted.  Thank you all.
Print
Go Up Pages1
User actions