Support > cpg1.5 theme contributions
Greenflower Theme (same as wordpress)
didy:
--- Quote from: Αndré on January 19, 2011, 06:54:39 pm ---Added links to demo and download section to initial post.
--- End quote ---
My themе is greenflower.
It looks as it should now, but SORT POSITION and SShow not work correctly.
http://arts.gpaeburgas.org
Pleace help!
cimona:
I noticed the images rate_full, rate_empty, rating and rate_new are missing so I made them for you.
allvip:
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.
--- Code: ---.breadlink (
color: #657172;
font-size: 9px;
font-family: tahoma, arial, Microsoft Sans Serif;
}
--- End code ---
should be:
--- Code: ---.breadlink {
color: #657172;
font-size: 9px;
font-family: tahoma, arial, Microsoft Sans Serif;
}
--- End code ---
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)
--- Code: ---<!-- BEGIN thumb_cell -->
<td valign="top" align="center">
<a href="{LINK_TGT}">{THUMB}</a>
{CAPTION}
{ADMIN_MENU}
</td>
<!-- END thumb_cell -->
--- End code ---
should be replaced with:
--- Code: ---<!-- BEGIN thumb_cell -->
<td valign="top" align="center">
<a href="{LINK_TGT}">{THUMB}</a>
</td>
<!-- END thumb_cell -->
--- End code ---
In this topic Display Title for Filmstrip thumbnails.. 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:
--- Code: --- <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>
--- End code ---
If I repace it with:
--- Code: ---<!-- 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 -->
--- End code ---
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:
--- Code: ---// 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;
--- End code ---
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. 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:
--- Code: ---// 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;
--- End code ---
Replace from style_cpg.css:
--- Code: ---.sortorder_options {
float:right;
padding:0 10px;
font-size:80%;
list-style-type:none;
white-space:nowrap;
text-align:right;
}
--- End code ---
with:
--- Code: ---.sortorder_options
{
padding-left:15px;
list-style:none;
background:url(images/parl_bullet.png) no-repeat top left;
}
--- End code ---
5) Rating images under image on displayimage are broken links.
Open theme.php and replace:
--- Code: ---define('THEME_HAS_RATING_GRAPHICS', 0);
--- End code ---
with:
--- Code: ---define('THEME_HAS_RATING_GRAPHICS', 1);
--- End code ---
Add the images from the folder rate to greenflower/images (I attached rating.zip).
Αndré:
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
--- Code: ---<td style="text-align:right;" class="sortorder_cell" id="sortorder_cell">
--- End code ---
allvip:
Thanks Andre.
I updated my reply.
Navigation
[0] Message Index
[*] Previous page
Go to full version