Limitations Font Awesome - SP Page Builder

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

  • Solehl
    a répondu
    Re : Limitations Font Awesome - SP Page Builder

    Sur ce coup là je me suis senti un peu seul... toutefois cela m'a amené à penser que la réponse est devant mon nez ou ne concerne point ce forum, peut-être les deux

    Ce qui est le cas, voici une copie du texte d'avertissement sur le site de font-awesome :
    Brand Icons Warning!
    Apparently, Adblock Plus can remove Font Awesome brand icons with their "Remove Social Media Buttons" setting. We will not use hacks to force them to display. Please report an issue with Adblock Plus if you believe this to be an error. To work around this, you'll need to modify the social icon class names.


    Mon navigateur emploi uBlock Origin qui est alimenté par les infos d'Adblock Plus.

    La fin de la traduction dit : Pour contourner ce problème, vous aurez besoin de modifier les noms de classes d'icône ...
    Hum, hum ça sens bon

    Pour retrouver l'affichage des icônes de marque pour la font-awesome, j'ai ajouté un suffixe à la classe concernée, afin de contourner le blocage.

    Ainsi
    Code HTML:
    .fa-flickr:before{content:"\f16e"}

    devient ou est ajouté
    Code HTML:
    .fa-flickr-monSuffixe:before{content:"\f16e"}

    dans les 2 fichiers css suivants :
    administrator\components\com_sppagebuilder\assets\ css\font-awesome.min.css
    components\com_sppagebuilder\assets\css\font-awesome.min.css

    De plus pour l'affichage dans l'admin SP l'ajout du nom de la nouvelle classe est nécessaire dans :
    administrator\components\com_sppagebuilder\builder \types\icon.php

    sous la forme :
    Code PHP:
    private static function getIconsList() {
    return array(
    ...,
    'fa-flickr',
    'fa-flickr-monSuffixe',
    ... 

    Une limitation cependant, lors de la mise à jour de SP ou des fichiers de la font, l'opération est à renouveler

    Voili, voilou, il est content le monsieur
    Dernière édition par Solehl à 25/02/2016, 13h24

    Laisser un commentaire:


  • Solehl
    a répondu
    Re : Limitations Font Awesome - SP Page Builder

    Voilà une dizaine de jour que j'ai posté cette demande, je veux juste savoir si cette difficulté est liée à la version free ?

    Envoyé par Solehl Voir le message
    Y a t'il des limitations pour certain caractère de la font Awesome avec SP Page Builder Free ?

    je vous remercie pour vos pistes ?
    Belle fête à toutes et tous

    Laisser un commentaire:


  • Limitations Font Awesome - SP Page Builder

    Bonjour à tous,
    quelqu'un peut me dire s'il a la même difficulté que moi avec l'affichage de certain icône de la font Awesome avec SP Page Builder.

    Configuration
    Joomla! 3.4.8
    SP Page Builder Free v1.0.8
    Éditeur TinyMCE utilisé par SP si je ne m'abuse

    lorsque j'ajoute un block icône dans SP Page Builder certains choix sont en style="display: none ! important;"
    voici les copies d'écran
    Cliquez sur l'image pour l'afficher en taille normale

Nom : copie_1.jpg 
Affichages : 1 
Taille : 9,5 Ko 
ID : 1823905 Cliquez sur l'image pour l'afficher en taille normale

Nom : copie_2.jpg 
Affichages : 1 
Taille : 6,3 Ko 
ID : 1823906 Cliquez sur l'image pour l'afficher en taille normale

Nom : copie_3.jpg 
Affichages : 1 
Taille : 12,1 Ko 
ID : 1823907

    Firebug donne : <i class="fa fa-flickr" style="display: none ! important;"></i>

    De même lorsque j'ajoute dans un block texte en html sous la forme :

    Code:
    <div class="listIcon">
    <div class="fa fa-wordpress">&nbsp;</div>
    <div class="fa fa-facebook-official">&nbsp;</div>
    <div class="fa fa-dropbox">&nbsp;</div>
    <div class="fa fa-soundcloud">&nbsp;</div>
    <div class="fa fa-google-plus">&nbsp;</div>
    <div class="fa fa-flickr">&nbsp;</div>
    <div class="fa fa-youtube">&nbsp;</div>
    </div>
    puis ok et Sauvegarder, à la réouverture du block le texte html est nettoyé de façon sélective :

    Code:
    <div class="listIcon">
    <div class="fa fa-wordpress">&nbsp;</div>
    <div class="fa fa-facebook-official">&nbsp;</div>
    <div class="fa fa-dropbox">&nbsp;</div>
    <div class="fa fa-soundcloud" style="display: none ! important;">&nbsp;</div>
    <div class="fa fa-google-plus" style="display: none ! important;">&nbsp;</div>
    <div class="fa fa-flickr" style="display: none ! important;">&nbsp;</div>
    <div class="fa fa-youtube" style="display: none ! important;">&nbsp;</div>
    </div>
    j'ai changé l'ordre, rien n'y fait

    De même si je change mes div par les i d'origine :
    Code:
    <div class="listIcon"><em class="fa fa-wordpress">&nbsp;</em> <em class="fa fa-facebook-official">&nbsp;</em> <em class="fa fa-dropbox">&nbsp;</em> <em class="fa fa-soundcloud" style="display: none ! important;">&nbsp;</em> <em class="fa fa-google-plus" style="display: none ! important;">&nbsp;</em> <em class="fa fa-flickr" style="display: none ! important;">&nbsp;</em> <em class="fa fa-youtube" style="display: none ! important;">&nbsp;</em></div>
    L'éditeur TinyMCE :

    Éléments autorisés 1 : i,span
    Éléments autorisés 2 : +a[*],+i[*],+em[*],+li[*],+span[*],span

    Mes fonts Awesome et css liées sont à jour, SP Page Builder et Joomla sont à jour.

    Y a t'il des limitations pour certain caractère de la font Awesome avec SP Page Builder Free ?

    je vous remercie pour vos pistes ?

Annonce

Réduire
Aucune annonce pour le moment.

Partenaire de l'association

Réduire

Hébergeur Web PlanetHoster
Travaille ...
X