affichage des détails sur une seule ligne.

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

  • [RÉGLÉ] 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 .

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

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

    Commentaire


    • #3
      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
      UP, le plugin universel à découvrir sur https//up.lomart.fr
      bgMax
      , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

      Commentaire


      • #4
        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.
        Je préfère éclairer que briller.” - “J'ai peut-être l'air froid, mais je suis pas givré.- "ça dépend ça dépasse"
        Ne m'envoyez pas de message privé pour résoudre vos problèmes sans y avoir été invité.
        Dolmenhir : tailleur de site web depuis 1997. Spécialiste Joomla depuis 2005. https://www.dolmenhir.fr

        Commentaire


        • #5
          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;
          }
          UP, le plugin universel à découvrir sur https//up.lomart.fr
          bgMax
          , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

          Commentaire


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

            Commentaire


            • #7
              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
              UP, le plugin universel à découvrir sur https//up.lomart.fr
              bgMax
              , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

              Commentaire


              • #8
                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 ?

                Commentaire


                • #9
                  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
                  UP, le plugin universel à découvrir sur https//up.lomart.fr
                  bgMax
                  , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                  Commentaire


                  • #10
                    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

                    Commentaire


                    • #11
                      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 .

                      Commentaire


                      • #12
                        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
                        UP, le plugin universel à découvrir sur https//up.lomart.fr
                        bgMax
                        , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                        Commentaire


                        • #13
                          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

                          Commentaire


                          • #14
                            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
                            UP, le plugin universel à découvrir sur https//up.lomart.fr
                            bgMax
                            , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                            Commentaire

                            Annonce

                            Réduire
                            Aucune annonce pour le moment.

                            Partenaire de l'association

                            Réduire

                            Hébergeur Web PlanetHoster
                            Travaille ...
                            X