1. Forum CMS Made Simple FR
Derniers sujets

Statistiques du Forum
  • Messages du forum :29,188
  • Sujets du forum :4,319
  • Membres :672
  • Dernier membre :mickelangelo

  Nouvelle version 2.2.13 Moosomin

Posté par : jce76350
04/12/2019, 12:51:36
Forum : Annonces
- Pas de réponse

Annonce du Site En : Announcing CMS Made Simple v2.2.13 - Moosomin - À lire - Important

Documentation En Introducing CMSMS 2.0

Lire attentivement les informations du changelog

Core - General
- Correction de la V 2.2.12
- News V 2.51.8
- DesignManager V  1.1.7 (correction PHP 7.3 warning)
- FileManager V 1.6.10  (minor XSS fixes)


Nota cette version 2.2.13 comprend la mise à jour depuis une version 1.12 mini directement
avant de mettre à jour une ancienne version inférieure à 1.12 d'abord faire une mise à jour en 1.12

À compter de maintenant l'équipe de développement de CMSMS supportera uniquement les questions pour CMSMS 2.2.13 et 2.2.12.

Voir la documentation en anglais.

Discussion fermée
Pour les questions ou soucis, poster sur le forum en ouvrant une nouvelle discussion :
  • dans le forum "Installation" pour les problèmes d'installation
  • dans le forum "Modules, Tags" pour les problèmes sur les modules et tags

Imprimer cet élément

  Protéger l'accès à une page par mot de passe

Posté par : Achix62
13/11/2019, 16:35:59
Forum : Développement et Astuces
- Réponses (6)

Bonjour,
Je suis prof en collège, j'ai créée un site à destination de mes élèves. J'aimerais créer des pages destinées à l'évaluation des acquis, pages auxquelles les élèves n'auraient accès qu'à l'aide d'un mot de passe unique que je leur fournirais les moment venu. Je ne veux pas créer de compte personnel avec login et mdp à chacun de mes élèves (de toute façon, avec le RGPD, ce serait trop compliqué), je veux juste créer un accès avec mot de passe (pas d'identification).
Dans le même ordre d'idée, est-il possible de mettre un mot de passe sur un lien de redirection afin de conditionner l'accès à une page web extérieure à mon site ?
Merci
Cordialement

Imprimer cet élément

  [Résolu] Mon serveur ajoute un "index.php" à la fin de cmsms-2.2.12-install.zip

Posté par : jfsenechal
13/11/2019, 12:07:04
Forum : Installation
- Réponses (10)

Hello

J'essaie de faire la mise à jour, mais le serveur ajoute un "index.php" à la fin de l'url :

https://xx.domain.be/cmsms-2.2.12-install.php

devient

https://xx.domain.be/cmsms-2.2.12-install.php/index.php

Sans doute un problème dans ma config serveur

Ma config

PHP 7.3.11
Nginx

Merci

Imprimer cet élément

  [Résolu] Comment changer le gabarit d'un page à la volée?

Posté par : archeo
11/11/2019, 15:56:26
Forum : Modules, Tags
- Réponses (6)

Bonjour,

Je désirerais utiliser deux gabarits différents pour une même page suivant l'endroit du site où la page est appelée. Je n'ai trouvé aucun paramètre correspondant dans le tag de lien interne.

Si vous avez un lien ou un bout de code merci d'avance.

Imprimer cet élément

  Version php pour passer en 2.2.12

Posté par : Vieillemeduse
31/10/2019, 10:44:14
Forum : Installation
- Réponses (6)

Bonjour,

J'ai voulu mettre à jour la version cms du site xaviergavaud.fr, et je me suis apperçu que la version php actuelle est la 5.6.27. J'ai demandé à l'hebergeur (firstheberge) si je pouvais passer en php7.2.1 comme je l'ai lu quelque part dans le forum notamment pour passer à la version 1.62.6 du module CGextensions.

La réponse est non il me propose d'utiliser la version php 7.0 les autre version ne sont pas supportées. Donc ma question est  comment rendre compatible tout ça ?
Avec CmsMS 2.2.12 et php 7.0, quelle version de CGextensions dois-je utiliser ?

Merci d'avance pour votre réponse

Cordialement

Alain

Imprimer cet élément

  Problème accès forum et site

Posté par : pierrepercee
03/10/2019, 12:38:40
Forum : Général
- Réponses (17)

Depuis quelques temps déjà les problèmes d'accès à ce forum ou au site http://www.cmsmadesimple.fr se multiplient. Problèmes d'accès à la base, problèmes d'authentification etc.. Ce n'est pas ponctuel, il y a plusieurs mois que cela dure. A priori c'est plutôt lié à l’hébergement. 
Le problème c'est que pour un site qui centralise quasi toutes les ressources francophones sur CMSMS, cela ne donne pas vraiment envie aux nouveaux venus, bref c'est pas top pour notre CMS préféré qui a déjà trop perdu en popularité. Si c'est une question d'argent pour avoir un hébergement plus stable et plus performant peut être une souscription peut être lancée. C'est bien le diable si l'on ne trouve pas une vingtaine de donateurs à 20 euros.

Imprimer cet élément

  en route vers la version 2.2.13

Posté par : jce76350
28/09/2019, 11:04:03
Forum : Général
- Réponses (4)

Hé hop c'est reparti pour des corrections
DesignManager V  1.1.7 (correction PHP 7.3 warning)

Imprimer cet élément

  Nouvelle version 2.2.12 - Osoyoos

Posté par : jce76350
23/09/2019, 16:30:59
Forum : Annonces
- Pas de réponse

Annonce du Site En : Announcing CMS Made Simple v2.2.12 - Osoyoos - À lire - Important

Documentation En Introducing CMSMS 2.0

Lire attentivement les informations du changelog

Core - General
- Fix warning in cms_html_entity_decode
FileManager v1.6.9.1
- Security fixes for view action
NOTICE: Due to the nature of the security issue fixed in FileManager
after upgrading you should change your database password!

En raison de la nature du problème de sécurité corrigé dans FileManager
après la mise à jour, vous devez changer le mot de passe de votre base de données !

Nota cette version 2.2.12 comprend la mise à jour depuis une version 1.12 mini directement
avant de mettre à jour une ancienne version inférieure à 1.12 d'abord faire une mise à jour en 1.12


À compter de maintenant l'équipe de développement de CMSMS supportera uniquement les questions pour CMSMS 2.2.12 et 2.2.11.

Voir la documentation en anglais.

Discussion fermée
Pour les questions ou soucis, poster sur le forum en ouvrant une nouvelle discussion :
  • dans le forum "Installation" pour les problèmes d'installation
  • dans le forum "Modules, Tags" pour les problèmes sur les modules et tags

Imprimer cet élément

  Nouvelle version 2.2.11 - Vulcan

Posté par : Ouik
16/09/2019, 22:30:23
Forum : Annonces
- Pas de réponse

Annonce du Site En : Announcing CMS Made Simple v2.2.11 - Vulcan - À lire - Important

Documentation En Introducing CMSMS 2.0

Lire attentivement les informations du changelog

Nota cette version 2.2.11 comprend la mise à jour depuis une version 1.12 mini directement
avant de mettre à jour une ancienne version inférieure à 1.12 d'abord faire une mise à jour en 1.12


À compter de maintenant l'équipe de développement de CMSMS supportera uniquement les questions pour CMSMS 2.2.11 et 2.2.10.

Voir la documentation en anglais.

Discussion fermée
Pour les questions ou soucis, poster sur le forum en ouvrant une nouvelle discussion :
  • dans le forum "Installation" pour les problèmes d'installation
  • dans le forum "Modules, Tags" pour les problèmes sur les modules et tags

Imprimer cet élément

  Gabarit pour le module Gallery

Posté par : archeo
11/09/2019, 16:15:29
Forum : Modules, Tags
- Pas de réponse

Un gabarit pour le module Gallery.
Il est basé sur prettyphoto.
définir les champs "savoir_plus"(case à cocher) et "video" (ligne de texte)
Il permet de visionner des vidéo comme sur cette page à la troisiéme ligne http://www.evolution-biologique.org/gale...rettyPhoto
Les pages n'ont plus de nom aléatoire mais s'affichent dans des pages de cmsmadesimple (crée au préalable)

Gabarit 

Code :
<div class="gallery">
<br/>
{if !empty($module_message)}<h4>{$module_message|escape}</h4>{/if}
{if !empty($gallerytitle)}
{*On détermine le chemin vers le répertoire de la galerie active pour afficher l'image de fond*}
{$chemin="{root_url}/uploads/images/Gallery"}
{$n=0}

{foreach from=$images item=image} 

    {if $n==0 && !empty({$gallerydir})}
        {if $image->isdir}
{$chemin=($image->file|replace : "{root_url}/galerie":$chemin)}
       {$position=($chemin|strpos:$gallerydir)}
{$chemin=($chemin|substr:0:$position)}
        {$parent={$image->file}}
        {else}
{$position=($image->file|strpos:$gallerydir)}           
{$chemin=($image->file|substr:0:$position)}
        {/if}  
    {else}
    {break}
    {/if}
    {$n=$n+1}
{/foreach}

{* fin du calcul du chemin*}

<div id="titre-galerie" style="background-image:url('{$chemin}{$gallerydir}/folderimage.jpg')">
   
<div class="pagenavigation">
{*on remplace parentlink par un lien sans numéro vers une page de cms dont l'alias doit exister et se terminer par "-2.html"*}

{$posgal=$chemin|strrpos:"Gallery"}
{$l2=$chemin|strlen}
{$l2=-($l2-$posgal)}
{$chemin2=$chemin|substr:$l2}
{$chemin2=$chemin2|replace:"/" :"-2/"}
{$chemin2=$chemin2|replace:"Gallery-2" :"galerie-2/histoire-vie-images-synthese"}
{$pos=$chemin2|strrpos:"/"}
{$chemin2=$chemin2|substr:0:$pos}
{assign var="parent" value="{root_url}/$chemin2.html"}
{$parent=$parent|lower}

{if !$hideparentlink && !empty($parentlink) }<div class="parentlink"><a href={$parent}><img src="" ></a></div>{/if}
<h3>
{$gallerytitle}

<span class="core-float-right" style="margin : 0 10px 0 0"><a href="feeds/Gallery.rss" target="_blank" title="Abonnez vous au flux RSS de la Galerie"><img src="uploads/images/rss_2.png" alt="Abonnez vous au flux RSS de la Galerie"  /></a></span>
</h3>
{/if}
{if !empty($gallerycomment)}
<div class="gallerycomment">
<div>{$gallerycomment}</div>

{*si le champs "savoir_plus" est coché pour la galerie on affiche un lien "en savoir plus" qui renvoie vers la page de la période correspondant à la galerie *}
{if $fields.savoir_plus.value==1}
{$savoir=$gallerydir|cat : ".html"}
<div><a href="echelle-du-temps/echelle-des-temps-geologiques/{$savoir|lower}">en savoir plus</a></div>
{/if}
</div>
{/if}
   
</div>
</div>
<div class="pagelinks">{*$imagecount*}

{if $pages > 1}{$pagelinks}
   
{/if}
</div>
{foreach from=$images item=image}
    <div class="img">
        {if $image->isdir}
    {*on remplace l'adresse d'une galerie par un lien  vers une page de cms dont l'alias doit exister et se terminer par "-2.html" (peut-être modifié)*}
{$posgal=$chemin|strrpos:"Gallery"}
{$l2=$chemin|strlen}
{$l2=-($l2-$posgal)}
{$chemin2=$chemin|substr:$l2}
{if $gallerydir == ""}
{$chemin2=$chemin2|replace:"Gallery" :"galerie-2/histoire-vie-images-synthese"}
{else}
{$chemin2=$chemin2|replace:"/" :"-2/"}
{$chemin2=$chemin2|replace:"Gallery-2" :"galerie-2/histoire-vie-images-synthese"}
{assign var="chemin2" value="{$chemin2}{$gallerydir}-2"}
{/if}
{assign var="lien" value="{root_url}/$chemin2/{$image->filename}-2.html"}

        <a href="{$lien|lower}" title="{$image->titlename|strip_tags}"><img src="{$image->thumb|escape:'url'|replace:'%2F':'/'}" alt="{$image->titlename}" /></a><br />
        {$image->titlename}<br />
        <div class="dircomment">{$image->comment}
        </div>
    {else}
        {if $image->fields.video.value==""}
        {*le champs fields.video.value ne contient pas de lien vers une video*}
   <a class="group" href="{$image->file|escape:'url'|replace:'%2F':'/'}" title="{$image->comment}" rel="prettyPhoto[{$galleryid}]"><img src="{$image->thumb|escape:'url'|replace:'%2F':'/'}" title="{$image->comment|strip_tags}" alt="{$image->titlename}" /></a>
  <p class="div.gallery.img">{$image->titlename}</p>
        {else}
        {*le champs fields.video.value contient un lien vers une video*}
<a class="group" href="{$image->fields.video.value}" title="{$image->comment}" rel="prettyPhoto[{$galleryid}]"><img src="{$image->thumb|escape:'url'|replace:'%2F':'/'}" alt="{$image->titlename}" /><img  style="margin-top:-50px" src="modules/Gallery/images/video.png" alt="Video" title="Video" /></a><p class="div.gallery .img">{$image->titlename}</p>   
        {/if}
    
    {/if}
   
    </div>
{/foreach}
<div class="pagelinks core-float-left" style="width:100%; text-align:center; margin-top : 50px">
{if $imagecount >0}
{$imagecount}&nbsp;&nbsp;&nbsp;
{/if}

{if $pages > 1}{$pagelinks}
   
{/if}

</div>

<div class="galleryclear">&nbsp;</div>
</div>
Css
Code :
div.gallery {
width: 100%;
background-color:black;
color:white;
min-height: 695px;
margin : 0 0 0 0;
}

#titre-galerie {
    background-repeat:no-repeat;
    background-position:left top;
     height : 240px;
     width:900px;
    border-radius : 10px;
    
}

#main h3{
    color : white;
    font-size : 40px;
    text-align:left;
     padding: 5px 0 0 40px;
    text-shadow: 2px 3px 6px rgba(0, 0, 0, 0.5);
   background: url(../../images/k30.png) transparent repeat 0 0;
}

div.gallerycomment{
background: url(../../images/k40.png) transparent repeat 0 0;

text-align:left;
width: 400px;
padding: 5px 10px;
margin-left:50px;
border-radius : 5px;
color:white;
}

div.dircomment{
font-size : 90%;
text-align : center;
border : 0;
}

div.gallery .img {
    height: 140px;
    width: 160px;  /* Adjust as you see fit */
    float: left;
    margin: 25px 30px;
    text-align: center;
}

div.gallery .img p {
text-align: center;
}

.gallery .img a {
    display: inline-block;
    border: 1px 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;
    margin :  10px 20px 20px 20px;
    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 {
width : 100%;
   
    margin-right: 30px;
}

.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;
    background-color:white;
}

.galleryclear {
    clear: both;
}



/* PRETTYPHOTO  -  version 3.1.4 */

div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(../prettyphoto/images/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(../prettyphoto/images/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(../prettyphoto/images/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(../prettyphoto/images/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(../prettyphoto/images/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(../prettyphoto/images/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(../prettyphoto/images/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(../prettyphoto/images/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(../prettyphoto/images/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(../prettyphoto/images/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(../prettyphoto/images/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(../prettyphoto/images/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(../prettyphoto/images/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../prettyphoto/images/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../prettyphoto/images/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(../prettyphoto/images/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(../prettyphoto/images/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(../prettyphoto/images/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(../prettyphoto/images/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(../prettyphoto/images/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(../prettyphoto/images/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(../prettyphoto/images/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(../prettyphoto/images/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(../prettyphoto/images/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(../prettyphoto/images/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(../prettyphoto/images/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(../prettyphoto/images/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{width:75px;height:22px;background:url(../prettyphoto/images/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_rounded .pp_nav .pp_play{background:url(../prettyphoto/images/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(../prettyphoto/images/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(../prettyphoto/images/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(../prettyphoto/images/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(../prettyphoto/images/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(../prettyphoto/images/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(../prettyphoto/images/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(../prettyphoto/images/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(../prettyphoto/images/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(../prettyphoto/images/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(../prettyphoto/images/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(../prettyphoto/images/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(../prettyphoto/images/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(../prettyphoto/images/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(../prettyphoto/images/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(../prettyphoto/images/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{width:75px;height:22px;background:url(../prettyphoto/images/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
div.dark_rounded .pp_nav .pp_play{background:url(../prettyphoto/images/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(../prettyphoto/images/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(../prettyphoto/images/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(../prettyphoto/images/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(../prettyphoto/images/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(../prettyphoto/images/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(../prettyphoto/images/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(../prettyphoto/images/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(../prettyphoto/images/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(../prettyphoto/images/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(../prettyphoto/images/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(../prettyphoto/images/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{width:75px;height:22px;background:url(../prettyphoto/images/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(../prettyphoto/images/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(../prettyphoto/images/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(../prettyphoto/images/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(../prettyphoto/images/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(../prettyphoto/images/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(../prettyphoto/images/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(../prettyphoto/images/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(../prettyphoto/images/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(../prettyphoto/images/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(../prettyphoto/images/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{width:75px;height:22px;background:url(../prettyphoto/images/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_square .pp_nav .pp_play{background:url(../prettyphoto/images/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(../prettyphoto/images/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(../prettyphoto/images/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(../prettyphoto/images/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(../prettyphoto/images/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(../prettyphoto/images/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(../prettyphoto/images/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(../prettyphoto/images/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(../prettyphoto/images/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(../prettyphoto/images/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(../prettyphoto/images/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(../prettyphoto/images/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(../prettyphoto/images/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(../prettyphoto/images/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(../prettyphoto/images/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(../prettyphoto/images/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(../prettyphoto/images/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(../prettyphoto/images/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(../prettyphoto/images/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(../prettyphoto/images/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(../prettyphoto/images/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(../prettyphoto/images/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(../prettyphoto/images/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(../prettyphoto/images/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(../prettyphoto/images/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(../prettyphoto/images/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(../prettyphoto/images/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(../prettyphoto/images/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(../prettyphoto/images/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../prettyphoto/images/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../prettyphoto/images/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}
javascript
Code :
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="modules/Gallery/templates/prettyphoto/jquery.prettyPhoto.js"></script>

<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
    $("a[rel^='prettyPhoto']").prettyPhoto({
            animation_speed: 'fast',
            slideshow: 5000,
            autoplay_slideshow: false,
            show_title: true,
            allow_resize: true,
            counter_separator_label: '/',
            theme: 'pp_default', /* pp_default /light_rounded / dark_rounded / light_square /pp_default /dark_square / facebook */
            hideflash: false, /* Hides all the flash object on a page, set to TRUE if flash appears over prettyPhoto */
            overlay_gallery: true,
            keyboard_shortcuts: true,
           
           
    });
});
</script>

Imprimer cet élément


  1. Forum CMS Made Simple FR