forum.coppermine-gallery.net
Support => cpg1.5 themes (visuals) => cpg1.5.x Support => cpg1.5 theme contributions => Topic started by: CPGFleCs on January 08, 2011, 10:02:41 pm
-
In 1.4.x the Greenflower theme was available. Because I wanted to update my album to the latest version I've converted that version to 1.5.x.
I hope I've done a good job. This is the first time I changed/created a theme myself.
Enjoy it!
Demo (http://coppermine-gallery.net/demo/cpg15x/?theme=greenflower) - Download (http://sourceforge.net/projects/coppermine/files/Themes/1.5.x/cpg1.5.x_theme_greenflower_v1.3.zip/download)
Changes for version v1.4 read Reply #17 by allvip.
-
A little mestake was in the startpost ZIP file. The folder it's zipped in is incorrect. (greenfloweroriginal should be greenflower)
Attached you find the correct version.
-
Excellent work. I will fully review your contribution and add it to the repository tomorrow, many thanks.
I have added you to the contributor group so you can edit your initial posting with the most recent version of your contribution. Only contributors and above are allowed to edit posts but we would ask you to only make minor edits such as correcting typos or updating files. I only point this out as some new contributors have been deleting posts making threads hard to read.
Once again, many thanks for your contribution.
-
I've just found a little flaw. When logged on as administrator the admin buttons don't show under the pictures. Also the graphics for picture rating don't show. I'll look at it tonight. I'm at work now.
-
Found another flaw. Tabs are not working. Tabs are pointing to the homepage.
I didn't find the time yet to look at it. It's realy busy at work and at home (kids :P)
-
Yep, I discovered a few mistakes. I too have little time to work on it at the moment so await your next release.
-
If you have found other issues please let me know so I can check them out.
-
I think I worked all out. Can you please check this version?
-
Looking good. All seems to be working as it should. I will have a quick review of the code tomorrow and if all is good then I will add it to the demo and download. Well done.
-
Phill, is the theme ready to add it to the demo and download section?
-
Yes, it is ready. I had intended to add it on return from my road trip on Friday but feel free to do so if you have the time.
-
Added links to demo and download section to initial post.
-
Nice theme, thanks for the effort. ;)
Just a observation. The theme doesn't work correctly in IE8, it shows scroll bars at the bottom and right hand side. This doesn't happen with the old 1.4x version.
Just thought I'd mention it.
-
I'll take a look at it. The problem is on the demo the image size for the random pics etc. are set to large for this theme.
-
There are still problems with this conversion. See my post here: http://forum.coppermine-gallery.net/index.php/topic,71938.msg348422.html#msg348422 (http://forum.coppermine-gallery.net/index.php/topic,71938.msg348422.html#msg348422)
I'd try to fix it myself, but I only know a little bit about PHP. This theme is perfect for what I want to use it for. Can these issues be fixed please?
Thanks in advance.
-
Added links to demo and download section to initial post.
My themе is greenflower.
It looks as it should now, but SORT POSITION and SShow not work correctly.
http://arts.gpaeburgas.org
Pleace help!
-
I noticed the images rate_full, rate_empty, rating and rate_new are missing so I made them for you.
-
THEME ERRORS:
1) In style_cpg.css I found an error ( ( instead of {) that causes all the styles after it not to work. Example: the help overlay (?) from Config is transparent. This way you can not read the help. #GB_window background: #FFFFFF; is after .breadlink.
.breadlink (
color: #657172;
font-size: 9px;
font-family: tahoma, arial, Microsoft Sans Serif;
}
should be:
.breadlink {
color: #657172;
font-size: 9px;
font-family: tahoma, arial, Microsoft Sans Serif;
}
2) The filmstrip thumbnails have TOKENS (see attachment filmstrip.jpg). Can filmstrip thumbnails have admin menu? :o
Maybe can have caption but not admin menu.
In function // HTML template for filmstrip display (in theme.php)
<!-- BEGIN thumb_cell -->
<td valign="top" align="center">
<a href="{LINK_TGT}">{THUMB}</a>
{CAPTION}
{ADMIN_MENU}
</td>
<!-- END thumb_cell -->
should be replaced with:
<!-- BEGIN thumb_cell -->
<td valign="top" align="center">
<a href="{LINK_TGT}">{THUMB}</a>
</td>
<!-- END thumb_cell -->
In this topic Display Title for Filmstrip thumbnails.. http://forum.coppermine-gallery.net/index.php/topic,74799.0.html (http://forum.coppermine-gallery.net/index.php/topic,74799.0.html) the picture title is added under the filmstrip thumbnails (see attachment film.jpg) but the edits are made in the coppermine files not the theme. I would not know how to make it in the theme.
3) Slideshow button is not working. When I click it: Not Found. The requested URL /cpg15x/{SLIDESHOW_TGT} was not found on this server. Error in theme.php function // HTML template for the image navigation bar:
<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>
If I repace it with:
<!-- BEGIN slideshow_button -->
<!-- button will be added by displayimage.js -->
<td id="slideshow_button" align="center" valign="middle" class="navmenu" width="48"></td>
<!-- END slideshow_button -->
it works, but instead of the custom icon it shows Slideshow text.
He used the constant define('THEME_HAS_NAVBAR_GRAPHICS', 1); and the function // HTML template for the image navigation bar to add custom images. He should use only one option. The theme did not took the navbar images from the theme folder when he used define('THEME_HAS_NAVBAR_GRAPHICS', 1); because they need to be png files not gif and not in the greenflower/images folder but in greenflower/images/navbar
Remove from theme.php:
// HTML template for the image navigation bar
$template_img_navbar = <<<EOT
<tr class="graybox">
<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>
<td align="center" valign="middle" class="navmenu" width="100%">
{PIC_POS}
</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="center" valign="middle" class="navmenu" width="48">
<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="navmenu" width="48">
<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>
EOT;
Convert with a photo editor ecard.gif, info.gif, report.gif, slideshow.gif, thumbnails.gif, next.gif, prev.gif to png files and also create start.png and end.png. Create folder navbar in the images folder and add the new created png files. (I attached the navbar images in the navbar.zip). Delete ecard.gif, info.gif, report.gif, slideshow.gif, thumbnails.gif, next.gif, prev.gif from the images folder.
4) Sort option for thumbnails page is not working. Example: sort by title ascending goes to invalid url http://coppermine-gallery.net/demo/cpg15x/thumbnails.php?album={AID}&page={PAGE}&sort=ta (http://coppermine-gallery.net/demo/cpg15x/thumbnails.php?album={AID}&page={PAGE}&sort=ta). I don't know how to edit the code to make it work. If I replace {AID} with {ALBUM_ID} it works, but I don't know with what to replace {PAGE}. {PAGE} is not working. It shows in the link as a token. Also title="{SORT_TA}" should be replaced with title="Title Ascending".
DELETE from theme.php:
// HTML template for title row of the thumbnail view (album title + sort options)
$template_thumb_view_title_row = <<<EOT
<h2>{ALBUM_NAME}</h2>
<ul>
<li class="sortorder_options">
{TITLE}
<a href="thumbnails.php?album={AID}&page={PAGE}&sort=ta" title="{SORT_TA}"><img class="no_border" src="themes/greenflower/images/ascending.gif" alt="+" /></a>
<a href="thumbnails.php?album={AID}&page={PAGE}&sort=td" title="{SORT_TD}"><img class="no_border" src="themes/greenflower/images/descending.gif" alt="-" /></a>
</li>
<li class="sortorder_options">
{NAME}
<a href="thumbnails.php?album={AID}&page={PAGE}&sort=na" title="{SORT_NA}"><img class="no_border" src="themes/greenflower/images/ascending.gif" alt="+" /></a>
<a href="thumbnails.php?album={AID}&page={PAGE}&sort=nd" title="{SORT_ND}"><img class="no_border" src="themes/greenflower/images/descending.gif" alt="-" /></a>
</li>
<li class="sortorder_options">
{DATE}
<a href="thumbnails.php?album={AID}&page={PAGE}&sort=da" title="{SORT_DA}"><img class="no_border" src="themes/greenflower/images/ascending.gif" alt="+" /></a>
<a href="thumbnails.php?album={AID}&page={PAGE}&sort=dd" title="{SORT_DD}"><img class="no_border" src="themes/greenflower/images/descending.gif" alt="-" /></a>
</li>
<li class="sortorder_options">
{POSITION}
<a href="thumbnails.php?album={AID}&page={PAGE}&sort=pa" title="{SORT_PA}"><img class="no_border" src="themes/greenflower/images/ascending.gif" alt="+" /></a>
<a href="thumbnails.php?album={AID}&page={PAGE}&sort=pd" title="{SORT_PD}"><img class="no_border" src="themes/greenflower/images/descending.gif" alt="-" /></a>
</li>
</ul>
<br class="clearboth" />
EOT;
Replace from style_cpg.css:
.sortorder_options {
float:right;
padding:0 10px;
font-size:80%;
list-style-type:none;
white-space:nowrap;
text-align:right;
}
with:
.sortorder_options
{
padding-left:15px;
list-style:none;
background:url(images/parl_bullet.png) no-repeat top left;
}
5) Rating images under image on displayimage are broken links.
Open theme.php and replace:
define('THEME_HAS_RATING_GRAPHICS', 0);
with:
define('THEME_HAS_RATING_GRAPHICS', 1);
Add the images from the folder rate to greenflower/images (I attached rating.zip).
-
Regarding 4)
The sort options are added via JavaScript. Please have a look at that block in themes/sample/theme.php. You need to replace all sort options with
<td style="text-align:right;" class="sortorder_cell" id="sortorder_cell">
-
Thanks Andre.
I updated my reply.