Advanced search  

News:

cpg1.5.48 Security release - upgrade mandatory!
The Coppermine development team is releasing a security update for Coppermine in order to counter a recently discovered vulnerability. It is important that all users who run version cpg1.5.46 or older update to this latest version as soon as possible.
[more]

Pages: [1]   Go Down

Author Topic: Labels under image-navigation menu  (Read 4066 times)

0 Members and 1 Guest are viewing this topic.

olegario

  • Coppermine novice
  • *
  • Offline Offline
  • Posts: 32
Labels under image-navigation menu
« on: February 23, 2004, 07:34:19 pm »

I've had some users who didn't know that there was a slideshow function or e-card function, just because they didn't know what the double right arrow (in the Hardwired theme) or the E (also in the Hardwired theme), did those functions.

Has anyone ever added clickable text under the icons describing each of their functions?

I found where to do it in displayimage.php, but didn't exactly know how to go about it.

Thanks.
Logged

Widi

  • Coppermine novice
  • *
  • Offline Offline
  • Gender: Male
  • Posts: 32
    • http://www.widi.tk
Labels under image-navigation menu
« Reply #1 on: February 23, 2004, 07:57:43 pm »

we'll i haven't added text i replaced the buttons with text.
see if it's useable for u.
www.widi.tk
Logged

olegario

  • Coppermine novice
  • *
  • Offline Offline
  • Posts: 32
Labels under image-navigation menu
« Reply #2 on: February 23, 2004, 07:59:43 pm »

I wouldn't mind trying that.  Would you mind sending a snippet of the code?

Thanks.
Logged

Widi

  • Coppermine novice
  • *
  • Offline Offline
  • Gender: Male
  • Posts: 32
    • http://www.widi.tk
Labels under image-navigation menu
« Reply #3 on: February 23, 2004, 08:13:02 pm »

find this lines in theme.php




Quote
// HTML template for the image navigation bar
$template_img_navbar = <<<EOT

        <tr>
                <td align="center" valign="middle" class="navmenu" width="48">
                        <a href="{THUMB_TGT}" class="navmenu_pic" title="{THUMB_TITLE}"><img src="themes/hardwired/images/back.gif" width="21" height="15" align="absmiddle" border="0" alt="{THUMB_TITLE}" /></a>
                </td>
                <td align="center" valign="middle" class="navmenu" width="48">
                        <a href="javascript:;" onClick="blocking('picinfo','yes', 'block'); return false;" title="{PIC_INFO_TITLE}"><img src="themes/hardwired/images/info.gif" width="18" height="15" border="0" align="absmiddle" alt="{PIC_INFO_TITLE}" /></a>
                </td>
                <td align="center" valign="middle" class="navmenu" width="48">
                        <a href="{SLIDESHOW_TGT}" title="{SLIDESHOW_TITLE}"><img src="themes/hardwired/images/slideshow.gif" width="21" height="15" border="0" align="absmiddle" alt="{SLIDESHOW_TITLE}" /></a>
                </td>
                <td align="center" valign="middle" class="navmenu" witdh="100%">
                        {PIC_POS}
                </td>
                <td align="center" valign="middle" class="navmenu" width="48">
                        <a href="{ECARD_TGT}" title="{ECARD_TITLE}"><img src="themes/hardwired/images/ecard.gif" width="21" height="15" border="0" align="absmiddle" alt="{ECARD_TITLE}"></a>
                </td>
                <td align="center" valign="middle" class="navmenu" width="48">
                        <a href="{PREV_TGT}" class="navmenu_pic" title="{PREV_TITLE}"><img src="themes/hardwired/images/previmg.gif" width="18" height="15" border="0" align="absmiddle" alt="{PREV_TITLE}" /></a>
                </td>
                <td align="center" valign="middle" class="navmenu" width="48">
                        <a href="{NEXT_TGT}" class="navmenu_pic" title="{NEXT_TITLE}"><img src="themes/hardwired/images/nextimg.gif" width="18" height="15" border="0" align="absmiddle" alt="{NEXT_TITLE}" /></a>
                </td>
        </tr>

EOT;


and replace the whole lot with
Quote
// HTML template for the image navigation bar
$template_img_navbar = <<<EOT

        <tr>
                <td align="center" valign="middle" class="navmenu" width="48" height="16">
                        <a href="{THUMB_TGT}" class="navmenu_pic" title="{THUMB_TITLE}"><img src="themes/hardwired/images/back.gif" width="16" height="16" align="absmiddle" border="0" alt="{THUMB_TITLE}" /></a>
                </td>
                <td align="center" valign="middle" class="navmenu" width="48" height="16">
                        <a href="javascript:;" onClick="blocking('picinfo','yes', 'block'); return false;" title="{PIC_INFO_TITLE}"><img src="themes/hardwired/images/info.gif" width="16" height="16" border="0" align="absmiddle" alt="{PIC_INFO_TITLE}" /></a>
                </td>
                <td align="center" valign="middle" class="navmenutxt" width="96" height="16">
                        <a href="{SLIDESHOW_TGT}" title="{SLIDESHOW_TITLE}">Slideshow</a>
                </td>
                <td align="center" valign="middle" class="navmenu" witdh="100%" height="16">
                        {PIC_POS}
                </td>
                <td align="center" valign="middle" class="navmenu" width="48" height="16">
                        <a href="{ECARD_TGT}" title="{ECARD_TITLE}"><img src="themes/hardwired/images/ecard.gif" width="16" height="16" border="0" align="absmiddle" alt="{ECARD_TITLE}"></a>
                </td>
                <td align="center" valign="middle" class="navmenutxt" width="48" height="16">
                        <a href="{PREV_TGT}" title="{PREV_TITLE}">Back</a>
                </td>
                <td align="center" valign="middle" class="navmenutxt" width="48" height="16">
                        <a href="{NEXT_TGT}" title="{NEXT_TITLE}">Next</a>
                </td>
        </tr>

EOT;


that should do the trick. i didn't replace th e-card logo...
Logged

Casper

  • VIP
  • Coppermine addict
  • ***
  • Country: 00
  • Offline Offline
  • Gender: Male
  • Posts: 5231
Labels under image-navigation menu
« Reply #4 on: February 23, 2004, 08:53:08 pm »

Hi Widi,

what you put works, but is not language compliant, ie, no matter what language is used, 'Slideshow' and 'Ecard' will be shown in English (orwhatever language used to do the mod)

A similar change, as below, would respect the language choice of the user;

Simply replace the image in the code with the '{SLIDESHOW_TITLE}' and '{ECARD_TITLE}', as here;


Code: [Select]
<td align="center" valign="middle" class="navmenu" width="48">
                        <a href="{SLIDESHOW_TGT}" title="{SLIDESHOW_TITLE}">{SLIDESHOW_TITLE}</a>


and;
Code: [Select]
<td align="center" valign="middle" class="navmenu" width="48">
                        <a href="{ECARD_TGT}" title="{ECARD_TITLE}">{ECARD_TITLE}></a>
                </td>
Logged
It has been a long time now since I did my little bit here, and have done no coding or any other such stuff since. I'm back to being a noob here

Widi

  • Coppermine novice
  • *
  • Offline Offline
  • Gender: Male
  • Posts: 32
    • http://www.widi.tk
Labels under image-navigation menu
« Reply #5 on: February 23, 2004, 09:52:10 pm »

yeah that's true.... didn't thought of it.

however now i had to modify the language file english.php(or whatever language your using), cause all the variables like {NEXT_TITLE} etc... aren't one words, but are sentences. And then sentences are shown in the navigation bar. So i changed all of them to one word.

i tried to add entry's in the language file, but that didn't work    :(
Logged
Pages: [1]   Go Up
 

Page created in 0.02 seconds with 19 queries.