Problème Font Awesome

[Svenito]

Détails techniques

Version du forum : Invision
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Installation de Font Awesome
Lien du forum : http://www.chating.exprimetoi.net

Description du problème

Bomjour,
Je viens de suivre le tutoriel de Font Awesome, mais je n'ai aucune nouvelle police (avec les deux méthodes)
et aucun bouton raccourci.

Merci de votre aide

[demeter1]

Bonjour, 
Vous avez installé la police d'écriture dans le overall_heade juste après la balise head ??

Vous devriez nous fournir les étapes que vous avez suivi; sans un minimum de renseignements, il va nous être difficile de vous aider.

[Ange Tuteur]

Bonsoir Svenito,

Il ya une erreur JavaScript sur votre forum :



Rendez-vous dans Panneau d'administration > Modules > Gestion des codes JavaScript

Trouver le code suivant :

Code:

$(function () {
  jQuery('div.postbody div').each(function () {
    if (jQuery(this).text().indexOf('[adm]') != - 1) {
      jQuery(this).html(jQuery(this).html().replace(/\[adm\](.+?)\[\/adm\]/gi, '<div class="adm_mess"><div class="titl">Avertissement Administrateur</div><div>$1 </div></div>'))
    }
  });
  jQuery('div.postbody div').each(function () {
    if (jQuery(this).text().indexOf('[mod]') != - 1) {
      jQuery(this).html(jQuery(this).html().replace(/\[mod\](.+?)\[\/mod\]/gi, '<div class="mod_mess"><div class="titl">Bulle ''Avertissement Modérateur''</div><div>$1 </div></div>'))
    }
  })
});

et remplacer par :

Code:

$(function () {
  jQuery('div.postbody div').each(function () {
    if (jQuery(this).text().indexOf('[adm]') != - 1) {
      jQuery(this).html(jQuery(this).html().replace(/\[adm\](.+?)\[\/adm\]/gi, '<div class="adm_mess"><div class="titl">Avertissement Administrateur</div><div>$1 </div></div>'))
    }
  });
  jQuery('div.postbody div').each(function () {
    if (jQuery(this).text().indexOf('[mod]') != - 1) {
      jQuery(this).html(jQuery(this).html().replace(/\[mod\](.+?)\[\/mod\]/gi, '<div class="mod_mess"><div class="titl">Bulle Avertissement Modérateur</div><div>$1 </div></div>'))
    }
  })
});


[Svenito]

Re

Bonjour, 
Vous avez installé la police d'écriture dans le overall_heade juste après la balise head ??

Vous devriez nous fournir les étapes que vous avez suivi; sans un minimum de renseignements, il va nous être difficile de vous aider.

Demeter1,
J'ai suivi le tutoriel à la lettre, tout ce qui à été demandé je l'ai fait, mais vu que la première option des template ne fonctionne pas, j'ai essayé avec l'autre option.

Bonsoir Svenito,

Il ya une erreur JavaScript sur votre forum :



Rendez-vous dans Panneau d'administration > Modules > Gestion des codes JavaScript

Trouver le code suivant :

Code:

$(function () {
  jQuery('div.postbody div').each(function () {
    if (jQuery(this).text().indexOf('[adm]') != - 1) {
      jQuery(this).html(jQuery(this).html().replace(/\[adm\](.+?)\[\/adm\]/gi, '<div class="adm_mess"><div class="titl">Avertissement Administrateur</div><div>$1 </div></div>'))
    }
  });
  jQuery('div.postbody div').each(function () {
    if (jQuery(this).text().indexOf('[mod]') != - 1) {
      jQuery(this).html(jQuery(this).html().replace(/\[mod\](.+?)\[\/mod\]/gi, '<div class="mod_mess"><div class="titl">Bulle ''Avertissement Modérateur''</div><div>$1 </div></div>'))
    }
  })
});

et remplacer par :

Code:

$(function () {
  jQuery('div.postbody div').each(function () {
    if (jQuery(this).text().indexOf('[adm]') != - 1) {
      jQuery(this).html(jQuery(this).html().replace(/\[adm\](.+?)\[\/adm\]/gi, '<div class="adm_mess"><div class="titl">Avertissement Administrateur</div><div>$1 </div></div>'))
    }
  });
  jQuery('div.postbody div').each(function () {
    if (jQuery(this).text().indexOf('[mod]') != - 1) {
      jQuery(this).html(jQuery(this).html().replace(/\[mod\](.+?)\[\/mod\]/gi, '<div class="mod_mess"><div class="titl">Bulle Avertissement Modérateur</div><div>$1 </div></div>'))
    }
  })
});


Quand au code, je l'ai modifié, mais je n'ai toujours rien:

[demeter1]

Si vous avez suivi la procédure à la lettre, aucune idée dans ce cas. Tentez de vider les caches du navigateur; on ne sait jamais.

A titre perso, j'ai installé cette police d'écriture à parti du tutoriel du forum de support anglais et je n'ai pas eu de soucis.

[Svenito]

Re,
Après avoir vidé les cache voilà le résultat:

Pourriez-vous m'envoyer l'adresse ou vous avez suivi le tutoriel?
Merci

[Svenito]

(Mise à jour)
A présent j'ai enfin les icones:
Mais je n'ai toujours pas la police.

Merci de votre aide.

[demeter1]

http://help.forumotion.com/t140086-how-to-install-and-use-font-awesome
http://help.forumotion.com/t140216-add-font-awesome-button-to-the-editor

A titre perso, j'ai utilisé la méthode via les templates.

[Svenito]

Vu que toujours rien ne fonctionne, je vous montre mes fichiers:
Le template:
http://notepad.cc/flajieshu56
Le Script: SCEditor FontAwesome
http://notepad.cc/rucarra24
Le scipt: SCEditor Font Awesome Icons
http://notepad.cc/xefefi34

Merci pour votre aide

[demeter1]

Si ce sont les seuls manip que vous avez fait, il vous manque le css.

https://forum.forumactif.com/t377883-ajouter-un-bouton-font-awesome-sur-l-editeur

[Svenito]

Si ce sont les seuls manip que vous avez fait, il vous manque le css.

https://forum.forumactif.com/t377883-ajouter-un-bouton-font-awesome-sur-l-editeur

Non j'ai également mis le CSS
Souhaitez-vous avoir un accès au forum?

[demeter1]

Cela faciliterait les choses mais autant voir si l'on peut résoudre avec ces simples vérifiations.

1 vous avez validé le template ?
2 Les js sont cochés sur toutes les pages.
3 le css a t'il été mis en début de la feuille de style pour écarter tout soucis relatif a une portion de css défectueuse qui invaliderait les codes qui suivent.

[Svenito]

Oui, sauf pour le dernier point: Si je le met au début il a le reste qui ne fonctionne plus.

Je vous evoie les accès en Message Privé

[demeter1]

Bon, 
J'ai fait le tour :
Je détecte bien le css associé au script ainsi que les js et l'insertion dans le template overall_header.


Dans votre css, par contre , je trouve cette portion tronquée  qui n'a aucune ouverture et aucune fermeture. Techniquement, cela doit très certainement invalider tout le css qui se  trouve en dessous (dont le css de la police d'écriture)

Code:

.btn-group>.btn:first-child:not(:last-ch


A mon avis, vous deviez avoir une feuille de style asses longue à la base dont une partie a été tronquée à l'enregistrement. Vous avez du vous en apercevoir et en compressant ce qui restait, vous n'avez pas du vous rendre compte qu'il en manquait une partie.

[Svenito]

Re,
Que dois-je faire dans ce cas?

[demeter1]

Supprimer la partie tronquée ou la compléter si vous avez conservé une trace de votre css dans un fichier.

[Svenito]

Bon,
Je vais laisser tomber...
Merci

[demeter1]

Vous laissez tomber juste pour une simple manip qui consiste à rechercher dans votre css  la portion de code que je vous ai donné plus haut et à la supprimer    

Où est la difficulté ??

[Svenito]

Non mais pour le moment.
Je continuerai une fois rentré chez moi.
Parceque sur IPhone c'est compliqué

[Svenito]

Re,
J'ai modifié, raccourci le CSS mais toujours rien.

[demeter1]

Aucune autre idée dans ce cas, je n'ai détecté que cette portion du css qui posait soucis.
Ce qui m'étonne , c'est que le cs donné dans le tutoriel désactive le reste de votre feuille de style s'il est placé en tête. Techniquement, cela ne devrait pas être le cas.

Je passe la main

[Svenito]

Re,
Autrement c'est pas compatible Invision?

[Ange Tuteur]

Bonjour,

Il ya une autre erreur JavaScript.



( Modules > gestion des codes javascript )

trouver :

Code:

$(function(){
  $("#page-footer,#gfooter,#pun-foot").eq(0).append("Chating est une marque déposée du Specétoile - Site codé par SpecGame - Copie interdite - <div id="webutation-badge"><script type="text/javascript">(function(){window.domain='chating.exprimetoi.net';function async_load(){var s=document.createElement('script');s.type='text/javascript';s.async=true;var p=('https:'==document.location.protocol?'https://':'http://');s.src=p+'www.webutation.net/js/load_badge.js';var x=document.getElementById('webutation-link');x.parentNode.insertBefore(s,x)}if(window.attachEvent)window.attachEvent('onload',async_load);else window.addEventListener('load',async_load,false)})();</script><a id="webutation-link"href="http://www.webutations.info"rel="nofollow">Webutation</a></div>")
});

remplacer par :

Code:

$(function(){
  $("#page-footer,#gfooter,#pun-foot").eq(0).append("Chating est une marque déposée du Specétoile - Site codé par SpecGame - Copie interdite - <div id=\"webutation-badge\"><script type=\"text/javascript\">(function(){window.domain='chating.exprimetoi.net';function async_load(){var s=document.createElement('script');s.type='text/javascript';s.async=true;var p=('https:'==document.location.protocol?'https://':'http://');s.src=p+'www.webutation.net/js/load_badge.js';var x=document.getElementById('webutation-link');x.parentNode.insertBefore(s,x)}if(window.attachEvent)window.attachEvent('onload',async_load);else window.addEventListener('load',async_load,false)})();</script><a id=\"webutation-link\" href=\"http://www.webutations.info\" rel=\"nofollow\">Webutation</a></div>");
});

[Svenito]

SAAAAAAA MAAARRRCCCHHHE
  Merci à vous !
Merci!
Franchement sans vous je ne serais pas là!!! MERCI!

[Ange Tuteur]

de rien ^^

bonne soirée et à bientôt.

[Svenito]

Merci pareillement!

[Self]

..	Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif