[RÉGLÉ] Affichage d'une icone

[gesualda]

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

.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

[lomart]

Re : Affichage d'une icone

Il faut vérifier que la police soit chargée.
C'est icomoon de mémoire

[houba_houbi]

Re : Affichage d'une icone

C'est icomoon de mémoire

Exact
font-family: 'icomoon';

[ghazal]

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

[gesualda]

Re : Affichage d'une icone

Hello tous,

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

Bonne AM.

[lomart]

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

[gesualda]

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:

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

.icon-calendar:before {
    content: "\43";
}
.icon-eye-open:before,
.icon-eye:before {
    content: "\3c";
}

Merci à tous pour vos commentaires et solutions
Gesualda