[RÉGLÉ] affichage des détails sur une seule ligne.

[mars77]

Bonjour à tous,

Sur mon site les détailles de mes articles sont affichés l'un dessous l'autre et je souhaite les mettre sur une seule ligne.

Aujourd'hui:

Détails
Publication : 30 mai 2016
Affichages : 4
Imprimer :
Email:

Après :

Publication : 30 mai 2016 / Affichages : 4 / Imprimer : / Email:


Comment je dois m' y prendre et quel fichier modifier ?

Merci a celui qui pourra m'aider .

[lefabdu51]

Re : affichage des détails sur une seule ligne.

sans lien ou nom du template, dur d avoir une reponse.....

[lomart]

Re : affichage des détails sur une seule ligne.

Bonsoir,


Il faut faire une surcharge du fichier
\layouts\joomla\content\info_block\block.php
dans le dossier
\templates\TON_TEMPLATE\html\layouts\joomla\conten t\info_block

puis modifier le code pour obtenir le résultat voulu

Pour aller plus vite, il est aussi possible d'ajouter une règle CSS dans ton template

dl.article-info > dd {    display: inline;}

[dolmenhir]

Re : affichage des détails sur une seule ligne.

Pour aller plus vite, il est aussi possible d'ajouter une règle CSS dans ton template

dl.article-info > dd {    display: inline;}

+1
C'est toujours mieux quand on ne modifie/surcharge pas le code.

[lomart]

Re : affichage des détails sur une seule ligne.

C'est toujours mieux quand on ne modifie/surcharge pas le code.

La solution du CSS ne permet pas de tout maitriser, comme les césures.
J'aime bien avoir l'info après son libellé et non à la ligne.

Cela me fait penser que l'on peut compléter ma règle comme ceci :

dl.article-info > dd {
  display: inline;
  white-space: nowrap;
}

[mars77]

Re : affichage des détails sur une seule ligne.

Bonsoir,

Merci pour les infos. j' ai ajouté la Class et cela m'affiche la date de parution et le nombre d affichage sur une ligne.

Par contre comment faire pour enlever le bouton de droite et afficher simplement imprimer avec l'icon?



merci encore pour votre aide .

[lomart]

Re : affichage des détails sur une seule ligne.

Par contre comment faire pour enlever le bouton de droite et afficher simplement imprimer avec l'icon?

Là tu ne vas pas couper à la surcharge de \layouts\joomla\content\icons.php

[mars77]

Re : affichage des détails sur une seule ligne.

Merci pour ta réponse.

je viens de regarder le code et j'avoue ne pas trop savoir ce que je dois modifier.

<?php
/**
 * @package     Joomla.Site
 * @subpackage  Layout
 *
 * @copyright   Copyright (C) 2005 - 2016 Open Source Matters, Inc. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */

defined('JPATH_BASE') or die;

JHtml::_('bootstrap.framework');

$canEdit = $displayData['params']->get('access-edit');

?>

<div class="icons">
	<?php if (empty($displayData['print'])) : ?>

		<?php if ($canEdit || $displayData['params']->get('show_print_icon') || $displayData['params']->get('show_email_icon')) : ?>
			<div class="btn-group pull-right">
				<a class="btn dropdown-toggle" data-toggle="dropdown" href="#"> <span class="icon-cog"></span><span class="caret"></span> </a>
				<?php // Note the actions class is deprecated. Use dropdown-menu instead. ?>
				<ul class="dropdown-menu">
					<?php if ($displayData['params']->get('show_print_icon')) : ?>
						<li class="print-icon"> <?php echo JHtml::_('icon.print_popup', $displayData['item'], $displayData['params']); ?> </li>
					<?php endif; ?>
					<?php if ($displayData['params']->get('show_email_icon')) : ?>
						<li class="email-icon"> <?php echo JHtml::_('icon.email', $displayData['item'], $displayData['params']); ?> </li>
					<?php endif; ?>
					<?php if ($canEdit) : ?>
						<li class="edit-icon"> <?php echo JHtml::_('icon.edit', $displayData['item'], $displayData['params']); ?> </li>
					<?php endif; ?>
				</ul>
			</div>
		<?php endif; ?>
	<?php else : ?>
		<div class="pull-right">
			<?php echo JHtml::_('icon.print_screen', $displayData['item'], $displayData['params']); ?>
		</div>
	<?php endif; ?>
</div>

Est ce que c'est dans le echo de la dernière ligne ?

[lomart]

Re : affichage des détails sur une seule ligne.

Un petit peu plus
il faut supprimer toute la structure liste ainsi que le code pour le bouton

[mars77]

Re : affichage des détails sur une seule ligne.

voilà j'ai réussi a enlevé la structure liste et maintenant cela s'affiche comme cela.



Maintenant je souhaite que Imprimer et mail vient sur la droite et si c'est possible sur la même ligne que la parution et l'affichage.
Quel fichier je dois modifier ?

Merci pour votre aide

[mars77]

Re : affichage des détails sur une seule ligne.

C'est tout bon j'ai trouvé.

J'ai ajouté la Css suivante:

div.icons > li { display: inline;
float: right;
margin-right: 9px;}

Maintenant cela fonctionne parfaitement .

Merci encore pour votre aide .

[lomart]

Re : affichage des détails sur une seule ligne.

Bonjour,

Ta solution fonctionne mais oblige l'ajout de CSS
Il est possible de faire sans en subtituant les UL/LI par des DIV/SPAN et en affectant la classe pull-right à la balise DIV

Ci joint mon fichier override à mettre dans le dossier : /templates/TON_TEMPLATE/html/layouts/joomla/content

[HORS SUJET]
Enfin pas tout à fait !
Dans la bulle d'aide du paramètre article "Icônes de l'article", il est dit "Afficher/Masquer les icônes en remplacement du texte des liens 'Imprimer' et 'Suggérer par e-mail'"
Pour moi, cela veut dire que l'on affiche les icônes à la place du texte. Hors le code ne le gère pas !
Il faudrait remplacer

<?php echo JHtml::_('icon.print_popup', $displayData['item'], $displayData['params']; ?>

par

<?php echo JHtml::_('icon.print_popup', $displayData['item'], $displayData['params'], array(), $displayData['params']->get('show_icons')); ?>

pour afficher l'icone /media/system/images/printButton.png

mais l'idéal serait que le paramètre propose 3 choix: icône, texte, les deux

En attendant, il faudrait corriger le texte français par quelque chose comme cela :
"Afficher/Masquer les icônes devant le texte des liens 'Imprimer' et 'Suggérer par e-mail"
[/HORS SUJET]

[jg92]

Re : affichage des détails sur une seule ligne.

C'est tout bon j'ai trouvé.

J'ai ajouté la Css suivante:

div.icons > li { display: inline;
float: right;
margin-right: 9px;}

Maintenant cela fonctionne parfaitement .

Merci encore pour votre aide .

ajouté ou , merci

[lomart]

Re : affichage des détails sur une seule ligne.

ajouté ou , merci

Ce code CSS nécessite d'avoir surchargé le fichier icons.php et n'est pas nécessaire comme je l'indique dans mon post précédent.
Que veux-tu faire ?
J'ai fait un article sur les "Icônes imprimer et email en ligne" si cela peut t'aider : http://lomart.fr/trucs-et-astuces/62...-sans-dropdown