Affichage d'une icone

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

  • [RÉGLÉ] Affichage d'une icone

    Bonjour à tous,

    J'essaye de comprendre l'affichage d'une icone, ou bien d'une image dans les détails d'un article ( Ailleurs aussi d'ailleurs ).

    Alors dans la partie détails il se trouve une ligne "publication et affichage" devant lesquelles ont peut rajouter une icone. J'ai procédé comme suit, les valeurs étant récupérées dans le template Protostar.:
    Code:
    .icon-calendar:before {
        content: "\43";
    }
    .icon-eye-open:before,
    .icon-eye:before {
        content: "\3c";
    }
    Problématique elles ont bien l'air être prise en compte, mais les valeurs qui apparaissent sont dans mon cas "<" et "C" et non les icones.

    Quelqu'un pourrait-il m'expliquer les marches à suivre pour ces cas figures.
    Merci d'avance
    WampServer 3.2.5 / 64b - - Apache 2.4.46 / 2.4.48 - PHP 7.4.13 -/ 8.0.7 - MariaDB 10.5.8 / 10.5.10
    Joomla => 3.xxx / 4xxx
    --------
    Un pessimiste, c'est un homme qui a travaillé pendant trois mois avec un optimiste !

  • #2
    Re : Affichage d'une icone

    Il faut vérifier que la police soit chargée.
    C'est icomoon de mémoire
    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


    • #3
      Re : Affichage d'une icone

      Envoyé par lomart Voir le message
      C'est icomoon de mémoire
      Exact
      font-family: 'icomoon';
      Création de sites internet : http://www.crealys-web.fr

      Commentaire


      • #4
        Re : Affichage d'une icone

        Salut,
        les valeurs étant récupérées dans le template Protostar
        Question idiote, avec l'appel à la font ?

        cad, ligne 5559 dans template.css :
        @font-face {
        font-family: 'IcoMoon';
        src: url('../../../media/jui/fonts/IcoMoon.eot');
        src: url('../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg'), url('../../../media/jui/fonts/IcoMoon.woff') format('woff'), url('../../../media/jui/fonts/IcoMoon.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
        }
        Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla base de connaissance : https://kb.joomla.fr

        Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer

        Commentaire


        • #5
          Re : Affichage d'une icone

          Hello tous,

          Merci pour ces réponses rapides. Mon problème est réglé.

          Bonne AM.
          WampServer 3.2.5 / 64b - - Apache 2.4.46 / 2.4.48 - PHP 7.4.13 -/ 8.0.7 - MariaDB 10.5.8 / 10.5.10
          Joomla => 3.xxx / 4xxx
          --------
          Un pessimiste, c'est un homme qui a travaillé pendant trois mois avec un optimiste !

          Commentaire


          • #6
            Re : Affichage d'une icone

            Mon problème est réglé.
            Comment ? Ce serait sympa de l'indiquer pour les personnes ayant le même problème et tombant sur ce post
            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


            • #7
              Re : Affichage d'une icone

              Gazal a donné la valeur exact qui se trouve dans le template.css . Il suffit de rajouter ces lignes dans son propre fichier CSS du template utilisé et selon les balises utilisées:

              Code:
              <dd class="published">
                 <span class="icon-calendar"></span> Publication : 20 mars 2013</dd>                                                           
              <dd class="hits"><span class="icon-eye-open"></span> Affichages : 5</dd>
              Dans mon cas les class sont "icon-calendar et icon-eye-open".

              Il faut donc rajouter dans la CSS comme cela ( enfin ca dépend ou on veut avoir l'icone) :
              Code:
              .icon-calendar:before {
                  content: "\43";
              }
              .icon-eye-open:before,
              .icon-eye:before {
                  content: "\3c";
              }
              Merci à tous pour vos commentaires et solutions
              Gesualda
              Dernière édition par gesualda à 23/03/2013, 18h26
              WampServer 3.2.5 / 64b - - Apache 2.4.46 / 2.4.48 - PHP 7.4.13 -/ 8.0.7 - MariaDB 10.5.8 / 10.5.10
              Joomla => 3.xxx / 4xxx
              --------
              Un pessimiste, c'est un homme qui a travaillé pendant trois mois avec un optimiste !

              Commentaire

              Annonce

              Réduire
              Aucune annonce pour le moment.

              Partenaire de l'association

              Réduire

              Hébergeur Web PlanetHoster
              Travaille ...
              X