Changeset 18905


Ignore:
Timestamp:
Nov 3, 2012, 7:30:12 PM (8 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.