[Problème] Gestion liste articles "JOOMLA 3.1"

[FireBird_71]

Bonjour,

j'essaye désespérément de créer un module "Last News" que je souhaite mettre sur la home page de mon site.

J'ai créé un module "Flash d'information" 'mod_articles_news' dans un premier temps j'ai cru que tout fonctionnait bien, mais lorsque je souhaite que l'affichage ce fasse en horizontal je n'ai aucun résultats.
D'autre part, si je change la taille des titres, "h1, h2, h3... lorsque je recharge le site, rien n'a changer même après avoir effacé l'historique des navigateurs etc...

Si quelqu'un a une idée, je vous remercie d'avance pour votre aide...

[Rajoz]

Re : Gestion liste articles "JOOMLA 3.1"

Bonjour FireBird_71,

Le module "mod_articles_news" a trois façons de s'afficher :

• default : les articles sont à la suite dans un div dont la classe est newsflash
• horizontal : les articles sont dans un ul dont la classe est newsflash-horiz
• vertical : les articles sont dans un ul dont la classe est newsflash-vert

Après c'est au template de définir ces trois classes pour que l'affichage se fasse correctement. Par exemple Protostar ne défini aucune de ces trois classes donc si l'on choisi horizontal l'affichage se fait en liste avec un li pour chaque article.

Si le template utilisé ne définit pas la classe que l'on souhaite : il faut l'ajouter... Par exemple pour Protostar pour mettre le module en position banner avec deux articles en mode horizontal il faut ajouter le code suivant à la fin du fichier templates/protostar/css/template.css.

ul.newsflash-horiz { margin-left: 0; }
ul.newsflash-horiz li { list-style-type: none; float: left; width: 48%; padding-left: 20px; }
ul.newsflash-horiz li:first-child { padding-left: 0; }

Ce code est évidemment à adapter en fonction du nombre d'articles, du template et de de la largeur d'affichage du module en particulier pour width qui est la largeur de chaque article et padding-left qui est l'espace entre chaque article.

Je n'ai pas encore eu le temps de regarder la question sur la taille des titres donc à suivre...

Amicalement,
Rajoz

[Rajoz]

Re : Gestion liste articles "JOOMLA 3.1"

Re-bonjour FireBird_71,

Je ne sais pas si la question concerne le titre du module ou les titres des articles aussi je vais répondre aux deux.

Dans un module il y a deux parties le style avec le titre du module, et le contenu du module avec ici les titres des articles.

A . Titres des articles
Le contenu est défini dans le mod_articles_news, l'option Paramètres de base > Balise du titre permet de définir la balise h1, h2, h3... qui va s'appliquer aux titres des articles.

B. Titre du module
Le style avec le titre du module est défini par l'appel du module dans le template, par exemple dans Protostar j'avais mis le module en position banner et le code dans index.php pour cette position est :

<jdoc:include type="modules" name="banner" style="xhtml" />

Le style qui va être appliqué au module est "xthml". La fonction correspondant à ce style code "en dur" la balise h3 pour le titre du module.

Je n'ai pas encore vu de style de module qui utilise Paramètres avancés > Tag d'en-tête/titre. Mais comme cela dépend du template et qu'il y en a énormément je suis probablement passé à côté.

Il y a deux possibilités pour modifier le style du titre du module :

1) Créer un nouveau style de module : voir la doc dans http://docs.joomla.org/Applying_custom_module_chrome. Un peu compliqué quand c'est juste pour un module. Peut être intéressant quand il s'agit d'appliquer à un template personnalisé.

2) Utiliser le style xhtml qui permet de définir une classe pour le module dans Paramètres avancés > Suffixe de classe CSS. Par exemple, en mettant " essai" (attention à l'espace avant essai) le début du code du module va devenir :

<div class="moduletable essai">
    <h3>Titre du module</h3>

Cela permet maintenant de définir le style de h3 (police, taille, couleur, etc.) par exemple pour avoir un titre de module avec une police de 30 pixels, en gras, en rouge et centré il faut ajouter au template.css de Protostar :

.essai h3 { font-size: 30px; font-weight: bold; color: red; text-align: center; }

Amicalement,
Rajoz

[FireBird_71]

Re : Gestion liste articles "JOOMLA 3.1"

Bonjour Rajoz,

Je vous remercie pour ces réponses, malheureusement cela ne marche pas...

Je vous met le code source de la section à modifier peut-être vous y verrez une erreur...

Pour informations, j'utilise une template Yootheme qui contient une dizaine de css...

Merci beaucoup pour votre aide.

Franco

<section id="innerbottom" class="grid-block"><div class="grid-box width100 grid-h"><div class="module mod-line  deepest">

		<h3 class="module-title"><span class="color">Latest</span> Movies</h3>	
	<ul class="newsflash line horizontal">
						<li class="item ">
			
<h3>
			Rado HyperChrome	</h3>



<p><a class="jcepopup" href="/images/news_home/HYPERCHROME.mp4" target="_blank" data-mediabox="title[Rado HyperChrome::Light Mapping]"><img src="/images/news_home/12-HYPERCHROME_HD_01.png" alt="12-HYPERCHROME HD 01" width="200" height="113" /></a></p>
		</li>
						<li class="item last">
			
<h3>
			Ball Watch - Ball For BMW	</h3>



<p><a href="/ball-for-bmw"><span class="jcetooltip jcepopup"><img src="/images/news_home/12-Ball_For_BMW_HD_04.png" alt="12-Ball For BMW HD 04" width="200" height="113" /></span></a></p>
		</li>
			</ul>
		
</div></div></section>

[FireBird_71]

Re : Gestion liste articles "JOOMLA 3.1"

Re-bonjour,

Encore une fois merci pour votre aide, il se trouve que dans le système de template Yootheme ils ont remplacer les layouts de base de joomla du coup il faut juste trouver ou cela se trouve et le tour est joué.

Le problème est résolu de mon côté.

Bonnes salutations

Franco