Sujet fermé
Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5

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

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
#2

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/1...n-css.html
Pour faire un tableau en HTML, tu peux lire celui-ci :
http://openclassrooms.com/courses/appren...tableaux-1
Bien sûr, il en existe beaucoup d'autres, j'ai juste choisi les sites les plus connus et complets Wink

{SEO}
Inscrivez-vous à notre Newsletter sur le site (colonne de droite, en bas).
Vous appréciez CMSMS et l'aide qui vous est fournie ici, aidez-nous en participant au projet.
Formation CMS Made Simple | Création de site CMS Made Simple.

C'est en se plantant qu'on devient cultivé.
J'ai un string dans l'Array (Paris Hilton)
#3

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.
#4

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
#5

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>
...
#6

Bonsoir Jean

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

Merci bien
Sujet fermé


Atteindre :


Utilisateur(s) parcourant ce sujet : 2 visiteur(s)