Advanced search  

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

Pages: [1]   Go Down

Author Topic: Widescreen theme based on igames  (Read 10729 times)

0 Members and 1 Guest are viewing this topic.

Gene-2008

  • Contributor
  • Coppermine frequent poster
  • ***
  • Offline Offline
  • Posts: 188
Widescreen theme based on igames
« on: February 28, 2009, 05:20:12 am »

I have started using widescreen laptops and thus wanted a widescreen version that I wouldn't have to scroll up/down so much.

This started as igames and I renamed to atsiv_wide (vista backwards)

It has Sys_menu, Sub_menu, Admin_menu, film strip on the left and rating on the right

Site is: http://genefyoung.com/photos

To me it works well with widescreen but also with 4:3 screens...

Feedback welcomed,
Gene
Logged

Joachim Müller

  • Dev Team member
  • Coppermine addict
  • ****
  • Offline Offline
  • Gender: Male
  • Posts: 47843
  • aka "GauGau"
    • gaugau.de
Re: Widescreen theme based on igames
« Reply #1 on: March 01, 2009, 10:07:34 am »

Works on my Widescreen notebook as expected - nice job. Are you planning to release this to the public (you don't have to, but we'd appreciate)? I think there will be others who are interessted to see this theme available for download.
Logged

Gene-2008

  • Contributor
  • Coppermine frequent poster
  • ***
  • Offline Offline
  • Posts: 188
Re: Widescreen theme based on igames
« Reply #2 on: March 03, 2009, 02:13:30 am »

Yes I would like to make it available....but before I do I wanted to validate it and make a slight tweak.

And that is where I have gotten stumped. :-\  I want to move the prev/next navigation buttons to the top/bottom of the vertical filmstrip.

I am almost there but I can't seem to get the code to work.  I have a $template_img_navbar and a $template_film_strip.
I can get the next/prev  Links and Title to work in the nav_bar but not in the film_strip.  Note I don't plan to have them in both places I'm just trying to debug it.

Is there a timing relationship where the film_strip template is being used before the {PREV_TGT} etc is being set?

Does this need to be moved to a support page?

Thanks in advance for any help,

Gene

Note the image is what I am trying to do but with arrows above below the film strip instead of the words.



Code: [Select]
// HTML template for the image navigation bar
$template_img_navbar = <<<EOT

<td align="center" valign="middle" class="navmenu2">
       <a href="{PREV_TGT}" class="navmenu_pic" title="{PREV_TITLE}"><img src="{LOCATION}images/prev.gif"  border="0" align="middle" alt="{PREV_TITLE}" /></a>
    </td>
    <td align="center" valign="middle" class="navmenu2">
       <a href="{NEXT_TGT}" class="navmenu_pic" title="{NEXT_TITLE}"><img src="{LOCATION}images/next.gif"  border="0" align="middle" alt="{NEXT_TITLE}" /></a>
    </td>
<td align="center" valign="middle" class="navmenu" width="48">
      <a href="{THUMB_TGT}" class="navmenu_pic" title="{THUMB_TITLE}"><img src="{LOCATION}images/thumbnails.gif" align="middle" border="0" alt="{THUMB_TITLE}" /></a>
    </td>

    <td align="center" valign="middle" class="navmenu" width="48">
      <a href="javascript:;" class="navmenu_pic" onclick="blocking('picinfo','yes', 'block'); return false;" title="{PIC_INFO_TITLE}"><img src="{LOCATION}images/info.gif" border="0" align="middle" alt="{PIC_INFO_TITLE}" /></a>
    </td>

    <td align="center" valign="middle" class="navmenu" width="48">
      <a href="{SLIDESHOW_TGT}" class="navmenu_pic" title="{SLIDESHOW_TITLE}"><img src="{LOCATION}images/slideshow.gif" border="0" align="middle" alt="{SLIDESHOW_TITLE}" /></a>
    </td>
<!-- BEGIN report_file_button -->
            <td align="center" valign="middle" class="navmenu" width="48">
              <a href="{REPORT_TGT}" class="navmenu_pic" title="{REPORT_TITLE}"><img src="{LOCATION}images/report.gif" border="0" align="middle" alt="{REPORT_TITLE}" /></a>
            </td>
<!-- END report_file_button -->

<!-- BEGIN ecard_button -->
            <td align="center" valign="middle" class="navmenu" width="48">
              <a href="{ECARD_TGT}" class="navmenu_pic" title="{ECARD_TITLE}"><img src="{LOCATION}images/ecard.gif"  border="0" align="middle" alt="{ECARD_TITLE}" /></a>
            </td>
<!-- END ecard_button -->
   
    <td align="left" valign="middle" class="navmenu" width="100%">
        &nbsp {PIC_POS}
    </td>

EOT;

// HTML template for filmstrip display
$template_film_strip = <<<EOT
<tr><td>
<table width="100%" cellspacing="0" cellpadding="0">
<tr>

<td valign="top" style="background-image: url({TILE1});"><img src="{TILE1}" alt="" border="0" /></td>
   
    <!--begin thumb -->
<td><table style="width: 100%">
<tr>
    <td>
    <table width="100%" cellspacing="0" cellpadding="0">
    <tr><td align="center" valign="middle" class="navmenu">
         <a href="{PREV_TGT}" class="navmenu_pic" title="{PREV_TITLE}">
           <img src="{LOCATION}images/prev.gif"  border="0" align="middle" alt="{PREV_TITLE}" />
         </a>
    </td>
</tr>
</table>
</td>
</tr>
    <tr>
    <td> {THUMB_STRIP} </td>
    </tr>
    <tr>
    <td>
    <table width="100%" cellspacing="0" cellpadding="0">
    <tr><td align="center" valign="middle" class="navmenu">
         <a href="{NEXT_TGT}" class="navmenu_pic" title="{NEXT_TITLE}">
           <img src="{LOCATION}images/NEXT.gif"  border="0" align="middle" alt="{NEXT_TITLE}" />
         </a>
    </td>
    </tr>
</table>
</td>
</tr>
</table>
</td>
    <!--end thumb -->
    <td valign="top" style="background-image: url({TILE2});"><img src="{TILE2}" alt="" border="0" /></td>

</tr>
</table>
</td></tr>

<!-- BEGIN thumb_cell -->
<table width="100%" cellspacing="0" cellpadding="0">
  <tr><td align="center" valign="bottom"><a href="{LINK_TGT}">{THUMB}</a></td></tr>
</table>
{CAPTION}
{ADMIN_MENU}
<!-- END thumb_cell -->
<!-- BEGIN empty_cell -->
   <td valign="top" align="center">&nbsp;</td>
<!-- END empty_cell -->
EOT;

Logged

Joachim Müller

  • Dev Team member
  • Coppermine addict
  • ****
  • Offline Offline
  • Gender: Male
  • Posts: 47843
  • aka "GauGau"
    • gaugau.de
Re: Widescreen theme based on igames
« Reply #3 on: March 03, 2009, 08:20:39 am »

The tokens (the placeholders in curly braces) need to be populated. You'll have to code that as well. The calculation currently happens inside the function theme_html_img_nav_menu. You'll have to move the calculation out of that function and into the function theme_display_film_strip.
Logged

Gene-2008

  • Contributor
  • Coppermine frequent poster
  • ***
  • Offline Offline
  • Posts: 188
Re: Widescreen theme based on igames
« Reply #4 on: March 03, 2009, 05:36:01 pm »

Ok this is as far as I want to take it for now.  I have validated as best I can.

Others are welcomed to have a go at it.

Thanks for the help,   :) :)
Gene

Note attached here is the theme, a screen capture....and a link http://genefyoung.com/photos
Logged

Joachim Müller

  • Dev Team member
  • Coppermine addict
  • ****
  • Offline Offline
  • Gender: Male
  • Posts: 47843
  • aka "GauGau"
    • gaugau.de
Re: Widescreen theme based on igames
« Reply #5 on: March 04, 2009, 08:49:21 am »

Thanks for your readiness to share. I have renamed your theme to "igames_widescreen" for easier use on our demo page. I have added the theme to our downloads section and demo.

Demo - Download
Logged

ur_superflous_snobs

  • Coppermine newbie
  • Offline Offline
  • Posts: 4
Re: Widescreen theme based on igames
« Reply #6 on: August 31, 2009, 05:44:46 am »

Excellent theme man !!

The picture marquee at top on your site is fantabulous !! feel like  :-* it ;D

Kudos !!  :)
Logged

Gene-2008

  • Contributor
  • Coppermine frequent poster
  • ***
  • Offline Offline
  • Posts: 188
Re: Widescreen theme based on igames
« Reply #7 on: August 31, 2009, 01:40:45 pm »

Thanks I'm glad you like it.   ;D ;D

BTW if by picture marquee you mean the sliding banner of images that is a CPG plugin freely available here:
http://forum.coppermine-gallery.net/index.php/topic,51324.html

Gene
Logged
Pages: [1]   Go Up
 

Page created in 0.029 seconds with 20 queries.