Changeset 939 for branches/branch-1_5


Ignore:
Timestamp:
Nov 17, 2005, 9:13:36 PM (19 years ago)
Author:
chrisaga
Message:

bug 206 fixed: PNG thumbnails clipped with IE

  • added class="icon" to recent.png (functions_html.inc.php)
  • added class="button" to al png button images (*.tpl)
  • changed pngfix.js to only fix icon or button images

template improvement: category prettier and simpler (a little bit)

  • got rid of one SPAN level
  • content.css more readable
Location:
branches/branch-1_5
Files:
27 edited

Legend:

Unmodified
Added
Removed

  • branches/branch-1_5/include/functions_html.inc.php

    r922 r939  
    4949    $title .=  ' '.$lang['days'];
    5050    $size = getimagesize( $icon_url );
    51     $output = '<img title="'.$title.'" src="'.$icon_url.'" style="border:0;';
    52     $output.= 'height:'.$size[1].'px;width:'.$size[0].'px" alt="" />';
     51    $output = '<img title="'.$title.'" src="'.$icon_url.'" class="icon" style="border:0;';
     52    $output.= 'height:'.$size[1].'px;width:'.$size[0].'px" alt="(!)" />';
    5353  }
    5454  return $output;

  • branches/branch-1_5/include/pngfix.js

    r905 r939  
    77   for(var i=0; i<document.images.length; i++)
    88      {
    9           var img = document.images[i]
     9      var img = document.images[i]
     10      if (img.className == "button" || img.className == "icon")
     11          {
    1012          var imgName = img.src.toUpperCase()
    1113          if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
    … …  
    2527                 i = i-1
    2628             }
     29          }
    2730      }
    2831   }

  • branches/branch-1_5/template/yoga/about.tpl

    r862 r939  
    33  <div class="titrePage">
    44    <ul class="categoryActions">
    5       <li><a href="{U_HOME}" title="{lang:return to homepage}"><img src="./template/yoga/theme/home.png" alt="{lang:home}"/></a></li>
     5      <li><a href="{U_HOME}" title="{lang:return to homepage}"><img src="./template/yoga/theme/home.png" class="button" alt="{lang:home}"/></a></li>
    66    </ul>
    77    <h2>{lang:About}</h2>

  • branches/branch-1_5/template/yoga/admin/cat_list.tpl

    r912 r939  
    1212
    1313      <ul class="categoryActions">
    14         <li><a href="{category.U_JUMPTO}" title="{lang:jump to category}"><img src="./template/yoga/theme/category_jump-to.png" alt="{lang:jump to}" /></a></li>
    15         <li><a href="{category.U_EDIT}" title="{lang:edit category informations}"><img src="./template/yoga/theme/category_edit.png" alt="{lang:edit}"/></a></li>
     14        <li><a href="{category.U_JUMPTO}" title="{lang:jump to category}"><img src="./template/yoga/theme/category_jump-to.png" class="button" alt="{lang:jump to}" /></a></li>
     15        <li><a href="{category.U_EDIT}" title="{lang:edit category informations}"><img src="./template/yoga/theme/category_edit.png" class="button" alt="{lang:edit}"/></a></li>
    1616        <!-- BEGIN elements -->
    17         <li><a href="{category.elements.URL}" title="{lang:manage category elements}"><img src="./template/yoga/theme/category_elements.png" alt="{lang:elements}" /></a></li>
     17        <li><a href="{category.elements.URL}" title="{lang:manage category elements}"><img src="./template/yoga/theme/category_elements.png" class="button" alt="{lang:elements}" /></a></li>
    1818        <!-- END elements -->
    19         <li><a href="{category.U_CHILDREN}" title="{lang:manage sub-categories}"><img src="./template/yoga/theme/category_children.png" alt="{lang:sub-categories}" /></a></li>
     19        <li><a href="{category.U_CHILDREN}" title="{lang:manage sub-categories}"><img src="./template/yoga/theme/category_children.png" class="button" alt="{lang:sub-categories}" /></a></li>
    2020        <!-- BEGIN permissions -->
    21         <li><a href="{category.permissions.URL}" title="{lang:edit category permissions}" ><img src="./template/yoga/theme/category_permissions.png" alt="{lang:permissions}" /></a></li>
     21        <li><a href="{category.permissions.URL}" title="{lang:edit category permissions}" ><img src="./template/yoga/theme/category_permissions.png" class="button" alt="{lang:permissions}" /></a></li>
    2222        <!-- END permissions -->
    2323        <!-- BEGIN delete -->
    24         <li><a href="{category.delete.URL}" title="{lang:delete category}"><img src="./template/yoga/theme/category_delete.png" alt="{lang:delete}" /></a></li>
     24        <li><a href="{category.delete.URL}" title="{lang:delete category}"><img src="./template/yoga/theme/category_delete.png" class="button" alt="{lang:delete}" /></a></li>
    2525        <!-- END delete -->
    2626      </ul>

  • branches/branch-1_5/template/yoga/admin/cat_modify.tpl

    r862 r939  
    22<div class="titrePage">
    33  <ul class="categoryActions">
    4     <li><a href="{U_HELP}" onclick="popuphelp(this.href); return false;" title="{lang:Help}"><img src="template/yoga/theme/help.png" alt="(?)"></a></li>
     4    <li><a href="{U_HELP}" onclick="popuphelp(this.href); return false;" title="{lang:Help}"><img src="template/yoga/theme/help.png" class="button" alt="(?)"></a></li>
    55  </ul>
    66  <h2>{lang:title_edit_cat}</h2>
    … …  
    1010
    1111<ul class="categoryActions">
    12   <li><a href="{U_JUMPTO}" title="{lang:jump to category}"><img src="./template/yoga/theme/category_jump-to.png" alt="{lang:jump to}" /></a></li>
     12  <li><a href="{U_JUMPTO}" title="{lang:jump to category}"><img src="./template/yoga/theme/category_jump-to.png" class="button" alt="{lang:jump to}" /></a></li>
    1313  <!-- BEGIN elements -->
    14   <li><a href="{elements.URL}" title="{lang:manage category elements}"><img src="./template/yoga/theme/category_elements.png" alt="{lang:elements}" /></a></li>
     14  <li><a href="{elements.URL}" title="{lang:manage category elements}"><img src="./template/yoga/theme/category_elements.png" class="button" alt="{lang:elements}" /></a></li>
    1515  <!-- END elements -->
    16   <li><a href="{U_CHILDREN}" title="{lang:manage sub-categories}"><img src="./template/yoga/theme/category_children.png" alt="{lang:sub-categories}" /></a></li>
     16  <li><a href="{U_CHILDREN}" title="{lang:manage sub-categories}"><img src="./template/yoga/theme/category_children.png" class="button" alt="{lang:sub-categories}" /></a></li>
    1717  <!-- BEGIN permissions -->
    18   <li><a href="{permissions.URL}" title="{lang:edit category permissions}" ><img src="./template/yoga/theme/category_permissions.png" alt="{lang:permissions}" /></a></li>
     18  <li><a href="{permissions.URL}" title="{lang:edit category permissions}" ><img src="./template/yoga/theme/category_permissions.png" class="button" alt="{lang:permissions}" /></a></li>
    1919  <!-- END permissions -->
    2020  <!-- BEGIN delete -->
    21   <li><a href="{delete.URL}" title="{lang:delete category}"><img src="./template/yoga/theme/category_delete.png" alt="{lang:delete}" /></a></li>
     21  <li><a href="{delete.URL}" title="{lang:delete category}"><img src="./template/yoga/theme/category_delete.png" class="button" alt="{lang:delete}" /></a></li>
    2222  <!-- END delete -->
    2323</ul>
    … …  
    119119
    120120        <!-- BEGIN random -->
    121         <img src="./template/yoga/theme/category_representant_random.png" alt="{lang:Random picture}" class="miniature" />
     121        <img src="./template/yoga/theme/category_representant_random.png" class="button" alt="{lang:Random picture}" class="miniature" />
    122122        <!-- END random -->
    123123      </td>

  • branches/branch-1_5/template/yoga/admin/cat_move.tpl

    r881 r939  
    22<div class="titrePage">
    33  <ul class="categoryActions">
    4     <li><a href="{U_HELP}" onclick="popuphelp(this.href); return false;" title="{lang:Help}"><img src="template/yoga/theme/help.png" alt="(?)"></a></li>
     4    <li><a href="{U_HELP}" onclick="popuphelp(this.href); return false;" title="{lang:Help}"><img src="template/yoga/theme/help.png" class="button" alt="(?)"></a></li>
    55  </ul>
    66  <h2>{lang:Move categories}</h2>

  • branches/branch-1_5/template/yoga/admin/cat_options.tpl

    r862 r939  
    22<div class="titrePage">
    33  <ul class="categoryActions">
    4     <li><a href="{U_HELP}" onclick="popuphelp(this.href); return false;" title="{lang:Help}"><img src="template/yoga/theme/help.png" alt="(?)"></a></li>
     4    <li><a href="{U_HELP}" onclick="popuphelp(this.href); return false;" title="{lang:Help}"><img src="template/yoga/theme/help.png" class="button" alt="(?)"></a></li>
    55  </ul>
    66  <h2>{lang:title_cat_options}</h2>

  • branches/branch-1_5/template/yoga/admin/cat_perm.tpl

    r862 r939  
    11<div class="titrePage">
    22  <ul class="categoryActions">
    3     <li><a href="{U_HELP}" onclick="popuphelp(this.href); return false;" title="{lang:Help}"><img src="template/yoga/theme/help.png" alt="(?)"></a></li>
     3    <li><a href="{U_HELP}" onclick="popuphelp(this.href); return false;" title="{lang:Help}"><img src="template/yoga/theme/help.png" class="button" alt="(?)"></a></li>
    44  </ul>
    55  <h2>{lang:Manage permissions for a category}</h2>

  • branches/branch-1_5/template/yoga/admin/configuration.tpl

    r882 r939  
    22<div class="titrePage">
    33  <ul class="categoryActions">
    4     <li><a href="{U_HELP}" onclick="popuphelp(this.href); return false;" title="{lang:Help}"><img src="template/yoga/theme/help.png" alt="(?)"></a></li>
     4    <li><a href="{U_HELP}" onclick="popuphelp(this.href); return false;" title="{lang:Help}"><img src="template/yoga/theme/help.png" class="button" alt="(?)"></a></li>
    55  </ul>
    66  <h2>{lang:title_configuration}</h2>

  • branches/branch-1_5/template/yoga/admin/group_list.tpl

    r898 r939  
    2121    <td><a href="{group.U_MEMBERS}">{group.MEMBERS}</a></td>
    2222    <td style="text-align:center;">
    23       <a href="{group.U_PERM}"><img src="./template/yoga/theme/permissions.png" style="border:none" alt="permissions" title="{lang:permissions}" /></a>
    24       <a href="{group.U_DELETE}"><img src="./template/yoga/theme/delete.png" style="border:none" alt="delete" title="{lang:delete}" /></a>
     23      <a href="{group.U_PERM}"><img src="./template/yoga/theme/permissions.png" class="button" style="border:none" alt="permissions" title="{lang:permissions}" /></a>
     24      <a href="{group.U_DELETE}"><img src="./template/yoga/theme/delete.png" class="button" style="border:none" alt="delete" title="{lang:delete}" /></a>
    2525    </td>
    2626  </tr>

  • branches/branch-1_5/template/yoga/admin/maintenance.tpl

    r859 r939  
    22<div class="titrePage">
    33  <ul class="categoryActions">
    4     <li><a href="{U_HELP}" onclick="popuphelp(this.href); return false;" title="{lang:Help}"><img src="template/yoga/theme/help.png" alt="(?)"></a></li>
     4    <li><a href="{U_HELP}" onclick="popuphelp(this.href); return false;" title="{lang:Help}"><img src="template/yoga/theme/help.png" class="button" alt="(?)"></a></li>
    55  </ul>
    66  <h2>{lang:Maintenance}</h2>

  • branches/branch-1_5/template/yoga/admin/picture_modify.tpl

    r907 r939  
    66<ul class="categoryActions">
    77  <!-- BEGIN jumpto -->
    8   <li><a href="{jumpto.URL}" title="{lang:jump to image}"><img src="./template/yoga/theme/category_jump-to.png" alt="{lang:jump to}" /></a></li>
     8  <li><a href="{jumpto.URL}" title="{lang:jump to image}"><img src="./template/yoga/theme/category_jump-to.png" class="button" alt="{lang:jump to}" /></a></li>
    99  <!-- END jumpto -->
    10   <li><a href="{U_SYNC}" title="{lang:synchronize metadata}"><img src="./template/yoga/theme/sync_metadata.png" alt="{lang:synchronize}" /></a></li>
     10  <li><a href="{U_SYNC}" title="{lang:synchronize metadata}"><img src="./template/yoga/theme/sync_metadata.png" class="button" alt="{lang:synchronize}" /></a></li>
    1111</ul>
    1212

  • branches/branch-1_5/template/yoga/admin/remote_site.tpl

    r929 r939  
    22<div class="titrePage">
    33  <ul class="categoryActions">
    4     <li><a href="{U_HELP}" onclick="popuphelp(this.href); return false;" title="{lang:Help}"><img src="template/yoga/theme/help.png" alt="(?)"></a></li>
     4    <li><a href="{U_HELP}" onclick="popuphelp(this.href); return false;" title="{lang:Help}"><img src="template/yoga/theme/help.png" class="button" alt="(?)"></a></li>
    55  </ul>
    66  <h2>{lang:remote_sites}</h2>

  • branches/branch-1_5/template/yoga/admin/thumbnail.tpl

    r862 r939  
    22<div class="titrePage">
    33  <ul class="categoryActions">
    4     <li><a href="{U_HELP}" onclick="popuphelp(this.href); return false;" title="{lang:Help}"><img src="template/yoga/theme/help.png" alt="(?)"></a></li>
     4    <li><a href="{U_HELP}" onclick="popuphelp(this.href); return false;" title="{lang:Help}"><img src="template/yoga/theme/help.png" class="button" alt="(?)"></a></li>
    55  </ul>
    66  <h2>{lang:title_thumbnails}</h2>

  • branches/branch-1_5/template/yoga/admin/update.tpl

    r898 r939  
    33<div class="titrePage">
    44  <ul class="categoryActions">
    5     <li><a href="{U_HELP}" onclick="popuphelp(this.href); return false;" title="{lang:Help}"><img src="template/yoga/theme/help.png" alt="(?)"></a></li>
     5    <li><a href="{U_HELP}" onclick="popuphelp(this.href); return false;" title="{lang:Help}"><img src="template/yoga/theme/help.png" class="button" alt="(?)"></a></li>
    66  </ul>
    77  <h2>{lang:title_update}</h2>

  • branches/branch-1_5/template/yoga/admin/user_list.tpl

    r906 r939  
    11<div class="titrePage">
    22  <ul class="categoryActions">
    3     <li><a href="{U_HELP}" onclick="popuphelp(this.href); return false;" title="{lang:Help}"><img src="template/yoga/theme/help.png" alt="(?)"></a></li>
     3    <li><a href="{U_HELP}" onclick="popuphelp(this.href); return false;" title="{lang:Help}"><img src="template/yoga/theme/help.png" class="button" alt="(?)"></a></li>
    44  </ul>
    55  <h2>{lang:title_liste_users}</h2>
    … …  
    9191    <td>{user.GROUPS}</td>
    9292    <td style="text-align:center;">
    93       <a href="{user.U_PERM}"><img src="./template/yoga/theme/permissions.png" style="border:none" alt="{L_PERMISSIONS}" title="{L_PERMISSIONS}" /></a>
     93      <a href="{user.U_PERM}"><img src="./template/yoga/theme/permissions.png" class="button" style="border:none" alt="{L_PERMISSIONS}" title="{L_PERMISSIONS}" /></a>
    9494    </td>
    9595  </tr>

  • branches/branch-1_5/template/yoga/category.tpl

    r919 r939  
    105105      <li>&nbsp;</li>
    106106      <!-- BEGIN caddie -->
    107       <li><a href="{caddie.URL}" title="{lang:add to caddie}"><img src="./template/yoga/theme/caddie_add.png" alt="{lang:caddie}"/></a></li>
     107      <li><a href="{caddie.URL}" title="{lang:add to caddie}"><img src="./template/yoga/theme/caddie_add.png" class="button" alt="{lang:caddie}"/></a></li>
    108108      <!-- END caddie -->
    109109      <!-- BEGIN edit -->
    110       <li><a href="{edit.URL}" title="{lang:edit category informations}"><img src="./template/yoga/theme/category_edit.png" alt="{lang:edit}"/></a></li>
     110      <li><a href="{edit.URL}" title="{lang:edit category informations}"><img src="./template/yoga/theme/category_edit.png" class="button" alt="{lang:edit}"/></a></li>
    111111      <!-- END edit -->
    112112    </ul>
    … …  
    123123  <!-- BEGIN thumbnail -->
    124124  <li>
    125     <span>
    126       <span><span class="wrap">
     125    <span class="wrap1">
     126      <span class="wrap2">
    127127        <a href="{thumbnails.line.thumbnail.U_IMG_LINK}">
    128           <img class="thumbnail" src="{thumbnails.line.thumbnail.IMAGE}"
    129           alt="{thumbnails.line.thumbnail.IMAGE_ALT}"
    130           title="{thumbnails.line.thumbnail.IMAGE_TITLE}">
     128            <img class="thumbnail" src="{thumbnails.line.thumbnail.IMAGE}"
     129            alt="{thumbnails.line.thumbnail.IMAGE_ALT}"
     130            title="{thumbnails.line.thumbnail.IMAGE_TITLE}">
    131131        </a>
    132       </span></span>
     132      </span>
     133      <span class="thumbLegend">
    133134      <!-- BEGIN element_name -->
    134135      {thumbnails.line.thumbnail.element_name.NAME}
    … …  
    141142      <br />{thumbnails.line.thumbnail.nb_comments.NB_COMMENTS} {L_COMMENT}
    142143      <!-- END nb_comments -->
    143      </span>
     144      </span>
     145    </span>
    144146  </li>
    145147  <!-- END thumbnail -->

  • branches/branch-1_5/template/yoga/comments.tpl

    r859 r939  
    44  <div class="titrePage">
    55    <ul class="categoryActions">
    6       <li><a href="{U_HOME}" title="{lang:return to homepage}"><img src="./template/yoga/theme/home.png" alt="{lang:home}"/></a></li>
     6      <li><a href="{U_HOME}" title="{lang:return to homepage}"><img src="./template/yoga/theme/home.png" class="button" alt="{lang:home}"/></a></li>
    77    </ul>
    88    <h2>{lang:User comments}</h2>

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

    r920 r939  
    3030}
    3131
     32/* Thumbnails customization */
     33#content UL.thumbnails SPAN, #content UL.thumbnails SPAN.wrap2 A {
     34  width: 140px;                 /* max thumbnail width + 2px */
     35}
     36#content UL.thumbnails SPAN.wrap2 {
     37  height: 140px;                /* max thumbnail height + 2px */
     38}
     39#content UL.thumbnails SPAN.wrap2 {
     40  border: 1px solid #aaaaaa;    /* thumbnails border color and style */
     41  -moz-border-radius: 4px;      /* round corners with Geko */
     42  border-radius: 4px 4px;       /* round corners with CSS3 compliant browsers */
     43}
     44#content UL.thumbnails SPAN.wrap2:hover {
     45  border-color: yellow;         /* thumbnails border color when mouse cursor is over it */
     46}
     47#content UL.thumbnails SPAN.thumbLegend {
     48  font-size: 80%;               /* font size */
     49  height: 3em;                  /* max legend height (don't set auto to be Geko friendly)*/
     50  display: block;               /* display: hide if you don't want legend */
     51  overflow: hidden;             /* oversized legend is clipped */
     52}
    3253/* Thumbnail "elastic" layout */
    33 
    3454#content UL.thumbnails {
    3555  margin: 0;
    … …  
    4060#content UL.thumbnails LI { display: inline }
    4161
    42 #content UL.thumbnails SPAN {
     62#content UL.thumbnails SPAN.wrap1 {
    4363  margin: 0 5px 5px 5px;
    44   /*width: 130px;                128px + 2 * 1px if the SPAN has a border of 1px */
    45   width: 128px;                 /* we can use the same size as well */
    4664  display: table-cell; display: inline-table; display: inline-block;
    4765  vertical-align: top;          /* OK with Opera and IE6 not Geko */
    4866  text-align: center;           /* to center the thumbnail and legend in Geko/Opera */
    49   font-size: 80%;
    5067}
    51 #content UL.thumbnails SPAN SPAN {
     68#content UL.thumbnails SPAN.wrap2 {
    5269  margin: 0;                    /* important reset the margins */
    53   border: 1px solid #aaaaaa;
    54   width: 128px;                 /* fixed size again */
    55   height: 128px;                /* fixed size again */
    5670  display: table-cell;          /* block prevents vertical-align here */
    5771  vertical-align: middle;       /* Ok with Opera and Geko not IE6 */
    5872}
    59 #content UL.thumbnails SPAN.wrap {
    60   border: none;
    61   height: auto;         /* important for vertical centering */
    62   display: block;       /* important */
    63   overflow: hidden;     /* everridden by specific IE6 rule below */
    64   margin-top: auto;     /* to make vertical-align work in Geko and Opera */
    65   margin-bottom: auto;  /* to make vertical-align work in Geko and Opera */
     73#content UL.thumbnails SPAN.wrap2 A {
     74  display: block;
     75  border-bottom: none;
    6676}
    6777#content UL.thumbnails IMG {
    6878  margin-bottom: -4px;  /* why ??? something wrong with Geko and Opera ignored by IE6*/
    6979}
    70 /* fix Geko's lack of good willing in vertical-align: top */
    71 /* Too dirty : have to find something better */
    72 /*#content UL.thumbnails>LI>SPAN{*/
    73 /*  height: 170px;*/    /* unfortunately min-height doesn't work here */
    74 /*}*/
    7580
    7681/* fix IE with another layout */
    77 * html #content UL.thumbnails SPAN {
    78   overflow: hidden;     /* keep it there: not needed by Geko, buggy with Opera */
     82* html #content UL.thumbnails SPAN.wrap2 {
     83  display: block;
     84  position: relative;
     85  text-align: left;
    7986}
    80 * html #content UL.thumbnails SPAN SPAN {
    81   position: relative;
    82 }
    83 * html #content UL.thumbnails SPAN.wrap {
     87* html #content UL.thumbnails SPAN.wrap2 A {
    8488  overflow: visible;
    8589  position: absolute;
    8690  top: 50%;
    87   left: 0px;            /* same as "#content UL.thumbnails SPAN SPAN { padding:" if any*/
     91  text-align: center;
    8892}
    8993* html #content UL.thumbnails IMG.thumbnail {
    … …  
    9195  top: -50%;
    9296}
    93 
    9497
    9598#content .navigationBar, #content .additional_info {
    … …  
    174177
    175178#content DIV.comment BLOCKQUOTE {
    176   margin: 1em 1em 1em 150px; /* margin-left corresponds to maximum thumbnail width */
     179  margin: 1em 1em 1em 140px; /* margin-left corresponds to maximum thumbnail width */
    177180  border: 1px solid #d3d3d3;
    178181  border-left: 2px solid gray;

  • branches/branch-1_5/template/yoga/identification.tpl

    r866 r939  
    44  <div class="titrePage">
    55    <ul class="categoryActions">
    6       <li><a href="{U_LOST_PASSWORD}" title="{lang:Forgot your password?}"><img src="template/yoga/theme/lost_password.png" alt="{lang:Forgot your password?}"></a></li>
    7       <li><a href="{U_REGISTER}" title="{lang:Create a new account}"><img src="./template/yoga/theme/register.png" alt="{lang:register}"/></a></li>
    8       <li><a href="{U_HOME}" title="{lang:Go through the gallery as a visitor}"><img src="./template/yoga/theme/home.png" alt="{lang:home}"/></a></li>
     6      <li><a href="{U_LOST_PASSWORD}" title="{lang:Forgot your password?}"><img src="template/yoga/theme/lost_password.png" class="button" alt="{lang:Forgot your password?}"></a></li>
     7      <li><a href="{U_REGISTER}" title="{lang:Create a new account}"><img src="./template/yoga/theme/register.png" class="button" alt="{lang:register}"/></a></li>
     8      <li><a href="{U_HOME}" title="{lang:Go through the gallery as a visitor}"><img src="./template/yoga/theme/home.png" class="button" alt="{lang:home}"/></a></li>
    99    </ul>
    1010    <h2>{lang:Identification}</h2>
    … …  
    4949 
    5050  <p>
    51     <a href="{U_REGISTER}"><img src="template/yoga/theme/register.png" alt=""> {L_REGISTER}</a>
    52     <a href="{U_LOST_PASSWORD}"><img src="template/yoga/theme/lost_password.png" alt=""> {lang:Forgot your password?}</a>
     51    <a href="{U_REGISTER}"><img src="template/yoga/theme/register.png" class="button" alt=""> {L_REGISTER}</a>
     52    <a href="{U_LOST_PASSWORD}"><img src="template/yoga/theme/lost_password.png" class="button" alt=""> {lang:Forgot your password?}</a>
    5353  </p>
    5454

  • branches/branch-1_5/template/yoga/notification.tpl

    r859 r939  
    33  <div class="titrePage">
    44    <ul class="categoryActions">
    5       <li><a href="{U_HOME}" title="{lang:return to homepage}"><img src="./template/yoga/theme/home.png" alt="{lang:home}"/></a></li>
     5      <li><a href="{U_HOME}" title="{lang:return to homepage}"><img src="./template/yoga/theme/home.png" class="button" alt="{lang:home}"/></a></li>
    66    </ul>
    77    <h2>{lang:Notification}</h2>

  • branches/branch-1_5/template/yoga/password.tpl

    r866 r939  
    44  <div class="titrePage">
    55    <ul class="categoryActions">
    6       <li><a href="{U_HOME}" title="{lang:Go through the gallery as a visitor}"><img src="./template/yoga/theme/home.png" alt="{lang:home}"/></a></li>
     6      <li><a href="{U_HOME}" title="{lang:Go through the gallery as a visitor}"><img src="./template/yoga/theme/home.png" class="button" alt="{lang:home}"/></a></li>
    77    </ul>
    88    <h2>{lang:Password forgotten}</h2>

  • branches/branch-1_5/template/yoga/picture.tpl

    r933 r939  
    1515
    1616<div class="randomButtons">
    17   <a href="{U_SLIDESHOW}" title="{L_SLIDESHOW}"><img src="template/yoga/theme/slideshow.png" alt="{L_SLIDESHOW}"></a>
    18   <a href="{U_METADATA}" title="{L_PICTURE_METADATA}"><img src="template/yoga/theme/metadata.png" alt="{L_PICTURE_METADATA}"></a>
     17  <a href="{U_SLIDESHOW}" title="{L_SLIDESHOW}"><img src="template/yoga/theme/slideshow.png" class="button" alt="{L_SLIDESHOW}"></a>
     18  <a href="{U_METADATA}" title="{L_PICTURE_METADATA}"><img src="template/yoga/theme/metadata.png" class="button" alt="{L_PICTURE_METADATA}"></a>
    1919<!-- BEGIN representative -->
    20   <a href="{representative.URL}" title="{lang:set as category representative}"><img src="template/yoga/theme/representative.png" alt="{lang:representative}" /></a>
     20  <a href="{representative.URL}" title="{lang:set as category representative}"><img src="template/yoga/theme/representative.png" class="button" alt="{lang:representative}" /></a>
    2121<!-- END representative -->
    2222<!-- BEGIN favorite -->
    23   <a href="{favorite.U_FAVORITE}" title="{favorite.FAVORITE_HINT}"><img src="{favorite.FAVORITE_IMG}" alt="{favorite.FAVORITE_ALT}"></a>
     23  <a href="{favorite.U_FAVORITE}" title="{favorite.FAVORITE_HINT}"><img src="{favorite.FAVORITE_IMG}" class="button" alt="{favorite.FAVORITE_ALT}"></a>
    2424<!-- END favorite -->
    2525<!-- BEGIN download -->
    26   <a href="{download.U_DOWNLOAD}" title="{L_DOWNLOAD}"><img src="template/yoga/theme/save.png" alt="{L_DOWNLOAD}"></a>
     26  <a href="{download.U_DOWNLOAD}" title="{L_DOWNLOAD}"><img src="template/yoga/theme/save.png" class="button" alt="{L_DOWNLOAD}"></a>
    2727<!-- END download -->
    2828<!-- BEGIN admin -->
    29   <a href="{U_ADMIN}" title="{L_ADMIN}"><img src="template/yoga/theme/preferences.png" alt="{L_ADMIN}"></a>
     29  <a href="{U_ADMIN}" title="{L_ADMIN}"><img src="template/yoga/theme/preferences.png" class="button" alt="{L_ADMIN}"></a>
    3030<!-- END admin -->
    3131<!-- BEGIN caddie -->
    32   <a href="{caddie.URL}" title="{lang:add to caddie}"><img src="./template/yoga/theme/caddie_add.png" alt="{lang:caddie}"/></a>
     32  <a href="{caddie.URL}" title="{lang:add to caddie}"><img src="./template/yoga/theme/caddie_add.png" class="button" alt="{lang:caddie}"/></a>
    3333<!-- END caddie -->
    3434</div>
    … …  
    3636<div class="navButtons">
    3737<!-- BEGIN next -->
    38   <a class="navButton next" href="{next.U_IMG}" title="{L_NEXT_IMG}{next.TITLE_IMG}"><img src="template/yoga/theme/right.png" alt="next"></a>
     38  <a class="navButton next" href="{next.U_IMG}" title="{L_NEXT_IMG}{next.TITLE_IMG}"><img src="template/yoga/theme/right.png" class="button" alt="next"></a>
    3939<!-- END next -->
    40   <a class="navButton up" href="{U_UP}" title="{L_UP_HINT}"><img src="template/yoga/theme/up.png" alt="{L_UP_ALT}"></a>
     40  <a class="navButton up" href="{U_UP}" title="{L_UP_HINT}"><img src="template/yoga/theme/up.png" class="button" alt="{L_UP_ALT}"></a>
    4141<!-- BEGIN previous -->
    42   <a class="navButton prev" href="{previous.U_IMG}" title="{L_PREV_IMG}{previous.TITLE_IMG}"><img src="template/yoga/theme/left.png" alt="previous"></a>
     42  <a class="navButton prev" href="{previous.U_IMG}" title="{L_PREV_IMG}{previous.TITLE_IMG}"><img src="template/yoga/theme/left.png" class="button" alt="previous"></a>
    4343<!-- END previous -->
    4444</div>
    … …  
    165165  <p class="userCommentDelete">
    166166  <a href="{comments.comment.delete.U_COMMENT_DELETE}" title="{L_DELETE_COMMENT}">
    167     <img src="template/yoga/theme/delete.png" style="border:none;vertical-align:middle; margin-left:5px;" alt="[{L_DELETE}]"/>
     167    <img src="template/yoga/theme/delete.png" class="button" style="border:none;vertical-align:middle; margin-left:5px;" alt="[{L_DELETE}]"/>
    168168  </a>
    169169  </p>

  • branches/branch-1_5/template/yoga/popuphelp.tpl

    r859 r939  
    33</div> <!-- content -->
    44
    5 <p id="pageBottomActions"><a href="#" onclick="window.close();" title="{lang:Close this window}"><img src="template/yoga/theme/exit.png" alt="close"></a></p>
     5<p id="pageBottomActions"><a href="#" onclick="window.close();" title="{lang:Close this window}"><img src="template/yoga/theme/exit.png" class="button" alt="close"></a></p>

  • branches/branch-1_5/template/yoga/profile.tpl

    r859 r939  
    1313  <div class="titrePage">
    1414    <ul class="categoryActions">
    15       <li><a href="{U_RETURN}" title="{lang:return to homepage}"><img src="./template/yoga/theme/home.png" alt="{lang:home}"/></a></li>
     15      <li><a href="{U_RETURN}" title="{lang:return to homepage}"><img src="./template/yoga/theme/home.png" class="button" alt="{lang:home}"/></a></li>
    1616    </ul>
    1717    <h2>{lang:Profile}</h2>

  • branches/branch-1_5/template/yoga/register.tpl

    r866 r939  
    55  <div class="titrePage">
    66    <ul class="categoryActions">
    7       <li><a href="{U_HOME}" title="{lang:return to homepage}"><img src="./template/yoga/theme/home.png" alt="{lang:home}"/></a></li>
     7      <li><a href="{U_HOME}" title="{lang:return to homepage}"><img src="./template/yoga/theme/home.png" class="button" alt="{lang:home}"/></a></li>
    88    </ul>
    99    <h2>{lang:Registration}</h2>

  • branches/branch-1_5/template/yoga/search.tpl

    r862 r939  
    33  <div class="titrePage">
    44    <ul class="categoryActions">
    5       <li><a href="{U_HELP}" onclick="popuphelp(this.href); return false;" title="{lang:Help}"><img src="template/yoga/theme/help.png" alt="(?)"></a></li>
    6       <li><a href="{U_HOME}" title="{lang:return to homepage}"><img src="./template/yoga/theme/home.png" alt="{lang:home}"/></a></li>
     5      <li><a href="{U_HELP}" onclick="popuphelp(this.href); return false;" title="{lang:Help}"><img src="template/yoga/theme/help.png" class="button" alt="(?)"></a></li>
     6      <li><a href="{U_HOME}" title="{lang:return to homepage}"><img src="./template/yoga/theme/home.png" class="button" alt="{lang:home}"/></a></li>
    77    </ul>
    88    <h2>{lang:Search}</h2>
Note: See TracChangeset for help on using the changeset viewer.