Changeset 1384


Ignore:
Timestamp:
Jun 24, 2006, 10:56:59 AM (18 years ago)
Author:
chrisaga
Message:

feature 434: split thumbnails in template so customization could be easyer

Location:
trunk
Files:
3 added
7 edited

Legend:

Unmodified
Added
Removed

  • trunk/include/category_default.inc.php

    r1119 r1384  
    6161
    6262// template thumbnail initialization
     63$template->set_filenames( array( 'thumbnails' => 'thumbnails.tpl',));
    6364if (count($pictures) > 0)
    6465{
    … …  
    166167  }
    167168}
     169$template->assign_var_from_handle('THUMBNAILS', 'thumbnails');
    168170
    169171pwg_debug('end include/category_default.inc.php');

  • trunk/template

    • Property svn:ignore set to
      temp.yoga

  • trunk/template/yoga/content.css

    r1382 r1384  
    3030}
    3131
    32 /* Thumbnails customization */
    33 #content UL.thumbnails SPAN.thumbLegend {
    34   font-size: 80%;               /* font size */
    35   overflow: hidden;             /* oversized legend is clipped */
    36 }
    37 
    38 /* Thumbnail "elastic" layout */
    39 #content UL.thumbnails {
    40   margin: 0;
    41   padding: 0;
    42   list-style: none;
    43   text-align: center;   /* to center the whole collection in #content */
    44 }
    45 #content UL.thumbnails LI { display: inline }
    46 
    47 #content UL.thumbnails SPAN.wrap1 {
    48   margin: 0 5px 5px 5px;
    49   display: table-cell; display: inline-table; display: inline-block;
    50   vertical-align: top;          /* OK with Opera and IE6 not Geko */
    51   text-align: center;           /* to center the thumbnail and legend in Geko/Opera */
    52 }
    53 #content UL.thumbnails SPAN.wrap2 {
    54   margin: 0;                    /* important reset the margins */
    55   display: table-cell;          /* block prevents vertical-align here */
    56   vertical-align: middle;       /* Ok with Opera and Geko not IE6 */
    57 }
    58 #content UL.thumbnails SPAN.wrap2 A,
    59 #content UL.thumbnails SPAN.wrap2 LABEL {
    60   display: block;
    61   border-bottom: none;
    62 }
    63 #content UL.thumbnails IMG {
    64   margin-bottom: -4px;  /* why ??? something wrong with Geko and Opera ignored by IE6*/
    65 }
    66 
    67 /* label and input used for caddie in admin section */
    68 #content UL.thumbnails SPAN.wrap2 LABEL {
    69   position: relative;
    70 }
    71 :root #content UL.thumbnails SPAN.wrap2 INPUT { /* hide from Opera */
    72   position: absolute;
    73   left: 0;
    74   top: 0;
    75 }
    76 
    7732#content .navigationBar, #content .additional_info {
    7833    margin: 10px 0;

  • trunk/template/yoga/fix-ie5-ie6.css

    r1382 r1384  
    11/* $Id$ */
    22/* Issues in IE from 5 to 6 only not to be used with IE7                      */
     3
     4@import "thumbnails-fix-ie5-ie6.css";
    35
    46/* fix lack of :hover behaviour for non link objects */
    … …  
    2224}
    2325
    24 /* fix IE with another layout for thumbnails */
    25 #content UL.thumbnails SPAN.wrap2 {
    26   display: block;
    27   position: relative;
    28   text-align: left;
    29 }
    30 #content UL.thumbnails SPAN.wrap2 A,
    31 #content UL.thumbnails SPAN.wrap2 LABEL {
    32   overflow: visible;
    33   position: absolute;
    34   top: 50%;
    35   text-align: center;
    36 }
    37 #content UL.thumbnails IMG.thumbnail {
    38   position: relative;
    39   top: -50%;
    40   /*\*//*/
    41     margin-top: -40%;
    42   /**/
    43 }
    44 #content UL.thumbnails SPAN.wrap2 input {
    45   position: absolute;
    46   left: 0;
    47   top: -50%;  /* same as other browsers but not so pretty */
    48 }
    49 
    5026/* fix category thumbnails on main page */
    5127#content UL.thumbnailCategories {

  • trunk/template/yoga/index.tpl

    r1382 r1384  
    7777
    7878{MONTH_CALENDAR}
    79 
    80 <!-- BEGIN thumbnails -->
    81 <ul class="thumbnails">
    82   <!-- BEGIN line -->
    83   <!-- BEGIN thumbnail -->
    84   <li class="{thumbnails.line.thumbnail.CLASS}">
    85     <span class="wrap1">
    86       <span class="wrap2">
    87         <a href="{thumbnails.line.thumbnail.U_IMG_LINK}">
    88             <img class="thumbnail" src="{thumbnails.line.thumbnail.IMAGE}"
    89             alt="{thumbnails.line.thumbnail.IMAGE_ALT}"
    90             title="{thumbnails.line.thumbnail.IMAGE_TITLE}">
    91         </a>
    92       </span>
    93       <span class="thumbLegend">
    94       <!-- BEGIN element_name -->
    95       {thumbnails.line.thumbnail.element_name.NAME}
    96       <!-- END element_name -->
    97       <!-- BEGIN category_name -->
    98       [{thumbnails.line.thumbnail.category_name.NAME}]
    99       <!-- END category_name -->
    100       {thumbnails.line.thumbnail.IMAGE_TS}
    101       <!-- BEGIN nb_comments -->
    102       <br />{thumbnails.line.thumbnail.nb_comments.NB_COMMENTS} {lang:comments}
    103       <!-- END nb_comments -->
    104       </span>
    105     </span>
    106   </li>
    107   <!-- END thumbnail -->
    108   <!-- END line -->
    109 
    110 </ul>
    111 <!-- END thumbnails -->
    112 
     79{THUMBNAILS}
    11380{CATEGORIES}
    11481

  • trunk/template/yoga/layout.css

    r1138 r1384  
    44@import "menubar.css";
    55@import "content.css";
     6@import "thumbnails.css";
    67@import "image.css";
    78@import "popuphelp.css";

  • trunk/template/yoga/theme

    • Property svn:ignore

      •  

        old new  
        11hk
        22erya-blue
         3hk-2
         4hk-3
         5white
         6hk-3_1.0.zip
         7hk-3_1.1.zip
         8hk-3_1.2.zip
         9white_0.2.zip
Note: See TracChangeset for help on using the changeset viewer.