| Index du Forum » » Mods, Trucs, Astuces |
Auteur |
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 |
Cet article provient de NPDS
http://www.npds.org/viewtopic.php?topic=17405&forum=7
|
|
|