[RÉGLÉ] Ajouter une icône pdf ou doc au bout d'un lien pour voir de suite le type de fichier

[Steyr_dan]

Bonjour à toutes et à tous,

J'aimais bien, lorsque j'utilisais un template sous Joomla 3 nommé JSN, cet affichage automatique d'une icône à la suite du lien internet.

Par exemple, si le lien faisait appel à un fichier .pdf, automatiquement l'icône Pdf s'affichait en bout du lien internet.
Je proposait souvent le duo Pdf et le document bureautique (doc ou xls).

Comme le template JSN n'est plus compatible et n'est plus suivi pour Joomla 4 (sauf erreur de ma part), je trouve dommage de priver les internautes de cet affichage sympa, qui permet de choisir directement le bon format de fichier.

Aussi, auriez-vous une idée, une notice, pour que je puisse à nouveau obtenir ceci. J'utilise comme éditeur JCE pro.

J'ajoute que je ne sais absolument pas créer ou modifier un fichier css. C'est peut-être là que se trouve la solution ?

Un grand merci à toutes et à tous.

[Helloo]

Bonjour,

Si tu emploies le template Cassiopeia, alors tu peux mettre ce code pour l’icône PDF:

<i class="fa fa-file-pdf-o" aria-hidden="true"></i>

et pour d'autres icônes:

https://fontawesome.com/v4/icons/

[Steyr_dan]

Bonjour,

Si tu emploies le template Cassiopeia, alors tu peux mettre ce code pour l’icône PDF:

<i class="fa fa-file-pdf-o" aria-hidden="true"></i>

et pour d'autres icônes:

https://fontawesome.com/v4/icons/

Bonsoir,
Merci pour ta réponse. J'emploie le template Bold de chez Warp themes.
Est ce que ton code fonctionnerait sur ce thème précisément ?
Sais tu où sont stockés les icônes pour que le code fonctionne ?
Merci pour ton retour.

[Helloo]

Oui, il semble utiliser Fontawesome 5, ici tu trouve toutes les icônes (free), tu ajoute simplement le code comme déjà mentionné:

https://fontawesome.com/v5/search

Par exemple:

<i class="fas fa-file-pdf"></i>

[Eddy.vh]

Hello.

je pense que UP de lomart et cette action seraient ce qu'il te faut.

https://up.lomart.fr/demo/action-file-download

Bonne soirée.

[Steyr_dan]

Oui, il semble utiliser Fontawesome 5, ici tu trouve toutes les icônes (free), tu ajoute simplement le code comme déjà mentionné:

https://fontawesome.com/v5/search

Par exemple:

<i class="fas fa-file-pdf"></i>

Merci, je viens d'intégrer ton code. Toutefois, quel code serait idéal pour que l'icône soit en bout de lien à droite, avec un espace avant l'icône ?
Merci encore, Helloo

[Helloo]

Ton Éditeur en mode code, ce serait quelque chose comme ça:

<p>Ici ton lien pdf <i class="fas fa-file-pdf"></i></p>

[Steyr_dan]

Ton Éditeur en mode code, ce serait quelque chose comme ça:

<p>Ici ton lien pdf <i class="fas fa-file-pdf"></i></p>

Merci beaucoup Helloo. C'est une bonne solution.

[Steyr_dan]

Hello.

je pense que UP de lomart et cette action seraient ce qu'il te faut.

https://up.lomart.fr/demo/action-file-download

Bonne soirée.

Merci pour cette suggestion, j'ai installé les deux plugins. C'est fonctionnel, même si le bouton UP n'apparaît pas à côté des autres boutons de l'éditeur JCE.
Il faut dérouler le bouton joomla pour y trouver le UP.