Module article à la suite de la page acceuil

Module article à la suite de la page acceuil - 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 : Module article à la suite de la page acceuil (/thread-1388.html)

Module article à la suite de la page acceuil - furaxou - 27/08/2011

Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: #1.6.10
#~ Url du site : www.pcidep.fr
#~ Hébergeur / Soft : hebergeur pas chere.com
#~ Informations Système :
#~ Version du CMS
#~ 1.6.10
#~ Modules installés :
#~ CMSMailer 1.73.14
#~ FileManager 1.0.2
#~ MenuManager 1.6.2
#~ ModuleManager 1.3.2
#~ News 2.10.4.2
#~ nuSOAP 1.0.1
#~ Printing 1.0.4
#~ ThemeManager 1.1.1
#~ TinyMCE 2.7.3
#~ PHPMyAdmin 3.1.1
#~ LdapUsers 1.3
#~ Version PHP actuelle (phpversion): 5.2.9
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~

Bonjour,

Après avoir fait connaissance avec ce CMS,j'ai décidé de pousser un peu plus loin malgré mes faibles connaissances en code, queqlue soit le langage.

Je me fait doucement au fonctionnement assez brut du CMS mais malgré mais quelques recherches, je ne m'en sort pas.

Voyez sur ce site : http://www.sebipic.fr
En bas de la page d’accueil, nous retrouvons le modules news proprement affiché.

Je voudrais faire exactement la même chose en ce qui concerne la présentation, à une difference.

Il faudrait que les articles apparaissent que si la case concernant "ma définition de champ", que j'ai nommée "accueil" est cochée

Malheureusement, je n'es pas les connaissances nécessaire pour le code à mettre en place dans mon gabarit.

Pouvez vous me guider sur ce point ?

Module article à la suite de la page acceuil - kraygoon - 27/08/2011

Salut,

Voici donc une piste pour ton gabarit "Sommaire" :

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

{if isset($entry->fields)}

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

{if $field->name == "Accueil"}

{assign var="visible_accueil" value=true}

{/if}

{/foreach}

{/if}

{if $visible_accueil}

<article>

Contenu de mon article.

</article>

{/if}

{assign var="visible_accueil" value=false}

{/foreach}

Explications :

Je fais une boucle pour traiter tous les articles. Au début de la boucle, j'en fais une autre pour récupérer la "définition de champ Accueil", si elle est coché alors on affiche l'article, si non, alors on affiche rien.
A la fin de chaque boucle je réinitialise la variable de test "visible_accueil" à "false" pour la prochaine boucle.
Attention c'est fait de tête mais l'idée est là.

Module article à la suite de la page acceuil - jissey - 27/08/2011

Bonjour et bienvenue,

Pourquoi ne pas utiliser une catégorie pour les articles devant apparaitre sur la page d'accueil?
Bien plus simple et sans aucune programmation.

Donc, tu créer une categorie "accueil", et dans le gabary:
{news .... .... category="accueil"}

les points symbolisent les autre paramètres éventuels.

Il faut regarder dans l'aide du module news pour voir les paramètres utilisables.

Bon courage.

Module article à la suite de la page acceuil - furaxou - 27/08/2011

Bonjour,

Tous d’abord, je tiens à vous remercier tu temps que vous consacrez à m'aider.

Pour la première solution, effectivement je comprend bien le principe mais je n'arrive pas à le mettre en place.

J'utilise pour cette version 1.6, le gabarit CSSMenutop2col : CSSMenu top + 2 columns

J'ai copié collé le code de "kraygoon" directement dans le gabarit cité plus haut, juste au dessus de :

Code :
{* Start Footer. Edit the footer in the Global Content Block called "footer" *}

   <div id="footer">

      {global_content name='footer'}

   </div>   

   {* End Footer  *}

Rien ne ce passe sur, l'acceuil, elle reste comme à l'origine.

Par contre, effectivement, si il est plus simple de De créer une catégorie, pas de problème.

j'ai compris que si je met le code : {cms_module module="news" category='accueil' sortasc='true'} au dessus du code concernant les mentions, Mes articles de la catégorie concerné apparaissent.

Pour mon Titre et mon module donc, j'ai implanté le code suivant, toujours au mème endroit ce qui donne :

Code :
<h2 style="text-align: left;"><span style="font-size: small;">L'actualité de l'auto-entreprise et du  site<br /></span></h2>

       <p style="text-align: left;"><span style="font-size: small;"><!-- Displaying News Module -->

        <!-- News Categories: '' -->

        <!-- Start News Display Template -->

        {cms_module module="news" category='accueil' sortasc='true'}

Premier petit souci :

Comment arriver à reprendre les articles en alignement avec la partie accueil, car en ce moment, les articles s'étale sur toute la largeur de page ---> www.pcidep.fr

Deuxième souci :

Comment faire pour que le texte saisie reprenne l'affichage mise en forme par Tiny, lors de la saisie de l'article ?

Merci
Tristan

Module article à la suite de la page acceuil - jissey - 27/08/2011

RE:
pour ton premier soucis, c'est un problème HTML/CSS.
Soit tu mets tes news dans la div "main" soit tu créer une nouvelle div pour les englober avec les mêmes marges que "main".

Le second soucis : l'affichage final dépend de tes feuilles de styles qui ne sont pas reprises dans tiny, ce qui peut créer une différence. Par contre tu peux redéfinir des règles dans Tiny qui collent avec les feuilles de style en ligne.
En général, je demande aux utilisateurs de ne pas "habiller" leur texte et de valider en ligne si l'apparence est conforme à leurs attentes.

Dans ton cas, je vois des , c'est toi qui les a saisis?

Module article à la suite de la page acceuil - furaxou - 27/08/2011

Re Jissey

jissey a écrit :pour ton premier soucis, c'est un problème HTML/CSS.
Soit tu mets tes news dans la div "main" soit tu créer une nouvelle div pour les englober avec les mêmes marges que "main".

Je vois à peu prêt ce que tu veut me dire mais entre voir et comprendre pour réaliser, il y a une différence ^
Je ne serait vraiment pas dire ce qu'il faudrait que je reprenne
je peu éventuellement te mettre tous le code du gabarit à disposition si tu le souhaite.

jissey a écrit :Le second soucis : l'affichage final dépend de tes feuilles de styles qui ne sont pas reprises dans tiny, ce qui peut créer une différence. Par contre tu peux redéfinir des règles dans Tiny qui collent avec les feuilles de style en ligne.
En général, je demande aux utilisateurs de ne pas "habiller" leur texte et de valider en ligne si l'apparence est conforme à leurs attentes.

Dans ton cas, je vois des , c'est toi qui les a saisis?

Pour tout te dire, je reproduit l’accueil de ce site : ww.sebipic.fr
Ayant vraiment que très peu de notion dans le codage Web, j'ai affiché le code source de la page et j'ai reprit la partie du Titre pour le module news.

Le code complet du gabarit est le suivant :

Code :
{process_pagedata}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

{* Change lang="en" to the language of your site *}

<head>

{if isset($canonical)}<link rel="canonical" href="{$canonical}" />{elseif isset($content_obj)}<link rel="canonical" href="{$content_obj->GetURL()}" />{/if}

<title>{sitename} - {title}</title>

{* The sitename is changed in Site Admin/Global settings. {title} is the name of each page *}

{metadata}

{* Don't remove this! Metadata is entered in Site Admin/Global settings. *}

{stylesheet}

{* This is how all the stylesheets attached to this template are linked to *}

{cms_selflink dir="start" rellink=1}

{cms_selflink dir="prev" rellink=1}

{cms_selflink dir="next" rellink=1}

{* Relational links for interconnections between pages, good for accessibility and Search Engine Optmization *}

{literal}

<script type="text/JavaScript">

<!--

//pass min and max -measured against window width

function P7_MinMaxW(a,b){

    var nw="auto",w=document.documentElement.clientWidth;

    if(w>=b){nw=b+"px";}if(w<=a){nw=a+"px";}return nw;

}

//-->

</script>

<!--[if lte IE 6]>

<style type="text/css">

#pagewrapper {width:expression(P7_MinMaxW(720,950));}

#container {height: 1%;}

</style>

<![endif]-->

{/literal}

{* The min and max page width for Internet Explorer is set here. For other browsers it's in the stylesheet "Layout: Top menu + 2 columns" *}

<!--[if IE]>

<script type="text/javascript" src="uploads/CSSMenutop2col/CSSMenu.js"></script>

<![endif]-->

{* The above JavaScript is required for CSSMenu to work in IE *}

</head>

<body>

<div id="pagewrapper">

    {* start accessibility skip links *}

    <ul class="accessibility">

      <li>{anchor anchor='menu_vert' title='Skip to navigation' accesskey='n' text='Skip to navigation'}</li>

      <li>{anchor anchor='main' title='Skip to content' accesskey='s' text='Skip to content'}</li>

    </ul>

    {* end accessibility skip links *}

    <hr class="accessibility" />

    {* Horizontal ruler that is hidden for visual browsers by CSS *}

   {* Start Header, with logo image that links to the default start page. Logo image is changed in the stylesheet  "For template: Left menu + 1 column" *}

   <div id="header">

           <h1>{cms_selflink dir="start" text="$sitename"}</h1>

   <hr class="accessibility" />

   </div>

   {* End Header *}

      {* Start Navigation *}

      <div id="menu_vert">

         <h2 class="accessibility">Navigation</h2>

         {menu template='CSSMenutop2col : cssmenu' }

      <hr class="accessibility" />

      </div>

      {* End Navigation *}

   {* Start Search *}

   <div id="search">

          {search}

   </div>

   {* End Search *}

   {* Start Breadcrumbs *}

   <div class="breadcrumbs">

        {breadcrumbs starttext='Vous êtes ici' root='Home' delimiter='&raquo;'}

   <hr class="accessibility" />

   </div>

   {* End Breadcrumbs *}

   {* Start Content (Navigation and Content columns) *}

   <div id="content">

      {* Start Sidebar *}

      <div id="sidebar" class="hascontent">

         {content block='Sidebar'}

      </div>

      {* End Sidebar *}

      {* Start Content Area *}

      <div id="main">

         <div style="float: right;">{print showbutton=true script=true}</div>

         <h2>{title}</h2>

         {content} <br />

         {* Start relational links *}

     <div class="hr"></div>

     <div class="right49">

         <p>{anchor anchor='main' text='haut'}</p>

         </div>

         {* The label parameter doesn't need to be there if you're using English, but is here to show how it's used if you don't want the English text "Previous page" *}

     {* End relational links *}

      <hr class="accessibility" />

      </div>

      {* End Content Area *}

       <h2 style="text-align: left;"><span style="font-size: small;">L'actualité de l'auto-entreprise et du  site<br /></span></h2>

       <p style="text-align: left;"><span style="font-size: small;"><!-- Displaying News Module -->

        <!-- News Categories: '' -->

        <!-- Start News Display Template -->

        {cms_module module="news" category='accueil' sortasc='true'}

   </div>

   {* End Content *}

   {* Start Footer. Edit the footer in the Global Content Block called "footer" *}

   <div id="footer">

      {global_content name='footer'}

   </div>   

   {* End Footer  *}

</div>{* end pagewrapper *}

</body>

</html>

Pour toi, ça risque d'être clair comme de l'au de roche, pour moi, c'est des études qu'il me faudrait ^

Merci pour l'aide apportée Wink

Module article à la suite de la page acceuil - jissey - 27/08/2011

je veux bien t'aider, mais d'abord tu dois faire l'effort de te former au HTML si tu veux faire un site.
Ici, nous aidons avec grand plaisir tout ceux qui utilisent CMSMS, mais il y a des connaissances préalables à avoir dont HTML et CSS. Et il n'y a pas besoin de longues études, rassures toi. Un week-end suffit pour comprendre et ensuite, c'est en forgeant....

Le site du zero t'aideras pour ça et de nombreux livres existent aussi pour débuter.

Pour en revenir à tes news, sebipic a mis ces news dans la div main donc remonte {news} derrière {content} <br /> et voit si ça te convient.

Courage Wink