Changeset 18905 for extensions/Slim


Ignore:
Timestamp:
11/03/12 19:30:12 (7 years ago)
Author:
Miklfe
Message:

modification du carousel

Location:
extensions/Slim
Files:
6 edited

Legend:

Unmodified
Added
Removed
  • extensions/Slim/Slim.php

    r18811 r18905  
    2020<link rel="stylesheet" type="text/css" href="themes/Slim/theme_grey.css"> 
    2121 
    22                 ', $smarty, $repeat); 
     22                '); 
    2323                }; 
    2424 
  • extensions/Slim/admin/theme.css

    r18811 r18905  
    1 .ui-slider{color:#383838;border-radius:8px 8px 8px 8px;position:relative;text-align:left;width:600px} 
    2 .ui-slider .ui-slider-handle{border: 1px solid #D7DEF0;background:url("images/bouton_slide.png") repeat-x scroll 50% 50% transparent;font-weight:bold;color:#4C3000;position:absolute;z-index:2;cursor:default;height:26px;width:299px} 
    3 .ui-slider .ui-slider-range{position:absolute;z-index:1} 
     1.ui-slider{color:#383838;border-radius:8px 8px 8px 8px;position:relative;text-align:left;width:600px;background:none;border:none} 
     2.ui-slider .ui-slider-handle{border: 1px solid #D7DEF0;background:url("images/bouton_slide.png") repeat-x scroll 50% 50% transparent;font-weight:bold;color:#4C3000;position:absolute;z-index:2;cursor:default;height:28px;width:297px} 
     3.ui-slider .ui-slider-range{position:absolute;z-index:1;background:none} 
    44.ui-slider-horizontal{height:30px} 
    55.ui-slider-horizontal .ui-slider-handle{border-radius:8px} 
  • extensions/Slim/template/mainpage_categories.tpl

    r18811 r18905  
     1{define_derivative name='carousel' width='300' height='300' min_width='300'} 
     2 
     3 
     4{html_style} 
     5.jcarousel-skin-cat .jcarousel-list li{ldelim} 
     6        min-width:{$carousel->max_width()}px; 
     7{/html_style} 
     8 
     9 
    110<div id="carouselcat"> 
    211 
     
    716 
    817 
    9                         <li> 
     18                        <li class="test"> 
    1019                                        <div class="illustration"> 
    1120                                                <a href="{$cat.URL}"> 
    12                                                         <img src="{$pwg->derivative_url($derivative_params, $cat.representative.src_image)}" alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '|@strip_tags:false} - {'display this album'|@translate}" min-width="{$derivative_params->max_width()}" height="{$derivative_params->max_height()-22}"/> 
     21                                                        <img src="{$pwg->derivative_url($carousel, $cat.representative.src_image)}" alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '|@strip_tags:false} - {'display this album'|@translate}" min-width="{$carousel->max_width()}" height="{$carousel->max_height()-22}"/> 
    1322                                                </a> 
    1423                                        </div> 
  • extensions/Slim/template/thumbnails.tpl

    r18811 r18905  
     1{define_derivative name='carousel' width='300' height='300' min_width='300'} 
    12{php} 
    23    global $page, $template; 
     
    1819                                        <div class="illustration"> 
    1920                                                <a href="{$cat.URL}"> 
    20                                                         <img src="{$pwg->derivative_url($derivative_params, $cat.representative.src_image)}" alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '|@strip_tags:false} - {'display this album'|@translate}" min-width="{$derivative_params->max_width()}" height="{$derivative_params->max_height()}"/> 
     21                                                        <img src="{$pwg->derivative_url($carousel, $cat.representative.src_image)}" alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '|@strip_tags:false} - {'display this album'|@translate}" min-width="{$carousel->max_width()}" height="{$carousel->max_height()}"/> 
    2122                                                </a> 
    2223                                        </div> 
     
    3637 
    3738        {foreach from=$thumbnails item=thumbnail} 
    38         {assign var=derivative value=$pwg->derivative($derivative_params, $thumbnail.src_image)} 
     39        {assign var=derivative value=$pwg->derivative($carousel, $thumbnail.src_image)} 
    3940                        <li> 
    4041                                <div class="iIllustration"> 
    4142                                        <a href="{if ($Slim.style_slim)!=3}{$thumbnail.path}" class="lytebox" rev="slide:true group:name showNavigation:true navType:1 slideInterval:6000"{else}{$thumbnail.URL}"{/if} title="{$thumbnail.NAME|strip_tags:false|replace:'\'':'&#39;'|replace:'"':'&quot;'}"> 
    42                                         <img class="thumbnail" src="{$derivative->get_url()}" alt="{$thumbnail.TN_ALT}" title="{$thumbnail.TN_TITLE}" min-width="{$derivative_params->max_width()}" height="{$derivative_params->max_height()}"/> 
     43                                        <img class="thumbnail" src="{$derivative->get_url()}" alt="{$thumbnail.TN_ALT}" title="{$thumbnail.TN_TITLE}" height="{$carousel->max_height()}"/> 
    4344                                                 
    4445                                                {if $SHOW_THUMBNAIL_CAPTION } 
  • extensions/Slim/theme.css

    r18811 r18905  
    1414A:hover{color:#8F8F8F;border:none} 
    1515.commentsList{overflow:inherit} 
    16 #theHeader{text-align:left;padding-left:100px;padding-top:50px;position:relative} 
     16#theHeader{text-align:left;padding-left:100px;padding-top:70px;position:relative;margin-bottom:10px} 
    1717#theHeader H1{display:inline-block;text-align:left;font-size:280%;margin:0} 
    1818#theHeader p{display:inline-block;font-size:130%;position:absolute;right:40px;bottom:0} 
     
    149149 
    150150/*=========================================carousel======================================================*/ 
    151 #carousel{min-width:10000px} 
     151/*#carousel{min-width:10000px}*/ 
    152152.jcarousel-item a:hover{border-bottom:none} 
    153153.jcarousel-list li,.jcarousel-item{float:left;list-style:none} 
    154154.jcarousel-container-horizontal .jcarousel-clip,.jcarousel-skin-cat .jcarousel-list li{position:relative} 
     155.jcarousel-skin-cat .jcarousel-list li{height:325px} 
    155156.jcarousel-skin-cat .jcarousel-container{border:1px solid rgba(0,0,0,0.5);border-radius:8px;background:rgba(0,0,0,0.25);box-shadow:0 2px 6px rgba(0,0,0,0.5),inset 0 1px rgba(255,255,255,0.3),inset 0 2px rgba(255,255,255,0.2),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3)} 
    156157.jcarousel-skin-cat{padding:40px} 
    157158.jcarousel-container-horizontal{padding:30px 7px} 
    158 .jcarousel-skin-cat .jcarousel-clip{overflow:hidden} 
     159.jcarousel-skin-cat .jcarousel-clip{max-height:323px;overflow:hidden} 
    159160.jcarousel-skin-cat .jcarousel-item:hover,.jcarousel-skin-cat .jcarousel-item:focus{border-color:gray} 
    160161.jcarousel-skin-cat .jcarousel-item-horizontal{margin-left:0;margin-right:7px;list-style:none} 
  • extensions/Slim/theme_black.css

    r18811 r18905  
    11BODY{background-color:#000} 
     2#quickconnect{color:#757575} 
    23#menubar DL,#imageToolBar,.header_notes {background-color:#000} 
    34.logcontener{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none} 
     
    1516a.active.trigger{background-color:#6f6f6f} 
    1617#infoBlock,#imageHeaderBar{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.35);border: 1px solid #262626;border-radius:3px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.7)inset,0 1px 0 rgba(0, 0, 0, 0.65),0 2px 0 rgba(255, 255, 255, 0.2)} 
    17 .contenLog{color:#000} 
Note: See TracChangeset for help on using the changeset viewer.