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.
Modéré par : developpeur jpb Jireck 
Index du Forum » » Questions fréquentes » » Agrandir images au clic de la souris  
AuteurAgrandir images au clic de la souris
fouineur
253     

fouineur
  Posté : 22-01-2013 14:36

Ici le principe c'est que vous ayez toujours la même taille d'image sur vos pages.
Au clic de la souris sur l'image vous trouverez la taille d'origine de l'image sans quitter votre page.

1.Ouvrez le fichier themes/votretheme/style/style.css
Mettre ceci en bas de page :

div.popup {
height: 200px;
width: 260px;
}

div.popup > img {
height: 100%;
width: 100%;
cursor: pointer;
}

div.popup > img:active {
height: auto;
width: auto;
position: relative;
border: black solid 1px;
}

enregistrer fermer.
Ici la taille seras de 260 sur 260 rien vous empêche de changer la taille que vosu désirez


2.Dans vos pages , articles, etc.. faite appel comme ceci :

<div class="popup"><img title="clique sur l'image pour agrandir !" src="Votre dossier image/Nom de l'image.jpg" alt="texte_alternatif" /></div>

Quoi déjà fini

Message édité par : fouineur / 25-01-2013 23:41

  Profil  www  Citation   
developpeur
24581       
 

developpeur
  Posté : 22-01-2013 21:29

cool / merci
  Profil  E-mail  www  Citation   
fouineur
253     

fouineur
  Posté : 25-01-2013 21:05

De rien

Juste une petite modification car sur certains navigateurs un bug l'image s'agrandisais sur elle même

Le rectification à été fait directement sur le premier post

Du coup c'est compatible ie , chrome, firefox je supose que le reste ne posera pas de souci non plus


Le bug était au niveau de l'appel auquel j'avait mis " style="margin-right: auto; margin-left: auto; display: block;"
soucis sous chrome display: block ne fonctionnait qu'une fois sur deux le reste des navigateur j'avais pas de souci !

Message édité par : fouineur / 26-01-2013 00:02

  Profil  www  Citation   
Anonyme
19853  

Anonyme
  Posté : 14-03-2015 15:41

Souvent les photos ne sont pas carrées. Comment ne définir que la hauteur (ex: 500px) et que l'image garde ses proportions?

Merci d'avance,
Sylvain.
  Citation   
  
Sauter à :

Temps : 0.0167 seconde(s)