Joomladay francophone 2019 à Paris, les 8 et 9 mars 2019

affichage des détails sur une seule ligne.

Réduire
X
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • mars77
    a crée un sujet [RÉGLÉ] affichage des détails sur une seule ligne.

    affichage des détails sur une seule ligne.

    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 .

  • lomart
    a répondu
    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

    Laisser un commentaire:


  • jg92
    a répondu
    Re : affichage des détails sur une seule ligne.

    Envoyé par mars77 Voir le message
    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

    Laisser un commentaire:


  • lomart
    a répondu
    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
    Code PHP:
    <?php echo JHtml::_('icon.print_popup'$displayData['item'], $displayData['params']; ?>
    par
    Code PHP:
    <?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]
    Fichiers joints
    Dernière édition par lomart à 02/06/2016, 09h40

    Laisser un commentaire:


  • mars77
    a répondu
    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 .

    Laisser un commentaire:


  • mars77
    a répondu
    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

    Laisser un commentaire:


  • lomart
    a répondu
    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

    Laisser un commentaire:


  • mars77
    a répondu
    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.

    Code:
    <?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 ?

    Laisser un commentaire:


  • lomart
    a répondu
    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

    Laisser un commentaire:


  • mars77
    a répondu
    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?

    Cliquez sur l'image pour l'afficher en taille normale

Nom : boutongauche.jpg 
Affichages : 1 
Taille : 39,4 Ko 
ID : 1805580

    merci encore pour votre aide .

    Laisser un commentaire:


  • lomart
    a répondu
    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 :
    Code:
    dl.article-info > dd {
      display: inline;
      white-space: nowrap;
    }

    Laisser un commentaire:


  • dolmenhir
    a répondu
    Re : affichage des détails sur une seule ligne.

    Envoyé par lomart Voir le message
    Pour aller plus vite, il est aussi possible d'ajouter une règle CSS dans ton template
    Code HTML:
    dl.article-info > dd {    display: inline;}
    +1
    C'est toujours mieux quand on ne modifie/surcharge pas le code.

    Laisser un commentaire:


  • lomart
    a répondu
    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
    Code HTML:
    dl.article-info > dd {    display: inline;}
    Dernière édition par lomart à 30/05/2016, 17h10

    Laisser un commentaire:


  • lefabdu51
    a répondu
    Re : affichage des détails sur une seule ligne.

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

    Laisser un commentaire:

Annonce

Réduire
1 sur 2 < >

C'est [Réglé] et on n'en parle plus ?

A quoi ça sert ?
La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
Comment ajouter la mention [Réglé] à votre discussion ?
1 - Aller sur votre discussion et éditer votre premier message :


2 - Cliquer sur la liste déroulante Préfixe.

3 - Choisir le préfixe [Réglé].


4 - Et voilà… votre discussion est désormais identifiée comme réglée.

2 sur 2 < >

Assistance au forum - Outil de publication d'infos de votre site

Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

UTILISER À VOS PROPRES RISQUES :
L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

Problèmes connus :
FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

Installation :

1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

Archive zip : https://github.com/AFUJ/FPA/zipball/master

2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
et remplacer www. votresite .com par votre nom de domaine


Exemples:
Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
Télécharger le script fpa-fr.php dans: /public_html/
Pour executer le script: http://www..com/fpa-fr.php

Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
Télécharger le script fpa-fr.php dans: /public_html/cms/
Pour executer le script: http://www..com/cms/fpa-fr.php

En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
Voir plus
Voir moins

Partenaire de l'association

Réduire

Hébergeur Web PlanetHoster
Travaille ...
X