Last change
on this file since 31975 was
16501,
checked in by flop25, 12 years ago
|
adding a gif loader (introduced in 2.4.2)
fixing the height of medium_cat.tpl
adding a custom size for spotlight.tpl
|
File size:
2.1 KB
|
Rev | Line | |
---|
[9720] | 1 | {combine_css path="template-extension/flop_style/mainpage_categories/picpile_cat.css"} |
---|
[16501] | 2 | {combine_script id='jquery.ajaxmanager' path='themes/default/js/plugins/jquery.ajaxmanager.js' load='footer'} |
---|
| 3 | {combine_script id='thumbnails.loader' path='themes/default/js/thumbnails.loader.js' require='jquery.ajaxmanager' load='footer'} |
---|
[9812] | 4 | {if $themeconf.name == "Sylvia"} |
---|
[16393] | 5 | {html_style} |
---|
[9818] | 6 | {literal} |
---|
| 7 | #theCategoryPage .content { |
---|
[9812] | 8 | margin: 21px 10px 0 290px !important; |
---|
[9818] | 9 | } |
---|
| 10 | {/literal} |
---|
[16393] | 11 | {/html_style} |
---|
[9812] | 12 | {/if} |
---|
[16393] | 13 | {define_derivative name='derivative_picpile_cat' width=160 height=120 crop=true} |
---|
| 14 | {html_style} |
---|
| 15 | {literal} |
---|
| 16 | .picRotated { |
---|
| 17 | width:{/literal}{$derivative_picpile_cat->max_width()+18}{literal}px; |
---|
| 18 | height:{/literal}{$derivative_picpile_cat->max_height()+18}{literal}px; |
---|
| 19 | } |
---|
| 20 | .albumHolder { |
---|
| 21 | width:{/literal}{$derivative_picpile_cat->max_width()+10}{literal}px; |
---|
| 22 | height:{/literal}{$derivative_picpile_cat->max_height()+10}{literal}px; |
---|
| 23 | } |
---|
| 24 | .wrap1 { |
---|
| 25 | width:{/literal}{$derivative_picpile_cat->max_width()+30}{literal}px; |
---|
| 26 | height:{/literal}{$derivative_picpile_cat->max_height()+60}{literal}px; |
---|
| 27 | } |
---|
| 28 | |
---|
| 29 | {/literal} |
---|
| 30 | {/html_style} |
---|
| 31 | |
---|
[9720] | 32 | <ul class="thumbnailCategories"> |
---|
| 33 | {foreach from=$category_thumbnails item=cat} |
---|
[16393] | 34 | {assign var=der_picpile_cat value=$pwg->derivative($derivative_picpile_cat, $cat.representative.src_image)} |
---|
[9720] | 35 | <li> |
---|
| 36 | <span class="wrap1"><div class="albumHolder"> |
---|
| 37 | <div class="picRotated"></div> |
---|
[16501] | 38 | <div class="album"> <a class="ajax" href="{$cat.URL}"> <span title="Browse Album" class="highlight"></span> <img {if $der_picpile_cat->is_cached()}src="{$der_picpile_cat->get_url()}"{else}src="{$ROOT_URL}{$themeconf.img_dir}/ajax-loader-big.gif" data-src="{$der_picpile_cat->get_url()}"{/if} {$der_picpile_cat->get_size_htm()} title="{$cat.NAME|@replace:'"':' '} - {'display this album'|@translate}" alt="{$cat.TN_ALT}" > <span title="Contains {$cat.CAPTION_NB_IMAGES} images" class="albumCnt">{$cat.CAPTION_NB_IMAGES}</span> </a> </div> |
---|
[9720] | 39 | <div title="{$cat.NAME}" class="albumTitle">{$cat.NAME}</div> |
---|
| 40 | <div class="clear"></div> |
---|
| 41 | </div> |
---|
| 42 | </span> |
---|
| 43 | </li> |
---|
| 44 | {/foreach} |
---|
| 45 | </ul> |
---|
Note: See
TracBrowser
for help on using the repository browser.