Changeset 16393 for extensions/flop_style/mainpage_categories/picpile_cat.tpl

Timestamp:

Jul 6, 2012, 4:32:18 PM (12 years ago)

Author:

flop25

Message:

update for 2.4 : really amazing !

File:

• extensions/flop_style/mainpage_categories/picpile_cat.tpl (modified) (1 diff)

extensions/flop_style/mainpage_categories/picpile_cat.tpl

@@ -1 +1 @@
 {combine_css path="template-extension/flop_style/mainpage_categories/picpile_cat.css"}
 {if $themeconf.name == "Sylvia"}
-{html_head}
+{html_style}
   {literal}
-  <style>
   #theCategoryPage .content {
       margin: 21px 10px 0 290px !important;
   }
-        </style>
   {/literal}
-{/html_head}
+{/html_style}
 {/if}
+{define_derivative name='derivative_picpile_cat' width=160 height=120 crop=true}
+{html_style}
+  {literal}
+  .picRotated {
+    width:{/literal}{$derivative_picpile_cat->max_width()+18}{literal}px;
+    height:{/literal}{$derivative_picpile_cat->max_height()+18}{literal}px;
+  }
+  .albumHolder {
+    width:{/literal}{$derivative_picpile_cat->max_width()+10}{literal}px;
+    height:{/literal}{$derivative_picpile_cat->max_height()+10}{literal}px;
+  }
+  .wrap1 {
+    width:{/literal}{$derivative_picpile_cat->max_width()+30}{literal}px;
+    height:{/literal}{$derivative_picpile_cat->max_height()+60}{literal}px;
+  }
+  
+  {/literal}
+{/html_style}
+
 <ul class="thumbnailCategories">
   {foreach from=$category_thumbnails item=cat}
+  {assign var=der_picpile_cat value=$pwg->derivative($derivative_picpile_cat, $cat.representative.src_image)}
   <li>
   <span class="wrap1"><div class="albumHolder">
     <div class="picRotated"></div>
-    <div class="album"> <a class="ajax" href="{$cat.URL}"> <span title="Browse Album" class="highlight"></span> <img width="160" height="120" title="{$cat.NAME|@replace:'"':' '} - {'display this album'|@translate}" alt="{$cat.TN_ALT}" src="{$cat.TN_SRC}"> <span title="Contains {$cat.CAPTION_NB_IMAGES} images" class="albumCnt">{$cat.CAPTION_NB_IMAGES}</span> </a> </div>
+    <div class="album"> <a class="ajax" href="{$cat.URL}"> <span title="Browse Album" class="highlight"></span> <img {$der_picpile_cat->get_size_htm()} title="{$cat.NAME|@replace:'"':' '} - {'display this album'|@translate}" alt="{$cat.TN_ALT}" src="{$der_picpile_cat->get_url()}"> <span title="Contains {$cat.CAPTION_NB_IMAGES} images" class="albumCnt">{$cat.CAPTION_NB_IMAGES}</span> </a> </div>
     <div title="{$cat.NAME}" class="albumTitle">{$cat.NAME}</div>
     <div class="clear"></div>