AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Rajouter une Google Font sur les chatbox en iframe

    Partagez
    Nihil Scar Winspeare
    Messages : 3942

    le Dim 2 Aoû 2015 - 16:14

    Rajouter une Google Font sur les chatbox en iframe - phpbb2



    On ne peut pour l'instant pas ajouter du javascript sur la page de la chatbox (http://www.never-utopia.com/chatbox/), vous n'aurez donc pas la modificaton sur cette page là.


    Ce code ne fonctionne que sur une page où la chatbox est en iframe Wink

    La première étape est de vous munir du code fourni par Google Fonts, par exemple pour la police Quicksand :
    Code:
    <link href='http://fonts.googleapis.com/css?family=Quicksand' rel='stylesheet' type='text/css' />

    Ensuite, on ajoute un nouveau javascript
    Panneau d'administration >> Modules >> Html & JavaScript >> Gestion des codes JavaScript >> Créer un nouveau javascript

    On coche "sur l'index" si la CB est seulement sur l'index, sinon "sur toutes les pages" si elle est présente sur toutes les pages (merci Captain Obvious).

    Le code Javascript :
    Code:
    $(function(){
        /* on attends que l'ifram de la CB soit chargée */
        $("iframe[src*='/chatbox']").load(function(){
            $(this).contents().find("head").append("<link href='http://fonts.googleapis.com/css?family=Quicksand' rel='stylesheet' type='text/css'>");
        });
    });

    Vous pouvez ensuite utiliser la police en question normalement, comme aux autres endroits de votre forum. Wink

    Si vous rencontrez des problèmes, n'hésitez pas à poster dans le forum Problème avec mon code ou Personnalisations.




    Merci Maféliquement <3
    Viens faire un tour sur la chatbox
    Présence fortement réduite :toto:
    Whitemoon
    FémininAge : 16Messages : 695

    le Dim 2 Aoû 2015 - 19:23

    Merci Nihil de partager l'astuce o/
    PS: J'ai liké.



    Nihil Scar Winspeare
    Messages : 3942

    le Jeu 6 Aoû 2015 - 20:43

    Je l'avais depuis un moment dans mes tiroirs après une conversation avec NyoTheNeko, et ton topic m'a fait pensé à la partager... Donc merci à toi également ♥ (et cœur sur toi pour le like)




    Merci Maféliquement <3
    Viens faire un tour sur la chatbox
    Présence fortement réduite :toto:
    Kaht
    MasculinAge : 26Messages : 13

    le Jeu 19 Nov 2015 - 13:47

    Fun aussi, ça !
    Contenu sponsorisé

    Aujourd'hui à 15:03


      La date/heure actuelle est Jeu 8 Déc 2016 - 15:03