Changeset 3773 for extensions/akBookStyle

Timestamp:

Aug 21, 2009, 9:03:52 PM (15 years ago)

Author:

vdigital

Message:

AK_BY_LINE revised logic
Some CSS basics (to be reviewed)

Location:

extensions/akBookStyle/trunk

Files:

• css/ak_style.css (modified) (1 diff)
• template/ak_reloaded_image.tpl (modified) (3 diffs)
• template/ak_thumbnails.tpl (modified) (1 diff)

extensions/akBookStyle/trunk/css/ak_style.css

@@ -3 +3 @@
 
 td table.thumbnails {
+        margin-right:20%;
 }
 
 tr.nline {
+        max-height:90px;
+        overflow:hidden;
 }
 
 td.ncol {
+        max-height:90px;
+        max-width:90px;
+        overflow:hidden;
+        text-align:center;
+        padding:2px 8px;
+}
+
+td.ak_pic {
+        min-width:640px;
+        text-align:center;
 }
 
 a.load {
+        height:90px;
+        width:90px;
 }
 
 a.load img {
+        height:90px;
+        overflow:hidden;
 }
 
 td.left {
+        text-align:left;
 }
 

extensions/akBookStyle/trunk/template/ak_reloaded_image.tpl

@@ -3 +3 @@
   <table class="picture">
     <tr class="nline">
-      <td class="ncol"> {* will be an include *}
+      <td class="ncol">
         {if isset($AK_PREVIOUS) }
 
@@ -17 +17 @@
     
     <tr class="nline">
-      <td class="ncol"> {* will be an include *}
+      <td class="ak_pic"> 
         <img src="{$AK_PIC_SRC}" alt="{$AK_PIC_ALT}" title="{$AK_PIC_TITLE}">
       </td>
@@ -23 +23 @@
     
     <tr class="nline">
-      <td class="ncol"> {* will be an include *}
+      <td class="ncol"> 
         {if !empty($AK_NEXT) }
         <a class="{$AK_NEXT.load} navButton" href="{$AK_NEXT.U_PIC}" 

extensions/akBookStyle/trunk/template/ak_thumbnails.tpl

@@ -26 +26 @@
 
 {if !empty($thumbnails)}
-<table class="ak_display">
+<table class="ak_display"> 
   <tr>
     <td>
-      {* thumbnails in table versus *}
+
       <table class="thumbnails">
-        {foreach from=$thumbnails item=thumbnail name=tn}
-        {if $smarty.foreach.tn.index % $AK_BY_LINE == 0}
-        <tr class="nline">
-          {/if}
-          <td class="ncol">
-            <a href="{$thumbnail.AK_URL}" class="load">
-              <img class="thumbnail" src="{$thumbnail.TN_SRC}" 
-                   alt="{$thumbnail.TN_ALT}" title="{$thumbnail.TN_TITLE}">
-            </a>
-          </td>
-          {if ($smarty.foreach.tn.index+1) % $AK_BY_LINE == 0}
-        </tr>
-        {/if}
-        {/foreach}
+        {foreach from=$thumbnails item=thumbnail name=tn}
+        {if $smarty.foreach.tn.index % $AK_BY_LINE == 0}
+        <tr class="nline">
+          {/if}
+          <td class="ncol">
+            <a href="{$thumbnail.AK_URL}" class="load">
+              <img class="thumbnail" src="{$thumbnail.TN_SRC}" 
+             alt="{$thumbnail.TN_ALT}" title="{$thumbnail.TN_TITLE}">
+            </a>
+          </td>
+        {if ($smarty.foreach.tn.iteration % $AK_BY_LINE == 0) or $smarty.foreach.tn.last }
+        </tr>
+        {/if}
+        {/foreach}
+        
+        {if !empty($NAV_BAR) } {* thumbnails navigation bar *}
+        <tr class="nline">
+          <td class="left">
+            {if isset($AK_NAV_PREV)} 
+            <a class="navButton" href="{$AK_NAV_PREV}" 
+               title="{'previous_page'|@translate}">
+              <img src="{$ROOT_URL}{$themeconf.icon_dir}/left.png" 
+             class="button" alt="{'previous_page'|@translate}">
+            </a> 
+            {/if}
+          </td>
+          <td class="right">
+            {if isset($AK_NAV_NEXT)} 
+            <a class="navButton" href="{$AK_NAV_NEXT}" 
+               title="{'next_page'|@translate}">
+              <img src="{$ROOT_URL}{$themeconf.icon_dir}/right.png" 
+             class="button" alt="{'next_page'|@translate}">
+            </a> 
+            {/if}
+          </td>
+        </tr>
+        {/if} 
+      </table> {* end of Thumbnails *}
 
-        {* 
-        need to be fix for AK_BY_LINE != 2 
-        we must add <td></td> if count($thumbnails) % $AK_BY_LINE != 0
-        *}
-        
-        {if ($smarty.foreach.tn.index) % $AK_BY_LINE == 0}
-        <td></td></tr>
-        {/if}
-        
-        {if !empty($NAV_BAR) } {* thumbnails navigation bar *}
-        <tr class="nline">
-          <td class="left">
-            {if isset($AK_NAV_PREV)} 
-            <a class="navButton" href="{$AK_NAV_PREV}" 
-               title="{'previous_page'|@translate}">
-              <img src="{$ROOT_URL}{$themeconf.icon_dir}/left.png" 
-                   class="button" alt="{'previous_page'|@translate}">
-            </a> 
-            {/if}
-          </td>
-          <td class="right">
-            {if isset($AK_NAV_NEXT)} 
-            <a class="navButton" href="{$AK_NAV_NEXT}" 
-               title="{'next_page'|@translate}">
-              <img src="{$ROOT_URL}{$themeconf.icon_dir}/right.png" 
-                   class="button" alt="{'next_page'|@translate}">
-            </a> 
-            {/if}
-          </td>
-        </tr>
-        {/if} 
-      </table>
     </td>
     
-    <td>
+    <td> {* Picture *}
       {include file=$AK_RELOADED_IMAGE_TPL|@get_extent:'picture_reload'} 
     </td>