[PGLightbox] Need Help Altering the Main Page
|
Lul2x
Joined: 2006-10-13
Posts: 17 |
Posted: Wed, 2007-09-26 21:16
|
|
Hi, I just installed the PGLightbox theme and I must say, it is really a great theme. However, there is one style change I am trying to make and I'm not sure how to go about it. It has to do with the way the albums are displayed on the first page. My previous theme had one album per line, but they were off-centre and had the album details on the left or right. Please see http://gallery.ibao.net to see what I'm talking about. In the PGLightbox theme, the albums don't have this affect and just stay centred with the album details below the thumbnail. See my gallery here --> http://pbriscoe.com/wpg2. Now, I do have the code for the ibao theme, I just don't know how to integrate it into the PGLightbox theme. If someone could please help me alter the PGLighbox theme so the albums line up like they do in the ibao theme, I would greatly, greatly appreciate it. Thank you! Here is the ibao code that makes the albums align like they do:
{* Special layout for gallery main page *}
{if empty($theme.parents)}
<!-- Sidebar -->
<div class="gallery-menu">
{* About Photographers *}
<h4>Welcome to my Gallery</h4>
<b><a href="http://pbriscoe.com/my-camera/">My Camera</a></b><p>
<h4>Recent Additions</h4>
<b><a href="http://pbriscoe.com/v/lifeleisure/balloonfest07/">Balloon Fest (Aug. 5)</a></b>
<b><a href="http://pbriscoe.com/v/misc/">Backyard Macros (Aug. 4)</a></b>
<b><a href="http://pbriscoe.com/v/travel/canada/toby07/">Tobermory (July 31)</a></b>
<br><br><hr/><p>
{* Link to Map view *}
<h4>Map View</h4>
<p><a href="Map/"><img border="0" src="{g->theme url="images/euro-color-small.png"}"></a><br>Interactive Travel Map.<hr/><p>
{* Album blocks *}
{ foreach from=$theme.params.albumBlocks item=block }
{ assign var="include" value=1 }
{ foreach from=$theme.excludeBlocks item=i }
{ if $block.0==$i } { assign var="include" value=0 } { /if }
{ /foreach }
{ if $include==1 }
{g->block type=$block.0 params=$block.1}<p> <hr/>
{ /if }
{ /foreach }
</div>
{* layout for the main body of the gallery *}
{* alternate position of each album left and right *}
{ assign var="alignment" value=0 }
<div class="gallery-main">
<table class="gallery-main-table">
{ foreach from=$theme.children item=child }
<tr><td>
{ if $alignment%2==0 } {* left aligned - meta data on the right of thumbnail *}
<table class="gallery-main-left"><tr>
{* pano highlight thumbnail *} <td class="gallery-thumb">
{if isset($child.thumbnail)}
<a href="{g->url arg1="view=core.ShowItem" arg2="itemId=`$child.id`"}">
{g->image item=$child image=$child.thumbnail}</a>
{else} {g->text text="no thumbnail"} {/if}
</td>
{* summary meta data *}
<td class="meta">
<h4><a href="{g->url arg1="view=core.ShowItem" arg2="itemId=`$child.id`"}">
{$child.title|default:$child.pathComponent|markup}</a></h4>
<p>
{capture name=childTimestamp}{g->date timestamp=$child.modificationTimestamp}{/capture}
{g->text text="%s" arg1=$smarty.capture.childTimestamp}<br>
{g->text text="%d Images" arg1=$child.descendentCount}<br>
{g->text text="%d Views" arg1=$child.viewCount}<p>
{g->block type="core.ItemInfo" item=$child showSummaries=true}
</td>
{else} {* right aligned - meta data on the left of thumbnail *}
<table class="gallery-main-right"><tr>
{* summary meta data *} <td class="meta">
<h4><a href="{g->url arg1="view=core.ShowItem" arg2="itemId=`$child.id`"}">
{$child.title|default:$child.pathComponent|markup}</a></h4>
<p>
{capture name=childTimestamp}{g->date timestamp=$child.modificationTimestamp}{/capture}
{g->text text="%s" arg1=$smarty.capture.childTimestamp}<br>
{g->text text="%d Images" arg1=$child.descendentCount}<br>
{g->text text="%d Views" arg1=$child.viewCount}
{g->block type="core.ItemInfo" item=$child showSummaries=true}
{* pano highlight thumbnail *} <td class="gallery-thumb">
{if isset($child.thumbnail)}
<a href="{g->url arg1="view=core.ShowItem" arg2="itemId=`$child.id`"}">
{g->image item=$child image=$child.thumbnail}</a>
{else} {g->text text="no thumbnail"} {/if}
</td>
{/if}
</tr></table>
</td></tr>
{assign var="alignment" value=$alignment+1}
{/foreach}
</table></div>
{else}
|
|
