Changeset 1386


Ignore:
Timestamp:
Jun 24, 2006, 11:19:40 AM (18 years ago)
Author:
chrisaga
Message:

feature 434: split thumbnails in template so customization could be easyer (manual merge from trunk r:1384

Location:
branches/branch-1_6
Files:
3 added
5 edited

Legend:

Unmodified
Added
Removed

  • branches/branch-1_6/include/category_default.inc.php

    r1119 r1386  
    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');

  • branches/branch-1_6/template/yoga/content.css

    r1383 r1386  
    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;
    … …  
    179134}
    180135
    181 TD.thumbnail label {
    182   position: relative;
    183 }
    184 TD.thumbnail input {
    185   position: absolute;
    186   left: 0;
    187   top: 0;
    188   background: transparent;
    189   border: none;
    190 }
    191 
    192136/* begin chronology/calendar elements*/
    193137#content DIV.calendarViews {

  • branches/branch-1_6/template/yoga/fix-ie5-ie6.css

    r1383 r1386  
    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 {

  • branches/branch-1_6/template/yoga/index.tpl

    r1383 r1386  
    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

  • branches/branch-1_6/template/yoga/layout.css

    r1140 r1386  
    44@import "menubar.css";
    55@import "content.css";
     6@import "thumbnails.css";
    67@import "image.css";
    78@import "popuphelp.css";
Note: See TracChangeset for help on using the changeset viewer.