[Résolu] Une page de sommaire de news sur deux colonnes

[Résolu] Une page de sommaire de news sur deux colonnes - Version imprimable

+- Forum CMS Made Simple FR (https://forum.cmsmadesimple.fr)
+-- Forum : Général (https://forum.cmsmadesimple.fr/forum-3.html)
+--- Forum : Modules, Tags (https://forum.cmsmadesimple.fr/forum-14.html)
+--- Sujet : [Résolu] Une page de sommaire de news sur deux colonnes (/thread-3359.html)

[Résolu] Une page de sommaire de news sur deux colonnes - benhenda - 17/12/2014

Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: !1.11.x
#~ Url du site :
#~ Hébergeur / Soft :
#~ Informations Système :
#~ ----------------------------------------------
#~ Cms Version: 1.11.9
#~ Installed Modules:
#~ CMSMailer: 5.2.2
#~ CMSPrinting: 1.0.5
#~ FileManager: 1.4.3
#~ MenuManager: 1.8.6
#~ MicroTiny: 1.2.5
#~ ModuleManager: 1.5.5
#~ News: 2.14.1
#~ Search: 1.7.11
#~ ThemeManager: 1.1.8
#~ TinyMCE: 2.9.12
#~ CMSDumper: 1.3
#~ MysqlDump: 1.3.1
#~ CGSimpleSmarty: 1.7.4
#~ CGExtensions: 1.38.8
#~ CGBlog: 1.12.6
#~ FormBuilder: 0.8
#~ Captcha: 0.5.0
#~ TagCloud: 1.0.2
#~ Disqus: 2.0
#~ CGFeedMaker: 1.0.17
#~ HitCounter: 1.1
#~ Gbook: 2.0
#~ CGFeedback: 1.6.5
#~ ThemesMadeSimple: 0.3
#~ JQueryTools: 1.2.6
#~ Config Information:
#~ php_memory_limit:
#~ process_whole_template:
#~ max_upload_size: 64000000
#~ url_rewriting: none
#~ page_extension:
#~ query_var: page
#~ image_manipulation_prog: GD
#~ auto_alias_content: true
#~ locale: fr_FR.utf-8
#~ default_encoding: utf-8
#~ admin_encoding: utf-8
#~ set_names: true
#~ Php Information:
#~ phpversion: 5.3.29
#~ md5_function: On (Vrai)
#~ gd_version: 2
#~ tempnam_function: On (Vrai)
#~ magic_quotes_runtime: Off (Faux)
#~ E_STRICT: 0
#~ E_DEPRECATED: 8192
#~ memory_limit: 128M
#~ max_execution_time: 120
#~ output_buffering: 4096
#~ safe_mode: Off (Faux)
#~ file_uploads: On (Vrai)
#~ post_max_size: 64M
#~ upload_max_filesize: 64M
#~ session_save_path: /tmp (0700)
#~ session_use_cookies: On (Vrai)
#~ xml_function: On (Vrai)
#~ xmlreader_class: On (Vrai)
#~ Server Information:
#~ Server Api: cgi-fcgi
#~ Server Db Type: MySQL (mysqli)
#~ Server Db Version: 5.1.73
#~ Server Db Grants: Impossible de trouver un privilège "GRANT ALL". Cela peut signifier que vous pourriez avoir des problèmes pour installer ou retirer des modules, ou encore l 'ajout et la suppression d'éléments, y compris les pages.
#~ Server Time Diff: Aucune différence de date du système de fichiers trouvées
#~ ----------------------------------------------
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~

Bonjour

Je suis parti du gabarit standard de sommaire des news pour afficher la liste de mes archives de News. Et voici le code du gabarit standard du module News que j'ai allégé a minima selon mes besoins.

Code :
{foreach from=$items item=entry}

<div class="NewsSummary">

    <b><a href="{$entry->moreurl}" title="{$entry->title|cms_escape:htmlall}">{$entry->title|cms_escape}</a></b>  -  [<i>{$entry->postdate|cms_date_format}</i>] 

  {if $entry->summary} <br> {eval var=$entry->summary} 

{else if $entry->content}

    <div class="NewsSummaryContent">

        {eval var=$entry->content}

    </div>

{/if}

{if isset($entry->fields)}

  {foreach from=$entry->fields item='field'}

     <div class="NewsSummaryField">

        {if $field->type == 'file'}

          <img src="{$entry->file_location}/{$field->displayvalue}"/>

        {else}

          {$field->name}:&nbsp;{eval var=$field->displayvalue}

        {/if}

     </div>

  {/foreach}

{/if}

</div>

{/foreach}

Mon problème est de trouver comment afficher la liste obtenue sur deux colonnes (ou un tableau à deux colonnes).

Merci pour toute indication pouvant aider à trouver la bonne astuce.

Benhenda

[Résolu] Une page de sommaire de news sur deux colonnes - jissey - 17/12/2014

Bonjour,
c'est un problème CSS ou HTML:
pour faire un tableau CSS, tu peux lire ce tuto :
http://www.alsacreations.com/tuto/lire/1524-le-modele-tabulaire-en-css.html
Pour faire un tableau en HTML, tu peux lire celui-ci :
http://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3/les-tableaux-1
Bien sûr, il en existe beaucoup d'autres, j'ai juste choisi les sites les plus connus et complets Wink

[Résolu] Une page de sommaire de news sur deux colonnes - Laure_21 - 17/12/2014

Bonjour,

J'ai fait la même chose pour mon site. Je voulais mettre mon texte sur 2 colonnes et j'ai utilisé ceci dans le css :

Code :
[== CSS ==]

-moz-columns : 2 auto;

En espérant que cela puisse vous aider.

[Résolu] Une page de sommaire de news sur deux colonnes - benhenda - 17/12/2014

Bonjour et merci pour vos réactions

J'ai parcouru les deux liens fourni par Jissey et j'ai compris pas mal de choses sans pour autant parvenir à les adapter à mon cas.

Pour le code CSS proposé par Laure, il est peut être utile pour une page statique avec un contenu déjà stable. Mon cas est ce lui d'un contenu dynamique issu d'une boucle (looping) et d'un "foreach".

Pour mieux m'expliquer, j'utilise le "gabarit du sommaire article" à travers un smarty "twocolumns" que j'appelle dans une page statique.

Code :
{news sortby='news_date' summarytemplate='twocolumns'}

Ma question est de savoir si dans le code que j'ai présenté dans mon premier message (gabarit sommaire), est-il possible d'ajouter d'autres codes (css ou HTML) pour que le looping de "foreach" s'effectue sur deux colonne.

Merci à vous

Benhenda

[Résolu] Une page de sommaire de news sur deux colonnes - Jean le Chauve - 17/12/2014

Salut,
Tu pourrais utiliser la balise dans chacune des colonnes avec les paramètres adéquats :
col1 : {news sortby='news_date' summarytemplate='twocolumns' number=5}
col2 : {news sortby='news_date' summarytemplate='twocolumns' number=5 start=4}
Sinon avec le foreach :
<div id=col1>
{....}
{if $smarty.foreach.entry.index== 4}//on est à l'article n°5
</div>
<div id=col2>
...

[Résolu] Une page de sommaire de news sur deux colonnes - benhenda - 18/12/2014

Bonsoir Jean

Trop cool, la première solution a bien fonctionné.

Merci bien