saywhat49

Membres
  • Compteur de contenus

    14
  • Inscription

  • Dernière visite

Réputation sur la communauté

0 Neutre

À propos de saywhat49

  • Rang
    Apprenti
  1. Module Carrousel d'images

    Oups, en effet dans la version 1.0.1 le fichier carousel.css n'existe pas. J'en suis désolé. Voici doc la version 1.0.3 avec le CSS carousel.css dans /module/carousel/ (avec image centrée et 80% de la zone d'affichage). Pour installer, après sauvegarde de vos modification éventuelles, simplement dézipper le tout à la racine du site. carousel_v1.0.3.zip
  2. Module Carrousel d'images

    Bonjour et merci au gros ours d'avoir répondu aux questions sur le module. :lol: Ensuite, ne pas modifier les fichiers standards d'anoslide, qui contiennent les valeurs par défaut, car en cas de modif de l'éditeur il faut tout reprendre. Pour réduire la taille du carrousel et donc la taille de l'image Modifier le fichier /module/carousel/vendor/carousel.css et ajouter pour une image de 80% et centrée : .carousel ul { margin:0; height:auto; margin-left:auto;margin-right:auto; width:80%;} Pour la temporisation, tout ce fait dans le fichier carousel.php au moment de la déclaration du carrousel autour de la ligne 257 pour mettre une valeur de vitesse de défilement en millisecondes speed : 500 pour 1/2 seconde. items: 1, //Nombre d'éléments visibles (1 ou plus)détermine le nombre d'éléments visibles dans le carrousel. speed: 500, //durée de l' animation en millisecondes (ms) prev: 'a.prev[data-prev-paginga]', // Affiche le bouton précédent et pointe l'image précédente next: 'a.next[data-next-paginga]', // Affiche le bouton suivant et point l'image suivante lazy: true, // Active le préchargement des images pour les performances auto: 4000, // temps de pause entre les images en millisecondes (ms) Comme le disait nounours Vous y trouverez les bons paramètres à modifier dans le fichier carousel.php. Bien à vous
  3. Pour traduire le contenu des balises alt et title. Le code de Rémi l'avait prévu pour l'attribut HTML5 placeholder. Dans le fichier core.php ligne 3474 pour la version 7.8.0 dans la fonction sprintAttributes remplacer if(in_array($key, ['placeholder'])) { par if(in_array($key, ['placeholder', 'title', 'alt'])) { Les balises ALT et TITLE sont pratiques pour l'accessibilité des images ou pour donner un indice au survol de la souris A mettre dans une prochaine version peut-être? :arrow:
  4. Module calendrier

    Bonjour, Je vous propose ici un module calendrier basé sur le plugin jquery http://fullcalendar.io/ qui lui même utilise Google calendar pour la persistance des données. Il faut au préalable disposer d'une clé API Calendrier Google et d'une URL qui est l'ID de votre Agenda Google créée préalablement par vos soins. Voir la procédure sur de site fe FullCalendar ou dans le fichier readme.txt disponible dans le zip fourni dans ce post. L'archive se décompresse à la racine de votre site ZwiiCMS, en prenant tous les fichiers et répertoires. Le module calendar doit se trouver dans /ZwiiCMS/module/ Bonne réception. L'interface d'admin où mettre les clés Le rendu
  5. Module Carrousel d'images

    Merci Nounours, pour tes remarques constructives. J'ai modifié le ZIp pour partir de la racine du ZwiiCMS et j'ai modifié le post initial pour préciser, un peu mieux, comment installer. J'ai désactivé les bulles dans cette version. Pour les termes en double, je vais regarder. En espérant que cette fois cela te conviendra.
  6. Vidéos "responsive"

    Nounours, Je ne veux pas te voler la paternité d'une solution à base de CSS et d'un peu de HTML connue pour WordPress depuis quelques temps. Mon but était simplement d'expliquer sur le forum, le plus clairement possible la procédure en utilisant l'éditeur tinyMCE fourni avec ZwiiCMS. Bien à toi. @+
  7. Module Carrousel d'images

    Salut Nounours, Je me suis inspiré du module Gallery et la structure est donc équivalnte et le fichier de traduction est bien dans /module/carousel/lang J'ai revérifié le ZIP et le fichier est bien là. Comme écrit au début du topic, il suffit de dézipper dans le dossier module du site pour avoir l'arborescence suivante ├── module │ ├── carousel │ │ ├── carousel.php │ │ ├── lang │ │ │ └── en.json │ │ └── vendor │ │ └── anoslide │ │ ├── demo.html │ │ ├── images │ │ │ ├── badge.png │ │ │ ├── dots.png │ │ │ ├── loader.gif │ │ │ ├── next.png │ │ │ ├── prev.png │ │ │ ├── slide-dots.png │ │ │ └── slides │ │ │ ├── 1.jpg │ │ │ ├── 2.jpg │ │ │ ├── 3.jpg │ │ │ ├── 4.jpg │ │ │ ├── 5.jpg │ │ │ ├── 6.jpg │ │ │ ├── 7.jpg │ │ │ └── thumbnails │ │ │ ├── 1.jpg │ │ │ ├── 2.jpg │ │ │ ├── 3.jpg │ │ │ ├── 4.jpg │ │ │ ├── 5.jpg │ │ │ ├── 6.jpg │ │ │ └── 7.jpg │ │ ├── inc.json │ │ ├── jquery.anoslide.css │ │ ├── jquery.anoslide.js │ │ └── js │ │ └── jquery.anoslide.js Le dossier slide et son contenu sont là pour les tests, tout comme le fichier demo.html et le fichie badge.png du dossier images Il est donc possible de le supprimer pour la version de production @+
  8. Module Carrousel d'images

    Oui les goûts et les couleurs... Sinon pour ceux qui préfère le bleu et pour avoir un exemple de modification des "dots" , il suffit de modifier le CSS dans /module/carousel/vendor/anoslide/jquery.anosmide.css et mettre .paging { position:absolute; z-index:9998; top:-10px; color: rgb(255, 255, 255); text-shadow: rgb(0, 0, 0) -1px -1px; opacity: 1;} .paging > a { display:block; cursor:pointer; width:22px; height:22px; float:left; background:url(images/slide-dots.png) 0px -22px no-repeat; } .paging > a:hover, .paging > a.current { background:url(images/slide-dots.png) 0px 0px no-repeat; } à la place des 4 lignes existantes et mettre l'image jointe dans le dossiers /module/carousel/vendor/anoslide/images et commenter la ligne 257 du fichier carousel.php pour que la position soit gérée dans le CSS /* top: height, */ Sinon comme écrit PeterRabbit, on peut aussi supprimer les 4 lignes ou les commenter.
  9. Vidéos "responsive"

    Bonjour, Pour les vidéos "responsives", pas besoin de modifier le code javascript de l'éditeur TinyMCE. C'est d'ailleurs toujours une mauvaise idée, ca il faut reporter les modifications à chaque fois. Effectivement mettre le CSS qui va bien dans le thème (core/theme.css) : /* Vidéos responsives*/ .responsive-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .responsive-container iframe, .responsive-container object, .responsive-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } Puis au moment d'inclure la vidéo avec l'éditeur en cliquant sur le bouton "Insérier/Modifier une vidéo", Saisir la source de la vidéo (exemple : http://www.youtube.com/embed/Yq_6kEyIAcM) Puis cliquer sur l'onglet "Intégrer" et ajouter au code qui s'affiche le div autour de l'iframe Valider et enregistrer. C'est fait. La video apparait à la taille par défaut, ici 560x314 dans l'éditeur. Mais une fois dans la page, hors éditeur elle prend toute sa place et est "responsive". Après on peut encore encapsuler pour ne pas prendre toute la largeur par exemple 50% de la largeur et centré, en ajoutant le code précédent Toujours en étant "Responsive" Voilà.
  10. Module Carrousel d'images

    Bonjour, Basé sur le module gallery, et en utilisant le plugin jquery carousel d'anoslide anoSlide Je vous propose de tester le module carousel dont les sources sont disponibles dans le fichier joint. Dézipper le fichier dans module. Des images de test sont aussi dans le dossier /module/carousel/vendor/anoslide/images/ C'est un premier jet qui fonctionne de mon coté avec la version 7.8.0. Bonne réception EDIT : Zip modifié pour prendre en compte le chemin complet. A décompresser à la racine de votre ZwiiCMS en prenant tous les fichiers et leur arborescence.
  11. Ajout du meta keywords

    Merci Roger pour cette remarque pertinente. Il n'y a donc pas d'utilité à utiliser mon code.
  12. Ajout du meta keywords

    Bonjour, Pour le référencement le meta keywords est bien utile. Alors je vous propose une version modifiée du layout .html et du core.php de la version 7.6.3 qui intègre l'ajout du méta. A notre grand chef de l'intégrer ou pas dans une prochaine version. Merci à lui en tout cas. ZwiiCMS_ajout_keywords.zip