Switcheroo en feuille CSS externe

2 participants

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

Résolu Switcheroo en feuille CSS externe

Message par ssamiiex Mar 19 Nov - 15:31

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://occultus.forumactif.com/

Description du problème

Bonjour ! I love you

J'ai un soucis au niveau du code plug-in Switcheroo de Monomer. Il ne fonctionne pas et le CSS pour modifier l'apparence est trop long pour ma feuille CSS, j'excède le 65k de caractères. J'ai donc hébergé une feuille CSS externe via Dropbox.

Bref, voici le codage que j'ai mis à la fin du template overall_footer_end avant la balise </body> pour activer le javascript de Monomer :
Code:
  <!-- Barre principale du plugin, dans laquelle la magie s'opère. Certaines valeurs peuvent être modifiées. -->
<nav id="switcheroo" class="switcheroo" direction="vertical" position="top"></nav>

<!-- Monomer.js et Switcheroo.js -->
<script src="https://cdn.jsdelivr.net/gh/caezd/switcheroo@master/monomer.js"></script>
<script src="https://cdn.jsdelivr.net/gh/caezd/switcheroo@master/switcheroo.js"></script>

<!-- Script qui permet d'initialiser le plugin -->
<script>
(function() {
    new Switcheroo('#switcheroo', {
 
        logo: ' logo ', /* accepte html, permet d'afficher un logo qui retourne à l'accueil du forum */
        enableReorder: true, /* activer le drag & drop pour l'ordre des comptes (true/false) */
        updateAvatar: true, /* activer le clique droit pour charger un nouvel avatar (true/false) */
        confirm: true, /* demande une confirmation avant le changement de compte */
        deleteIcon: '×', /* accepte html, icone pour supprimer un compte lié */
        addIcon: '+', /* accepte html, icone qui ouvre le formulaire de connexion et d'association */
    },
    {
        button: {
            add: "Associer un personnage",
        },
        msg: {
            error: "Une erreur est surviendu lors du Switcheroo.",
            confirm: "Confirmer le Switcheroo de personnage ?",
        },
        modal: {
            password_label: "Mot de passe",
            username_label: "Nom d'utilisateur",
            login_button: "Connexion",
        }
    });
})();
</script>

J'ai joins le codage suivant dans le template overall_header après la balise <head> :
Code:
<link rel="stylesheet" href="https://dl.dropbox.com/scl/fi/ymhkivzhiyh5fb1fp12q0/Switcheroo.css">

J'aimerais savoir ce qui ne fonctionne pas en fait, n'étant pas non plus habile avec les feuilles CSS externes. Sad

Merci pour votre temps et votre aide précieuse !
ssamiiex

ssamiiex
**

Féminin
Messages : 70
Inscrit(e) le : 30/01/2013

http://blackwaters.forumactif.com/
ssamiiex a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Switcheroo en feuille CSS externe

Message par Toryudo Mar 19 Nov - 19:01

Bonjour !

Pour l'url vers le CSS, j'obtiens une erreur 403 de mon côté, je pense que le lien est incorrect.
Avec dropbox, le lien correct serait plutôt celui-là : https://dl.dropboxusercontent.com/scl/fi/ymhkivzhiyh5fb1fp12q0/Switcheroo.css?rlkey=gy3hej6ha3j2roiifag9b6tig

Vous pouvez retenter avec lui ?
Toryudo

Toryudo
Aidactif
Aidactif

Masculin
Messages : 1606
Inscrit(e) le : 31/03/2020

https://deus-academia.forumactif.com/
Toryudo a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Switcheroo en feuille CSS externe

Message par ssamiiex Mar 19 Nov - 20:02

Bonjour @"Toryudo" Switcheroo en feuille CSS externe 263a

Un énorme merci à vous, cela fonctionne. J'en comprends donc que désormais, il faut simplement changer le www avec le dl et mettre "dropboxusercontent" au lieu du "dropbox" dans l'url et ne pas toucher au reste lorsque l'on héberge des liens via dropbox.
ssamiiex

ssamiiex
**

Féminin
Messages : 70
Inscrit(e) le : 30/01/2013

http://blackwaters.forumactif.com/
ssamiiex a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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