Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Nouveau : Le mode sombre sur la version mobile moderne de vos forums

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

  • 0

Nouveau : Le mode sombre sur la version mobile moderne de vos forums Empty Nouveau : Le mode sombre sur la version mobile moderne de vos forums

Message par Luzz Lun 18 Jan 2021 - 15:18

Le mode sombre sur la version mobile moderne de vos forums



Chers utilisateurs,

Depuis quelques jours, une petite nouveauté est disponible sur vos forums en version mobile. Il est à présent possible de changer le thème du forum sur votre appareil mobile en passant au « mode sombre ». Le « mode sombre », ou, en anglais, « dark mode » (connu aussi sous le nom de mode nuit) permet d’avoir un affichage du contenu dans des couleurs et tons sombres.

A quoi sert le mode sombre ?






Ce mode d’affichage est particulièrement utile quand vous naviguez sur vos forums avant de vous coucher ou dans toute autre situation où vous cherchez à réduire la fatigue des yeux.

L’autre avantage d’utilisation du mode sombre consiste à diminuer la consommation d’énergie. Passez donc au mode sombre lorsque vous êtes à court de batterie ou souhaitez prolonger l’autonomie de votre smartphone.

Enfin, le dark mode peut tout simplement vous convenir en tant que mode d’affichage principal si vous préférez les thèmes sombres.

Comment activer le mode sombre sur la version mobile de votre forum Forumactif ?




Le passage du mode « normal » au mode « sombre » et vice versa se fait en version mobile du forum en cliquant sur le bouton « Mode sombre » dans le menu principal.







Les administrateurs ayant personnalisé le template overall_footer en version mobile doivent prendre en considération les modifications ci-dessous.





Dernière édition par Luzz le Lun 18 Jan 2021 - 15:26, édité 1 fois
Luzz

Luzz
Adminactive
Adminactive

Autre / Ne pas divulguer
Messages : 1534
Inscrit(e) le : 25/10/2007

Voir le profil de l'utilisateur https://forum.forumactif.com
Luzz a été remercié(e) par l'auteur de ce sujet.
  • 0

Nouveau : Le mode sombre sur la version mobile moderne de vos forums Empty Modification dans le template overall_footer

Message par Luzz Lun 18 Jan 2021 - 15:24


Si vous avez personnalisé, sur votre version mobile, le template overall_footer avant cette mise à jour (PA > Affichage > Templates > Version mobile), merci d'effectuer les remplacements suivants :

overall_footer:

AJOUTER CE CODE :
Code:

case '-288px 0px':
                    $(this).html('<i class="material-icons">brightness_6</i>');
                    break;

APRES CE CODE :

Code:

function alterMenuIcons() {
        $('#mNavbar').find('.navBtnIcon').each(function() {
            switch ($(this).css('backgroundPosition')) {
                case '-32px 0px':
                    $(this).html('<i class="material-icons"></i>');
                    break;
                case '-64px 0px':
                    $(this).html('<i class="material-icons"></i>');
                    break;
                case '0px 0px':
                    $(this).html('<i class="material-icons"></i>');
                    break;
                case '-96px 0px':
                    $(this).html('<i class="material-icons"></i>');
                    break;
                case '-128px 0px':
                    $(this).html('<i class="material-icons"></i>');
                    break;
                case '-160px 0px':
                    $(this).html('<i class="material-icons"></i>');
                    $(this).addClass('BtnNotif');
                    break;
                case '-192px 0px':
                    $(this).html('<i class="material-icons"></i>');
                    break;
                case '-224px 0px':
                    $(this).html('<i class="material-icons"></i>');
                    break;
                case '-256px 0px':
                    $(this).html('<i class="material-icons">chat</i>');
                    break;

Luzz

Luzz
Adminactive
Adminactive

Autre / Ne pas divulguer
Messages : 1534
Inscrit(e) le : 25/10/2007

Voir le profil de l'utilisateur https://forum.forumactif.com
Luzz 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