Problème Font Awesome

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème Font Awesome

Message par Svenito le Ven 24 Avr 2015 - 22:59

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

Svenito
****

Masculin
Messages : 257
Inscrit(e) le : 08/10/2013

http://www.chating.exprimetoi.net
Svenito a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème Font Awesome

Message par demeter1 le Ven 24 Avr 2015 - 23:23

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
+ Hyperactif +

Masculin
Messages : 8105
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème Font Awesome

Message par Ange Tuteur le Ven 24 Avr 2015 - 23:31

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

Ange Tuteur
****

Masculin
Messages : 476
Inscrit(e) le : 16/11/2013

https://github.com/SethClydesdale
Ange Tuteur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème Font Awesome

Message par Svenito le Sam 25 Avr 2015 - 9:12

Re
@demeter1 a écrit: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.
@Ange Tuteur a écrit: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:

Svenito
****

Masculin
Messages : 257
Inscrit(e) le : 08/10/2013

http://www.chating.exprimetoi.net
Svenito a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème Font Awesome

Message par demeter1 le Sam 25 Avr 2015 - 11:27

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.

demeter1
+ Hyperactif +

Masculin
Messages : 8105
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème Font Awesome

Message par Svenito le Sam 25 Avr 2015 - 11:42

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
****

Masculin
Messages : 257
Inscrit(e) le : 08/10/2013

http://www.chating.exprimetoi.net
Svenito a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème Font Awesome

Message par Svenito le Sam 25 Avr 2015 - 11:51

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

Merci de votre aide.

Svenito
****

Masculin
Messages : 257
Inscrit(e) le : 08/10/2013

http://www.chating.exprimetoi.net
Svenito a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème Font Awesome

Message par demeter1 le Sam 25 Avr 2015 - 11:57

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.

demeter1
+ Hyperactif +

Masculin
Messages : 8105
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème Font Awesome

Message par Svenito le Sam 25 Avr 2015 - 12:05

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

Svenito
****

Masculin
Messages : 257
Inscrit(e) le : 08/10/2013

http://www.chating.exprimetoi.net
Svenito a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème Font Awesome

Message par demeter1 le Sam 25 Avr 2015 - 13:22

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

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

demeter1
+ Hyperactif +

Masculin
Messages : 8105
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème Font Awesome

Message par Svenito le Sam 25 Avr 2015 - 13:31

@demeter1 a écrit:Si ce sont les seuls manip que vous avez fait, il vous manque le css.

http://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?

Svenito
****

Masculin
Messages : 257
Inscrit(e) le : 08/10/2013

http://www.chating.exprimetoi.net
Svenito a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème Font Awesome

Message par demeter1 le Sam 25 Avr 2015 - 13:39

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.

demeter1
+ Hyperactif +

Masculin
Messages : 8105
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème Font Awesome

Message par Svenito le Sam 25 Avr 2015 - 13:41

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é Wink

Svenito
****

Masculin
Messages : 257
Inscrit(e) le : 08/10/2013

http://www.chating.exprimetoi.net
Svenito a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème Font Awesome

Message par demeter1 le Sam 25 Avr 2015 - 14:44

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.

demeter1
+ Hyperactif +

Masculin
Messages : 8105
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème Font Awesome

Message par Svenito le Sam 25 Avr 2015 - 15:03

Re,
Que dois-je faire dans ce cas?

Svenito
****

Masculin
Messages : 257
Inscrit(e) le : 08/10/2013

http://www.chating.exprimetoi.net
Svenito a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème Font Awesome

Message par demeter1 le Sam 25 Avr 2015 - 15:26

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

demeter1
+ Hyperactif +

Masculin
Messages : 8105
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème Font Awesome

Message par Svenito le Sam 25 Avr 2015 - 15:31

Bon,
Je vais laisser tomber...
Merci

Svenito
****

Masculin
Messages : 257
Inscrit(e) le : 08/10/2013

http://www.chating.exprimetoi.net
Svenito a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème Font Awesome

Message par demeter1 le Sam 25 Avr 2015 - 15:34

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  Shocked   Shocked

Où est la difficulté ??

demeter1
+ Hyperactif +

Masculin
Messages : 8105
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème Font Awesome

Message par Svenito le Sam 25 Avr 2015 - 15:37

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

Svenito
****

Masculin
Messages : 257
Inscrit(e) le : 08/10/2013

http://www.chating.exprimetoi.net
Svenito a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème Font Awesome

Message par Svenito le Sam 25 Avr 2015 - 18:04

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

Svenito
****

Masculin
Messages : 257
Inscrit(e) le : 08/10/2013

http://www.chating.exprimetoi.net
Svenito a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème Font Awesome

Message par demeter1 le Sam 25 Avr 2015 - 19:08

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

demeter1
+ Hyperactif +

Masculin
Messages : 8105
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème Font Awesome

Message par Svenito le Sam 25 Avr 2015 - 19:16

Re,
Autrement c'est pas compatible Invision?

Svenito
****

Masculin
Messages : 257
Inscrit(e) le : 08/10/2013

http://www.chating.exprimetoi.net
Svenito a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème Font Awesome

Message par Ange Tuteur le Sam 25 Avr 2015 - 21:06

Bonjour,

Il ya une autre erreur JavaScript. reflexion



( 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>");
});

Ange Tuteur
****

Masculin
Messages : 476
Inscrit(e) le : 16/11/2013

https://github.com/SethClydesdale
Ange Tuteur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème Font Awesome

Message par Svenito le Sam 25 Avr 2015 - 22:01

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

Svenito
****

Masculin
Messages : 257
Inscrit(e) le : 08/10/2013

http://www.chating.exprimetoi.net
Svenito a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème Font Awesome

Message par Ange Tuteur le Sam 25 Avr 2015 - 22:07

de rien ^^

bonne soirée et à bientôt. Smile

Ange Tuteur
****

Masculin
Messages : 476
Inscrit(e) le : 16/11/2013

https://github.com/SethClydesdale
Ange Tuteur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème Font Awesome

Message par Svenito le Sam 25 Avr 2015 - 22:11

Merci pareillement!

Svenito
****

Masculin
Messages : 257
Inscrit(e) le : 08/10/2013

http://www.chating.exprimetoi.net
Svenito a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème Font Awesome

Message par Self le Jeu 30 Avr 2015 - 18:34

..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 résolu
  • 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 Smile

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum