forum.coppermine-gallery.net
Support => cpg1.4.x Support => Older/other versions => cpg1.4 themes/skins/templates => Topic started by: cong on April 01, 2007, 08:17:36 am
-
hello, :)
i want to make vertical film strip instead of horizontal as shown in picture
and how to remove file title from image view ??
(https://forum.coppermine-gallery.net/proxy.php?request=http%3A%2F%2Fimg374.imageshack.us%2Fimg374%2F7999%2Funtitled1jo8.th.jpg&hash=c5f39320e5af465c84a3e591d7c58d023bfbd9e9) (http://img374.imageshack.us/my.php?image=untitled1jo8.jpg)
this is attached picture to explain what i need
thanx in advance :)
-
here is Classic theme with vertical film strip (http://downloads.sourceforge.net/coppermine/cpg1.4.x_theme_classic_filmstrip_vert.zip?modtime=1138418579&big_mirror=0) download it and check theme.php for theme_display_film_strip function and $template_film_strip variable
-
here is Classic theme with vertical film strip (http://downloads.sourceforge.net/coppermine/cpg1.4.x_theme_classic_filmstrip_vert.zip?modtime=1138418579&big_mirror=0) download it and check theme.php for theme_display_film_strip function and $template_film_strip variable
i am very beginner with php i tried to make it but i cant . can you advice me what codes i replace it ( find .... replace way )
thank you very much sami
-
- first if you have $template_film_strip variable on {gallery-root}/themes/your theme/theme.php replace it with
code below , if you didn't have it just copy this code before php end tag (?>)
// 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>
<td>
{THUMB_STRIP}
</td>
<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"> </td>
<!-- END empty_cell -->
EOT;
- if you have $template_display_media variable on {gallery-root}/themes/your theme/theme.php replace it with
code below , if you didn't have it just copy this code before php end tag (?>)
// HTML template for intermediate image display - HS: valign
$template_display_media = <<<EOT
<td align="center" valign="top" class="display_media" height="{CELL_HEIGHT}" style="white-space: nowrap; padding: 0px;">
<table cellspacing="2" cellpadding="0" class="imageborder">
<tr>
<td align="center">
{IMAGE}
{ADMIN_MENU}
</td>
</tr>
</table>
<!-- BEGIN img_desc -->
<table cellpadding="0" cellspacing="0" class="tableb">
<!-- 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>
EOT;
- if you have theme_display_film_strip function on {gallery-root}/themes/your theme/theme.php replace it with
code below , if you didn't have it just copy this code before php end tag (?>)
// Added to display film_strip
function theme_display_film_strip(&$thumb_list, $nbThumb, $album_name, $aid, $cat, $pos, $sort_options, $mode = 'thumb')
{
global $CONFIG, $THEME_DIR;
global $template_film_strip, $lang_film_strip;
static $template = '';
static $thumb_cell = '';
static $empty_cell = '';
static $spacer = '';
if ((!$template)) {
$template = $template_film_strip;
$thumb_cell = template_extract_block($template, 'thumb_cell');
$empty_cell = template_extract_block($template, 'empty_cell');
}
$cat_link = is_numeric($aid) ? '' : '&cat=' . $cat;
$thumbcols = $CONFIG['thumbcols'];
$cell_width = ceil(100 / $CONFIG['max_film_strip_items']) . '%';
$i = 0;
$thumb_strip = '';
foreach($thumb_list as $thumb) {
$i++;
if ($mode == 'thumb') {
$params = array('{CELL_WIDTH}' => $cell_width,
'{LINK_TGT}' => "displayimage.php?album=$aid$cat_link&pos={$thumb['pos']}",
'{THUMB}' => $thumb['image'],
'{CAPTION}' => '',
'{ADMIN_MENU}' => ''
);
} else {
$params = array('{CELL_WIDTH}' => $cell_width,
'{LINK_TGT}' => "index.php?cat={$thumb['cat']}",
'{THUMB}' => $thumb['image'],
'{CAPTION}' => '',
'{ADMIN_MENU}' => ''
);
}
$thumb_strip .= template_eval($thumb_cell, $params);
}
if (defined('THEME_HAS_FILM_STRIP_GRAPHICS')) {
$tile1 = $THEME_DIR . 'images/tile1.gif';
$tile2 = $THEME_DIR . 'images/tile2.gif';
} elseif (defined('THEME_HAS_FILM_STRIP_GRAPHIC')) {
$tile1=$tile2=$THEME_DIR . 'images/tile.gif';
} else {
$tile1=$tile2= 'images/tile.gif';
}
$params = array('{THUMB_STRIP}' => $thumb_strip,
'{COLS}' => $i,
'{TILE1}' => $tile1,
'{TILE2}' => $tile2,
);
ob_start();
starttable('');
echo template_eval($template, $params);
endtable();
$film_strip = ob_get_contents();
ob_end_clean();
return $film_strip;
}
- if you have theme_display_image function on {gallery-root}/themes/your theme/theme.php replace it with
code below , if you didn't have it just copy this code before php end tag (?>)
function theme_display_image($nav_menu, $picture, $votes, $pic_info, $comments, $film_strip)
{
global $HTTP_COOKIE_VARS, $CONFIG;
starttable();
echo $nav_menu;
endtable();
starttable();
if ($CONFIG['display_film_strip'] == 1) {
echo "<tr><td width='200' class='tableb' valign='middle' ><!-- gb before film_strip -->";
echo $film_strip;
echo "</td><!-- gb after film_strip -->";
}
echo "<!-- gb before picture -->";
echo $picture;
echo "</tr><!-- gb after picture -->";
endtable();
starttable();
echo $votes;
endtable();
$picinfo = isset($HTTP_COOKIE_VARS['picinfo']) ? $HTTP_COOKIE_VARS['picinfo'] : ($CONFIG['display_pic_info'] ? 'block' : 'none');
echo "<div id=\"picinfo\" style=\"display: $picinfo;\">\n";
starttable();
echo $pic_info;
endtable();
echo "</div>\n";
starttable();
echo $comments;
endtable();
}
- Do not forget to create vertical film pic or copy it (tile.gif) from Classic theme with vertical film strip images folder to {gallery-root}/themes/your theme/images
-
i applied your steps but i found this
there is spaces in sides of film strips and the place of old (horizontal ) one
(https://forum.coppermine-gallery.net/proxy.php?request=http%3A%2F%2Fimg486.imageshack.us%2Fimg486%2F6326%2Funtitled1jc8.jpg&hash=e80853f8d53f4cc48cc609ce8be52f5f69645676) (http://imageshack.us)
this picture show what i mean
and sorry sami i tired you
-
This could be css style issue
- post a link to your gallery
-
http://photos.congland.com/ (http://photos.congland.com/)
-
my gallery is http:/photos.congland.com (http://http:/photos.congland.com)
you can review it but now a packed up old theme.php until annoy visitors what i do now with this spaces sami ???
-
I can't see vertical film strip at all !?
you should change it back to vertical version so I could find the problem ...
-
ok 2 minutes
i wil change it
-
i changed it now
and there is just the space above comments
what about it ??
and how to make the two spaces beside title and description to be white
(https://forum.coppermine-gallery.net/proxy.php?request=http%3A%2F%2Fimg142.imageshack.us%2Fimg142%2F6665%2Funtitled1rg4.jpg&hash=b070b0a20cbf6a1ab8bd70971b818f67944a7287) (http://imageshack.us)
-
Zip your theme and attach it to this thread by using Additional Options... I will take a look at that
[note]:In my timezone , Time is 2:31 AM and I should go to bed , So don't expect fast answer till morning ;)
-
here is my theme in attach
-
cong you should zip up your whole theme not just theme.php
-
ok sami here whole pages in my theme
-
Use attached theme.php instead of yours,
Problem was theme_display_image function
there was unnecessary table creation for Vote section and I remove that
-
it is worked perfect and thank you very much sami and you can mark it as solved. :) :)
you are expert sami ;)
-
It appears I do not have any of these listed, do I paste all of them into my theme.php, or just one of them to start the conversion process? I use the sosuechtig theme..
- first if you have $template_film_strip variable on {gallery-root}/themes/your theme/theme.php replace it with
code below , if you didn't have it just copy this code before php end tag (?>)
// 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>
<td>
{THUMB_STRIP}
</td>
<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"> </td>
<!-- END empty_cell -->
EOT;
- if you have $template_display_media variable on {gallery-root}/themes/your theme/theme.php replace it with
code below , if you didn't have it just copy this code before php end tag (?>)
// HTML template for intermediate image display - HS: valign
$template_display_media = <<<EOT
<td align="center" valign="top" class="display_media" height="{CELL_HEIGHT}" style="white-space: nowrap; padding: 0px;">
<table cellspacing="2" cellpadding="0" class="imageborder">
<tr>
<td align="center">
{IMAGE}
{ADMIN_MENU}
</td>
</tr>
</table>
<!-- BEGIN img_desc -->
<table cellpadding="0" cellspacing="0" class="tableb">
<!-- 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>
EOT;
- if you have theme_display_film_strip function on {gallery-root}/themes/your theme/theme.php replace it with
code below , if you didn't have it just copy this code before php end tag (?>)
// Added to display film_strip
function theme_display_film_strip(&$thumb_list, $nbThumb, $album_name, $aid, $cat, $pos, $sort_options, $mode = 'thumb')
{
global $CONFIG, $THEME_DIR;
global $template_film_strip, $lang_film_strip;
static $template = '';
static $thumb_cell = '';
static $empty_cell = '';
static $spacer = '';
if ((!$template)) {
$template = $template_film_strip;
$thumb_cell = template_extract_block($template, 'thumb_cell');
$empty_cell = template_extract_block($template, 'empty_cell');
}
$cat_link = is_numeric($aid) ? '' : '&cat=' . $cat;
$thumbcols = $CONFIG['thumbcols'];
$cell_width = ceil(100 / $CONFIG['max_film_strip_items']) . '%';
$i = 0;
$thumb_strip = '';
foreach($thumb_list as $thumb) {
$i++;
if ($mode == 'thumb') {
$params = array('{CELL_WIDTH}' => $cell_width,
'{LINK_TGT}' => "displayimage.php?album=$aid$cat_link&pos={$thumb['pos']}",
'{THUMB}' => $thumb['image'],
'{CAPTION}' => '',
'{ADMIN_MENU}' => ''
);
} else {
$params = array('{CELL_WIDTH}' => $cell_width,
'{LINK_TGT}' => "index.php?cat={$thumb['cat']}",
'{THUMB}' => $thumb['image'],
'{CAPTION}' => '',
'{ADMIN_MENU}' => ''
);
}
$thumb_strip .= template_eval($thumb_cell, $params);
}
if (defined('THEME_HAS_FILM_STRIP_GRAPHICS')) {
$tile1 = $THEME_DIR . 'images/tile1.gif';
$tile2 = $THEME_DIR . 'images/tile2.gif';
} elseif (defined('THEME_HAS_FILM_STRIP_GRAPHIC')) {
$tile1=$tile2=$THEME_DIR . 'images/tile.gif';
} else {
$tile1=$tile2= 'images/tile.gif';
}
$params = array('{THUMB_STRIP}' => $thumb_strip,
'{COLS}' => $i,
'{TILE1}' => $tile1,
'{TILE2}' => $tile2,
);
ob_start();
starttable('');
echo template_eval($template, $params);
endtable();
$film_strip = ob_get_contents();
ob_end_clean();
return $film_strip;
}
- if you have theme_display_image function on {gallery-root}/themes/your theme/theme.php replace it with
code below , if you didn't have it just copy this code before php end tag (?>)
function theme_display_image($nav_menu, $picture, $votes, $pic_info, $comments, $film_strip)
{
global $HTTP_COOKIE_VARS, $CONFIG;
starttable();
echo $nav_menu;
endtable();
starttable();
if ($CONFIG['display_film_strip'] == 1) {
echo "<tr><td width='200' class='tableb' valign='middle' ><!-- gb before film_strip -->";
echo $film_strip;
echo "</td><!-- gb after film_strip -->";
}
echo "<!-- gb before picture -->";
echo $picture;
echo "</tr><!-- gb after picture -->";
endtable();
starttable();
echo $votes;
endtable();
$picinfo = isset($HTTP_COOKIE_VARS['picinfo']) ? $HTTP_COOKIE_VARS['picinfo'] : ($CONFIG['display_pic_info'] ? 'block' : 'none');
echo "<div id=\"picinfo\" style=\"display: $picinfo;\">\n";
starttable();
echo $pic_info;
endtable();
echo "</div>\n";
starttable();
echo $comments;
endtable();
}
- Do not forget to create vertical film pic or copy it (tile.gif) from Classic theme with vertical film strip images folder to {gallery-root}/themes/your theme/images
-
copy all of them to your theme.php