Lien "lire la suite" sous forme d'image

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

  • Lien "lire la suite" sous forme d'image

    Bonjour,

    Je suis sous Joomla 2.5 et je galère pour changer le lien "lire la suite" par un bouton en jpg ou png.
    J'ai cherché un peu partout la solution notamment dans ce forum pourtant très complet.

    J'ai essayé de modifier sans succès le fichier templates/montemplate/html/com_content/category/blog_item.php :

    Ligne 130

    <img
    <?php if ($images->image_intro_caption):
    echo 'class="caption"'.' title="' .htmlspecialchars($images->image_intro_caption) .'"';
    endif; ?>
    src="/<?php echo htmlspecialchars($images->image_intro); ?>" alt="<?php echo htmlspecialchars($images->image_intro_alt); ?>"/>

    A remplacer par :

    <a href="/<?php echo JRoute::_(ContentHelperRoute::getArticleRoute($thi s->item->slug, $this->item->catid)); ?>"><img
    <?php if ($images->image_intro_caption):
    echo 'class="caption"'.' title="' .htmlspecialchars($images->image_intro_caption) .'"';
    endif; ?>
    src="/<?php echo htmlspecialchars($images->image_intro); ?>" alt="<?php echo htmlspecialchars($images->image_intro_alt); ?>"/>
    </a>

    Si vous avez une idée
    Merci par avance

    Aldo

  • #2
    Re : Lien &quot;lire la suite&quot; sous forme d'image

    Le code que tu montres concernes l'image d'intro d'un article et non le lien lire la suite........
    laisse ton template comme à l'origine et fait ca via css.

    La classe est la classe .readmore

    la propriété a ajouter ds cette classe est la suivante :
    background: url('chemin vers mon image');

    Sans voir le template difficille de t en dire plus.

    Commentaire


    • #3
      Re : Lien &quot;lire la suite&quot; sous forme d'image

      Bonjour,

      Merci pour la réponse et la piste readmore, pour l'instant j'utilise le template classique beez5 pour mes essais.
      J'ai repris la classe .readmore dans le fichier css : beez5.css à la ligne :

      /* ++++++++++++++ readmore ++++++++++++++ */

      .readmore a:link,
      .readmore a:visited,
      a.readmore:link,
      a.readmore:visited
      {
      color:#444;
      background:#eee url(../images/arrow1.gif) no-repeat left top;
      border:solid 1px #ddd;
      }

      .readmore a:hover,
      .readmore a:active,
      .readmore a:focus,
      a.readmore a:hover,
      a.readmore a:active,
      a.readmore a:focus
      {
      background:#555 url(../images/arrow2.gif) no-repeat left 6px !important;
      color:#fff;
      }

      a.readmore:hover,
      a.readmore:active,
      a.readmore:focus
      {
      background:#555;
      color:#fff;
      }

      et j'ai l'ai modifiée par ceci :

      . readmore {
      background: url ('//images/suite.png') no-repeat;
      display: block;
      width: 112px;
      hauteur: 44px;
      }

      mais toujours pas de solution
      Je continue de chercher
      Aldo

      Commentaire


      • #4
        Re : Lien &quot;lire la suite&quot; sous forme d'image

        //images/suite.png'

        erreur dans le chemin : cela devrais être '../images/suite.png' avec le fichier suite.png situé dans le dossier images du template et non celui situé à la racine du site.

        Commentaire


        • #5
          Re : Lien &quot;lire la suite&quot; sous forme d'image

          une autre solution :
          Dans le fichier /components/com_content/views/featured/blogitem.php le lien lire la suite est défini par les lignes ci dessous (152 à 167)
          Code:
          			<p class="readmore">
          				<a href="<?php echo $link; ?>">
          					<?php if (!$params->get('access-view')) :
          						echo JText::_('COM_CONTENT_REGISTER_TO_READ_MORE');
          					elseif ($readmore = $this->item->alternative_readmore) :
          						echo $readmore;
          						if ($params->get('show_readmore_title', 0) != 0) :
          						    echo JHtml::_('string.truncate', ($this->item->title), $params->get('readmore_limit'));
          						endif;
          					elseif ($params->get('show_readmore_title', 0) == 0) :
          						echo JText::sprintf('COM_CONTENT_READ_MORE_TITLE');
          					else :
          					echo JText::_('COM_CONTENT_READ_MORE');
          				      echo JHtml::_('string.truncate', ($this->item->title), $params->get('readmore_limit'));
          			              endif; ?></a>
          		</p>
          Donc il faut copier ce fichier dans le dossier /html/com_content/featured du template.
          Et ensuite modifier les lignes comme ci dessous (le lien est un lien absolu vers l'image du lire la suite)
          Code:
          			<p class="readmore">
          				<a href="<?php echo $link; ?>">
          					<?php if (!$params->get('access-view')) :
          						echo JText::_('COM_CONTENT_REGISTER_TO_READ_MORE');
          					elseif ($readmore = $this->item->alternative_readmore) :
          						echo $readmore;
          						if ($params->get('show_readmore_title', 0) != 0) :
          						    echo JHtml::_('string.truncate', ($this->item->title), $params->get('readmore_limit'));
          						endif;
          					elseif ($params->get('show_readmore_title', 0) == 0) :
          						echo JText::sprintf('COM_CONTENT_READ_MORE_TITLE');
          					else : ?>
          					<img src="http://localhost/j25/images/suite.png" />
          			              <?php	endif; ?></a>
          		</p>

          Commentaire

          Annonce

          Réduire
          Aucune annonce pour le moment.

          Partenaire de l'association

          Réduire

          Hébergeur Web PlanetHoster
          Travaille ...
          X