Lien "lire la suite" sous forme d'image

[Aldo455]

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

[lefabdu51]

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.

[Aldo455]

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

[lefabdu51]

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.

[lefabdu51]

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)

			<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)

			<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>