THELIA Forum

Welcome to the THELIA support and discusssion forum

Announcement

Rejoignez la communauté sur le Discord Thelia : https://discord.gg/YgwpYEE3y3

Offline

#1 font awesome (icones)

(31-10-2014 16:19:57)

Bonjour,

Je cherche à insérer un logo Behance grâce à la police font awesome déjà utilisée sur Thélia 2.
J'ai trouvé le code correspondant (\f1b4) et l'ai inséré comme ceci dans ed02027.css:

.icon-behance:before{content:"\f1b4"}
.block.block-social .block-content ul>li>a:hover.behance{color:#1B92F8}

Et comme ceci dans layout.tpl:

<li>
    <a href="http://www.behance.com" rel="nofollow" class="behance" data-toggle="tooltip" data-placement="top" title="{intl l="Behance"}" target="_blank">
        <span class="icon-stack">
        <span class="icon-circle icon-stack-base"></span>
        <span class="icon-behance icon-light"></span>
        </span>
        <span class="visible-print">{intl l="Behance"}</span>
     </a>
</li>

Mais ça ne m'affiche pas le logo correspondant, mais un petit carré avec le code f1b4 dedans...
Dois-je rajouter le logo Behance quelque-part?

Last edited by Frugi (31-10-2014 16:20:58)

Offline

#2 Re: font awesome (icones)

(05-11-2014 10:48:24)

rajoutes :

.icon-behance:before{content:"\f1b4"; font-family:"fontawesome";}

Offline

#3 Re: font awesome (icones)

(05-11-2014 14:11:08)

Merci pour ta réponse smile
Malheureusement ça ne marche toujours pas...

Offline

#4 Re: font awesome (icones)

(05-11-2014 14:15:02)

ecris plutot

font-family: 'FontAwesome';

Offline

#5 Re: font awesome (icones)

(05-11-2014 14:25:35)

Non plus hmm

Offline

#6 Re: font awesome (icones)

(24-11-2014 11:46:53)

Bonjour,
Avec un peu de retard (je viens de voir ce topic).
C'est peut-être un problème de version de Font Awesome. La version du thème est 3.2.1 (http://fortawesome.github.io/Font-Awesome/3.2.1/icons/) et cette version n'embarque pas l'icône behance.

Il faut mettre à jour ta version de Font Awesome.

Offline

#7 Re: font awesome (icones)

(25-11-2014 15:31:32)

Merci pour ta réponse!

Saurais-tu comment mettre à jour ma version du coup?

Offline

#8 Re: font awesome (icones)

(26-11-2014 00:14:34)

Le plus simple est d'utiliser FontAwesome depuis leur fournisseur CDN : copier le lien suivant dans la section <head> de ton template

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

Offline

#9 Re: font awesome (icones)

(26-11-2014 08:48:19)

Non attention avec la maj, dans la nouvelle version de FontAwesome les classes changent. (de icon-xxxx => fa-xxxxxx). Si tu utilises la nouvelle version il faut renommer les classes dans le html

Offline

#10 Re: font awesome (icones)

(26-11-2014 09:14:26)

En effet le nom des classes CSS doit etre mis à jour:

<i class="icon-xxxxxxx"></i>

devient

<i class="fa fa-xxxxxxx"></i>

Offline

#11 Re: font awesome (icones)

(07-04-2015 13:07:12)

Désolée de ma réponse tardive, j'avais mis entre parenthèse ce petit problème le temps d'en régler des plus imposants ^^

Du coup il m'a suffit de rajouter
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
dans la partie head de mon layout.tpl et le logo Behance s'est affiché correctement (sans même avoir besoin de changer les classes css...) !

Merci à vous 2 smile