Changeset 18905

Timestamp:

Nov 3, 2012, 7:30:12 PM (11 years ago)

Author:

Miklfe

Message:

modification du carousel

Location:

extensions/Slim

Files:

• Slim.php (modified) (1 diff)
• admin/theme.css (modified) (1 diff)
• template/mainpage_categories.tpl (modified) (2 diffs)
• template/thumbnails.tpl (modified) (3 diffs)
• theme.css (modified) (2 diffs)
• theme_black.css (modified) (2 diffs)

extensions/Slim/Slim.php

@@ -20 +20 @@
 <link rel="stylesheet" type="text/css" href="themes/Slim/theme_grey.css">
 
-                ', $smarty, $repeat);
+                ');
                 };
 

extensions/Slim/admin/theme.css

@@ -1 @@
-.ui-slider{color:#383838;border-radius:8px 8px 8px 8px;position:relative;text-align:left;width:600px}
-.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}
-.ui-slider .ui-slider-range{position:absolute;z-index:1}
+.ui-slider{color:#383838;border-radius:8px 8px 8px 8px;position:relative;text-align:left;width:600px;background:none;border:none}
+.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}
+.ui-slider .ui-slider-range{position:absolute;z-index:1;background:none}
 .ui-slider-horizontal{height:30px}
 .ui-slider-horizontal .ui-slider-handle{border-radius:8px}

extensions/Slim/template/mainpage_categories.tpl

@@ +1 @@
+{define_derivative name='carousel' width='300' height='300' min_width='300'}
+
+
+{html_style}
+.jcarousel-skin-cat .jcarousel-list li{ldelim}
+        min-width:{$carousel->max_width()}px;
+{/html_style}
+
+
 <div id="carouselcat">
 
@@ -7 +16 @@
 
 
-                        <li>
+                        <li class="test">
                                         <div class="illustration">
                                                 <a href="{$cat.URL}">
-                                                        <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}"/>
+                                                        <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}"/>
                                                 </a>
                                         </div>

extensions/Slim/template/thumbnails.tpl

@@ +1 @@
+{define_derivative name='carousel' width='300' height='300' min_width='300'}
 {php}
     global $page, $template;
@@ -18 +19 @@
                                         <div class="illustration">
                                                 <a href="{$cat.URL}">
-                                                        <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()}"/>
+                                                        <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()}"/>
                                                 </a>
                                         </div>
@@ -36 +37 @@
 
         {foreach from=$thumbnails item=thumbnail}
-        {assign var=derivative value=$pwg->derivative($derivative_params, $thumbnail.src_image)}
+        {assign var=derivative value=$pwg->derivative($carousel, $thumbnail.src_image)}
                         <li>
                                 <div class="iIllustration">
                                         <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;'}">
-                                        <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()}"/>
+                                        <img class="thumbnail" src="{$derivative->get_url()}" alt="{$thumbnail.TN_ALT}" title="{$thumbnail.TN_TITLE}" height="{$carousel->max_height()}"/>
                                                 
                                                 {if $SHOW_THUMBNAIL_CAPTION }

extensions/Slim/theme.css

@@ -14 +14 @@
 A:hover{color:#8F8F8F;border:none}
 .commentsList{overflow:inherit}
-#theHeader{text-align:left;padding-left:100px;padding-top:50px;position:relative}
+#theHeader{text-align:left;padding-left:100px;padding-top:70px;position:relative;margin-bottom:10px}
 #theHeader H1{display:inline-block;text-align:left;font-size:280%;margin:0}
 #theHeader p{display:inline-block;font-size:130%;position:absolute;right:40px;bottom:0}
@@ -149 +149 @@
 
 /*=========================================carousel======================================================*/
-#carousel{min-width:10000px}
+/*#carousel{min-width:10000px}*/
 .jcarousel-item a:hover{border-bottom:none}
 .jcarousel-list li,.jcarousel-item{float:left;list-style:none}
 .jcarousel-container-horizontal .jcarousel-clip,.jcarousel-skin-cat .jcarousel-list li{position:relative}
+.jcarousel-skin-cat .jcarousel-list li{height:325px}
 .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)}
 .jcarousel-skin-cat{padding:40px}
 .jcarousel-container-horizontal{padding:30px 7px}
-.jcarousel-skin-cat .jcarousel-clip{overflow:hidden}
+.jcarousel-skin-cat .jcarousel-clip{max-height:323px;overflow:hidden}
 .jcarousel-skin-cat .jcarousel-item:hover,.jcarousel-skin-cat .jcarousel-item:focus{border-color:gray}
 .jcarousel-skin-cat .jcarousel-item-horizontal{margin-left:0;margin-right:7px;list-style:none}

extensions/Slim/theme_black.css

@@ -1 +1 @@
 BODY{background-color:#000}
+#quickconnect{color:#757575}
 #menubar DL,#imageToolBar,.header_notes {background-color:#000}
 .logcontener{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
@@ -15 +16 @@
 a.active.trigger{background-color:#6f6f6f}
 #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)}
-.contenLog{color:#000}