Nouveau : Le mode sombre sur la version mobile moderne de vos forums
Page 1 sur 1 • Partagez
Nouveau : Le mode sombre sur la version mobile moderne de vos forums
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.
|
Dernière édition par Luzz le Lun 18 Jan 2021 - 15:26, édité 1 fois
Modification dans le template overall_footer
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;
Sujets similaires
» Probleme version mobile en mode sombre off
» Les petites annonces et la bannière mobile arrivent sur la version mobile moderne des forums Forumactif
» Les widgets arrivent sur la version mobile moderne des forums
» La chatbox version mobile moderne
» Code CSS et version mobile moderne !
» Les petites annonces et la bannière mobile arrivent sur la version mobile moderne des forums Forumactif
» Les widgets arrivent sur la version mobile moderne des forums
» La chatbox version mobile moderne
» Code CSS et version mobile moderne !
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum