Afficher l'icone modifier au lieu du texte

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

  • [RÉGLÉ] Afficher l'icone modifier au lieu du texte

    Bonjour à vous,

    J'ai réalisé mon propre template (rien de difficile : 3 div qui se suivent : 1 pour la bannière, 1 pour le menu et une pour la liste des articles ou l'affichage d'un article selon la page).

    Mon problème est au niveau de l'affichage d'un article : je voulais surcharger le css pour faire ce que je veux, mais j'ai un petit problème au niveau de l'icone "modifier" qui s 'affiche pour les admins/rédacteurs : elle ne s'affiche pas, c'est du texte à la place.

    Sur le net, j'ai pu trouver que cela peut provenir d'un conflit entre les règles d'affichage entre les paramètres du menu et des articles : mais j'ai tout vérifié et c'est ok.

    J'ai aussi trouvé une autre piste qui dit "le template ne le permet pas" : mais là je ne voit pas de quoi ça parle : il faut prévoir quelque chose dans mon template pour cela? Si oui, auriez vous une piste?

    Je vous remercie d'avance.

    @++
    Dernière édition par ndsaerith à 21/09/2014, 20h07
    Merci de mettre à jour le titre de votre sujet quand il est réglé

    -- CV : http://annebc.0fees.net/ - Fiche Extensions Joomla Fr :
    http://extensions.joomla.fr/rechercher-par-contributeur/anne-brunas-dp1
    --

  • #2
    Re : Afficher l'icone modifier au lieu du texte

    Bonsoir ndsaerith,

    j'ai un petit problème au niveau de l'icone "modifier" qui s 'affiche pour les admins/rédacteurs : elle ne s'affiche pas, c'est du texte à la place.
    J'imagine que le texte qui reste affiché à la place est "Modifier", dans ce cas, le problème me semble effectivement venir du template.

    L'affichage de l'icône Modifier est gérée par les lignes 118-205 (fonction edit) du fichier components/com_content/helpers/icon.php. Le dernier paramètre de cette fonction permet d'indiquer si l'icône Modifier doit utiliser l'ancienne image (media/system/images/edit.png) ou l'icône de la police IcoMoon suivie du texte "Modifier.
    Par défaut, c'est la deuxième possibilité càd l'icône IcoMoon suivie du texte "Modifier". Il semble ici que le template ne charge pas la police IcoMoon et donc il ne reste que le texte "Modifier".

    Il y a deux possibilités pour corriger le template (utiliser soit l'une soit l'autre) :

    1) Faire une surcharge dans le template pour utiliser l'ancienne image

    Les vues article, blog d'une catégorie et articles en vedette utilisent un layout pour afficher l'icône Modifier. Il s'agit de faire une surcharge de ce layout en y ajoutant le paramètre ad hoc pour utiliser l'ancienne image. C'est la méthode utilisée par un template comme Beez3 en surchargeant les vues des articles.

    Pour la surcharge de ce layout, il faut créer les répertoires templates/mon_template/html/layouts/joomla/content/ et y copier le fichier icons.php depuis layouts/joomla/content/
    Puis modifier la ligne 31 (ajout en rouge) :
    Code:
    de :
    <li class="edit-icon"> <?php echo JHtml::_('icon.edit', $displayData['item'], $displayData['params']); ?> </li>
    en :
    <li class="edit-icon"> <?php echo JHtml::_('icon.edit', $displayData['item'], $displayData['params'], array(), true); ?> </li>
    Avantage :
    - l'image remplace le texte "Modifier"
    Inconvénients :
    - l'image est une image "ancienne" (mais modifiable)
    - pour les vues n'utilisant pas le layout (ex: liste d'une catégorie) il faudra faire une autre surcharge

    2) Charger la police IcoMoon dans le template

    C'est ce que fait par exemple le template Protostar directement dans son CSS. On peut intégrer la police IcoMoon au template en ajoutant un appel à media/jui/css/icomoon.css dans templates/mon_template/index.php
    Selon ce qui est déjà utilisé pour l'intégration du CSS du template cela peut se faire :

    soit en PHP avant le <head> :
    Code PHP:
    $doc->addStyleSheet(JUri::base() . 'media/jui/css/icomoon.css'$type 'text/css'$media 'screen,projection'); 
    soit en HTML entre le <head> et le </head> :
    Code HTML:
    <link href="<?php echo $this->baseurl; ?>/media/jui/css/icomoon.css" rel="stylesheet" type="text/css" />
    Avantage :
    - simple, une seule ligne de code à ajouter (pour charger le CSS)
    - les icônes IcoMoon font partie de Joomla! et sont utilisées à d'autres endroits, elles peuvent être utilisées aussi dans les articles
    Inconvénient :
    - le texte "Modifier" reste affiché à côté de l'icône (pour le changer il faudrait modifier un fichier "core" ce qui n'est jamais recommandé)

    Amicalement,
    Rajoz

    Commentaire


    • #3
      Re : Afficher l'icone modifier au lieu du texte

      Wow merci beaucoup pour cette réponse détaillée !

      Alors j'ai choisi la solution simple La 2ème.

      Et ça fonctionne super !

      Merci beaucoup !!!!
      Merci de mettre à jour le titre de votre sujet quand il est réglé

      -- CV : http://annebc.0fees.net/ - Fiche Extensions Joomla Fr :
      http://extensions.joomla.fr/rechercher-par-contributeur/anne-brunas-dp1
      --

      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