12/10/2011, 13:21:29
bon bé, que dire de plus que je confirme :
sur mon site, une galerie placée dans une "sous page" ne s'affiche plus correctement après désactivation du module seoTools ; pour info, j'utilise le gabarit Lytebox comme suit :
la css de Lytebox est :
Du coup, j'ai réactivé ce module pour "corriger" le problème
... et passer à autre chose soit uploads de nouvelles images (photos de plats) pour modification et création de slideshow (module showtime) et de galeries, module Gallery évidemment
Et là, nouveau souci ; impossible de mettre la balise {Gallery dir='photos_produits'} en fond d'une page contenant des slideshow ; si je la mets, les animations des slideshow ne se font plus ; seule la première image s'affiche et en dessous, une inesthétique puce correspondant à celle que j'utilise dans mes pages pour les énumérations type <li> !
J'ai donc créé une page "Les mets" contenant une (nouvelle) galerie photo !
En conclusion, je suis présentement un peu dépité ; j'ai passé pas mal de temps pour faire quelques petites modifications et globalement, je trouve le site plus du tout "tip-top" ; je pense qu'il va falloir que je fasse une modification en profondeur : gabarit, css, et surtout moins utiliser (avec abus) des slideshow.
Il fait très beau ; je vais aller à la plage me déstresser
Et encore merci jissey
PS : j'ai enlevé {litteral}
sur mon site, une galerie placée dans une "sous page" ne s'affiche plus correctement après désactivation du module seoTools ; pour info, j'utilise le gabarit Lytebox comme suit :
Code :
<div class="gallery">
{*
{if !empty($module_message)}<h4>{$module_message|escape}</h4>{/if}
{if !empty($gallerytitle)}<h3>{$gallerytitle}</h3>{/if}
{if !empty($gallerycomment)}<div class="gallerycomment">{$gallerycomment}</div>{/if}
<p>{$imagecount}</p>
*}
<div class="pagenavigation">
{if $pages > 1}
<div class="prevpage">{$prevpage}</div>
<div class="nextpage">{$nextpage}</div>
{/if}
{if !$hideparentlink && !empty($parentlink)}<div class="parentlink">{$parentlink}</div>{/if}
{if $pages > 1}<div class="pagelinks">{$pagelinks}</div>{/if}
</div>
{foreach from=$images item=image}
<div class="img">
{if $image->isdir}
<a href="{$image->file}" title="{$image->titlename}"><img src="{$image->thumb|escape:'url'|replace:'%2F':'/'}" alt="{$image->titlename}" /></a><br />
{$image->titlename}
{else}
<a class="group" href="{$image->file|escape:'url'|replace:'%2F':'/'}" title="{$image->titlename}" rel="gallery-{$galleryid}"><img src="{$image->thumb|escape:'url'|replace:'%2F':'/'}" alt="{$image->titlename}" /></a>
{/if}
</div>
{/foreach}
<div class="galleryclear"> </div>
</div>
la css de Lytebox est :
Code :
.gallery .img {
height: 120px;
/*width: 120px; Adjust as you see fit */
float: left;
margin: 10px;
text-align: center;
}
.gallery .img a {
display: inline-block;
border: 2px solid #ddd;
padding: 1px;
}
.gallery .img a:hover {
border-color: #999;
}
.gallery img {
border: none;
}
.gallery .pagenavigation {
height: 50px;
}
.gallery .prevpage a, .gallery .prevpage em {
display: block;
width: 50px;
height: 39px;
float: left;
margin: 0;
text-indent: -1000px;
background: url(../../images/previous.png) transparent no-repeat 0 0;
overflow: hidden;
}
.gallery .nextpage a, .gallery .nextpage em {
display: block;
width: 50px;
height: 39px;
float: left;
margin: 0 6px 0 0;
text-indent: -1000px;
background: url(../../images/next.png) transparent no-repeat 0 0;
overflow: hidden;
}
.gallery .parentlink a {
display: block;
width: 50px;
height: 39px;
float: left;
text-indent: -1000px;
background: url(../../images/uppage.png) transparent no-repeat 0 0;
overflow: hidden;
}
.gallery .pagenavigation a:hover {
background-position: 0 -40px;
}
.gallery .prevpage em, .gallery .nextpage em {
background-position: 0 -80px;
}
.gallery .pagelinks {
float: right;
border-right: 2px solid #666;
}
.gallery .pagelinks a, .gallery .pagelinks em {
margin-top: 6px;
padding: 0 6px;
border-left: 2px solid #666;
text-align: center;
font: bold 11px verdana; color: #666;
}
.gallery .pagelinks em {
color: #000;
}
.galleryclear {
clear: both;
}
/* FANCYBOX - version 1.3.4 */
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 1104;
display: none;
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url('../fancybox/fancybox.png');
}
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1100;
display: none;
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 20px;
z-index: 1101;
outline: none;
display: none;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #000;
}
#fancybox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 1102;
border: 0px solid #000;
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 1101;
}
#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
background: transparent url('../fancybox/fancybox.png') -40px 0px;
cursor: pointer;
z-index: 1103;
display: none;
}
#fancybox-error {
color: #444;
font: normal 12px/20px Arial;
padding: 14px;
margin: 0;
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
}
#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
}
Du coup, j'ai réactivé ce module pour "corriger" le problème

Et là, nouveau souci ; impossible de mettre la balise {Gallery dir='photos_produits'} en fond d'une page contenant des slideshow ; si je la mets, les animations des slideshow ne se font plus ; seule la première image s'affiche et en dessous, une inesthétique puce correspondant à celle que j'utilise dans mes pages pour les énumérations type <li> !
J'ai donc créé une page "Les mets" contenant une (nouvelle) galerie photo !
En conclusion, je suis présentement un peu dépité ; j'ai passé pas mal de temps pour faire quelques petites modifications et globalement, je trouve le site plus du tout "tip-top" ; je pense qu'il va falloir que je fasse une modification en profondeur : gabarit, css, et surtout moins utiliser (avec abus) des slideshow.
Il fait très beau ; je vais aller à la plage me déstresser

Et encore merci jissey
PS : j'ai enlevé {litteral}