Gestion de Contenu, de Communauté et de groupes de travail collaboratif - Open Source, français, sécurisé, stable et performant

  • MODULES

    Pour étendre les nombreuses fonctionnalités disponibles de base - modules.npds.org est à votre disposition.

    Des modules complémentaires, une communauté de développeurs active, des forums pour vos questions ... NPDS  est aussi une plateforme de développement !
  • STYLES

    Vous cherchez des thèmes graphiques pour votre portail ou votre communauté : styles.npds.org est à votre disposition.

    Des thèmes du plus simple au plus sophistiqué. Des thèmes facilement modifiables et toujours en Open-Source - Laissez simplement parler votre imagination !
  • BIBLES

    La documentation indispensable pour personnaliser et exploiter toute la puissante de NPDS  est à votre disposition sur bible.npds.org.

    Vous pouvez participer à l'effort de documentation - rien de plus simple : contactez un membre de la Team de développement et nous vous ouvrirons un compte sur le Wiki !
Devenir membre    |    Identifiant : Mot de Passe : -
Au delà de la gestion de contenu 'classique', NPDS met en oeuvre un ensemble de fonctions spécifiquement dédiées à la gestion de Communauté et de groupes de travail collaboratif.
Il s'agit d'un Content & Community Management System (CCMS) robuste, sécurisé, complet, performant et parlant vraiment français.

Gérez votre Communauté d'utilisateurs, vos groupes de travail collaboratif, publiez, gérez et organisez votre contenu grâce aux puissants outils disponibles de base.
  • Multi langues (Français, Anglais, Allemand, Espagnol, Chinois)
  • Respect des standards : UTF8, XHTML, CSS, ...
  • Système de blocs avancés
  • Installation et administration complète et centralisée
  • Editeur HTML intégré
  • Gestionnaire de fichier en ligne
  • Gestion des groupes de membres
  • Ecriture collaborative de documents (PAD)
  • Forums évolués
  • Mini-sites (pour les membres et les groupes de travail)
  • Chat temp réel
  • Système de News et de rubriques complet (édition, révision, publication)
  • ...
Gratuit et libre (Open-Source), développé en PHP, NPDS est personnalisable grâce à de nombreux thèmes et modules et ne requiert que quelques compétences de base.
NPDS Workplace - groupe de travail collaboratif
 NPDS WorkSpace - tous l'univers du travail collaboratif.
Tutoriel: lightbox
Posté par : B-Mag

Rechercher dans Styles

Bonjour,

Pour vous annoncer la mise en ligne (sur styles.npds.org) d'un tutoriel sur l'intégration d'un script Jquery Lightbox dans votre NPDS

C'est tout simplement le script utilisé depuis quelques semaines sur le site styles.npds.org et qui permet d'avoir un effet de zoom très basique sur une image, le tout sans bug sur les différents navigateurs.

J'ai essayé de répondre aux questions que l'on se pose quand ayant trouvé un script sympa, on désire le mettre dans NPDS.

Bien entendu ceci s'adresse aux débutants, il y a surement plein de considérations techniques que je n'ai prises en compte, et qui devraient améliorer la chose, n'hésitez pas à les proposer ceci étant.

Merci à ceux qui n'ont aidé à trouver ce script.

Bmag



Dimanche 21 avril 2013 @ 18:36:01    Page Spéciale pour impression Envoyer cet Article à un ami    Précédent |  Suivant

Jireck
8416       

Jireck
  Posté : 23-05-2013 10:41

Citation : fouineur 

PS :

En faite il existe la façon expliquer sur le site qui lui dit d'utilisé comme ceci :




Je n'ai pas vue de différence avec celle que j'ai proposé au dessus :




 

Bonjour

le nom dans les Crochets si on les met, sert a grouper les images dans la lightbox afin de pouvoir les faire défiler.
donc si tu met

<a href="images/examples/image-2.jpg" rel="lightbox[roadtrip]"&g t;<img src="images/examples/thumb-2.jpg" alt="" /></a&g t; 
<a href="images/examples/image-3.jpg" rel="lightbox[roadtrip]"&g t;<img src="images/examples/thumb-3.jpg" alt="" /></a&g t; 

<a href="images/examples/image-2.jpg" rel="lightbox[plants]"> <img src="images/examples/thumb-2.jpg" alt="" /></a>  
<a href="images/examples/image-3.jpg" rel="lightbox[plants]"> <img src="images/examples/thumb-3.jpg" alt="" /></a>  



Tu auras deux groupes de 2 images.

de plus si tu veux qu'il y a un "caption" titre sous l'image.
Il suffit d'utiliser la balise title.

(a rajouter dans le tutos, je pense)

/!\ Conseil : il faut "toujours" mettre un balise "alt" et si possible une balise "title"; cela sert autant à l'accessibilité qu'au SEO. /!\

  Profil
fouineur
253     

fouineur
  Posté : 23-05-2013 19:51

Salut,

Merci pour les infos
Si j'ai bien tout capter on fera plutôt comme ceci :

<p><a title="Cliquez sur l'image pour agrandir." href="images/examples/image-3.jpg" rel="lightbox[plants]"><img src="images/examples/thumb-3.jpg" alt="Image d'exemple" /></a></p>


  Profil  www
Aller à la page : [ 1 | 2 | 3 ]
Les Commentaires sont la propriété de leurs auteurs. Nous ne sommes pas responsables de leur contenu.

Temps : 0.0366 seconde(s)