Forum : Mods, Trucs, Astuces / articles trop longs: simulation de frames en CSS - NPDS - Gestion de Contenu et de Communauté Open Source

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 !

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.

Autres infos

Anciens articles

Articles plus anciens

Activité du Site

Pages vues depuis Mai 2001 : 104 184 536

Nb. de Membres : 8 693
Nb. d'Articles : 1 690
Nb. de Forums : 25
Nb. de Sujets : 8
Nb. de Critiques : 92

Top 10 Statistiques

Modéré par : developpeur jpb Jireck
Index du Forum » » Mods, Trucs, Astuces » » articles trop longs: simulation de frames en CSS

toba

1779

  Posté : 01-08-2005 11:46

J'ai personnellement une ptite phobie: Quand un article est trop long, je trouve inélégant voir "angoissant" de scroller pendant des heures, et de perdre tout l'habillage du site pour me retrouver dans les abysses du fond du tréfond de mon navigateur...
Bref, voici une petite astuce pour simuler une "frame" scrollable qui contient l'article et seulement l'article, gardant tout le reste intact, y compris le titre de l'article ou les notes du bas...

Cette astuce est basée sur la version CSS/XHTML de "Permanent Double Side" faite par Tito.

Dans votre feuille de stlye, créez un stlye "article-contenu", (ainsi que quelques autres que vous mettrez à votre sauce, voir la liste dans la deuxième partie concernant "detail-news.html" plus bas) et donnez-lui des parametres du genre:

div.article-contenu {
        background: none transparent;
color: #FFF;
    padding: 3px;
    width: auto;
    height: 338px;
    overflow: auto;
}

où "height" sera la taille de la "pseudo-frame" du contenu de votre article, et overflow: auto génerera la fameuse pseudo-frame.

2) Editer le fichier detail-news.html; de sorte qu'il ressemble à ceci:

<div class="article">
   <div class="article-entete">
       <div class="article-titre">!N_titre!<hr /></div>
       <div class="article-infos">Écrit par !N_emetteur!. Posté le !N_date! par !N_publicateur!</div>
   </div>
    <div class="article-sujet">!N_sujet!</div></div>
    <div class="article-contenu">
       !N_texte!
   </div>

Ben... voila. C'est tout, et ça marche. Bon, ça casse pas trois pattes à un canard je sais bien, mais moi ca soulage mon angoisse phobique

Message édité par : toba

Profil

www

Jireck

8502

Posté : 01-08-2005 12:07

Toba ! tu me met un exemple en ligne

please cela m'interesse mais j'ais deja la css de l'article tres chargé... donc avant de mis plonger, un petit exemple serait sympa

Profil

toba

1779

Posté : 01-08-2005 12:28

Visuellement, ca donne ca:

www.npds.org/user.php?op=userinfo&uname=toba

J'ai pas de site NPDS en ligne pour te montrer la démo mais je t'email les fichiers si tu veux

Profil

www

Jireck

8502

Posté : 01-08-2005 16:06

µJ'ais trouve ca chez nuke

http://www.karakas-online.de/EN-Book/multipage-news-articles.html

Profil

Lookmot

143