2 résultats trouvés pour notif_unread

Notification toolbar et petit bug version mobile de la PA

Bonjour !

Je vais me concentrer sur le problème de notification dans un premier temps, on essayera de voir plus tard le problème d'affichage (je vous avoue, ce sera sans doute plus compliqué à trouver). Donc si vous voulez quand même conserver le (1) par exemple, on va changer le script par celui-ci :

Code:

$(function(){ $(function(){
  const image = document.createElement('img');
  image.src = 'https://2img.net/i/fa/modernbb/logo-simple.png';
  image.alt = 'Notifications';

  var fa_notif = document.getElementById('fa_notifications');
  var fa_notif_text = fa_notif.childNodes[0];
  fa_notif_text.nodeValue = '';
  fa_notif.prepend(image);
}); });


De cette façon, on ne change que le texte et on garde les éléments enfants intacts, donc le #notif_unread est conservé.
Est-ce que ça va mieux comme ça ?

Notification toolbar et petit bug version mobile de la PA

Bonjour !

Pour ModernBB, ça va être assez compliqué de "défaire" le CSS actuel.
Comme indiqué par Pinguino sur le sujet https://forum.forumactif.com/t407756-nouveau-la-version-modernbb-des-forums-forumactif-est-maintenant-responsive :

Pinguino a écrit:Enfin, les personnalisations CSS apportées par les utilisateurs peuvent entraîner des conflits ou des problèmes d'affichage du forum sur mobile. Si vous êtes dans ce cas, une astuce simple et (normalement) efficace consiste à retirer la ligne ci-dessous dans le template overall_header (si le template n'est pas modifié). Le forum devrait alors retrouver son apparence classique.

Code:

<meta name="viewport" content="width=device-width, initial-scale=1">

Ce sera peut-être la bonne solution pour vous ?
Au moins pour avoir un visuel unique à gérer, c'est trop compliqué sinon !


A propos des notifications maintenant, je commence par une petite remarque : d'après les "Conditions générales d'utilisation", vous n'avez normalement pas le droit de retirer/masquer les logos forumactif de la toolbar. Je vous donne le lien vers les conditions et le petit passage qui le mentionne : https://www.forumactif.com/conditions-generales

CGU a écrit:A l'exception de ce qui est rendu possible par la gestion des crédits, il est formellement interdit de supprimer, de masquer, ou de rendre illisible par quelque moyen que ce soit les mentions obligatoires et copyrights figurant sur les Forums (notamment dans la barre d'outil et le pied de page du forum), ainsi que les contenus sponsorisés ou les publicités. Ces éléments peuvent être retirés par le biais de la gestion des crédits uniquement.

Il faudra enlever le display: none sur le #fa_left pour que le logo soit à nouveau visible (mais vous pourrez le replacer un peu si vous voulez, le tout étant qu'il reste visible).


Pour votre question maintenant, vous pouvez modifier le texte "Notification" par une image, oui !
Et vous pouvez aussi ajouter du CSS pour pouvoir cliquer sur le nombre de notification (du CSS pour cette fois, oui).
En fait, d'après ce que je vois, tel que le script est écrit, il s'active uniquement quand on clique sur l'élément qui contient le texte "Notification". Si on clique sur le nombre de notification, on ne clique plus sur le texte lui-même, mais sur #notif_unread qui se trouve "devant". La solution, c'est donc d'ajouter un CSS pour décrire à l’élément #notif_unread sa façon de se comporter quand on le cible et qu'on clique dessus. Pour lui dire qu'il ne peut plus être la cible d'évènements lors d'un clic, on l'écrit comme ça :

Code:

#fa_notifications #notif_unread {
  pointer-events: none;
}

A partir de là, le nombre de notification n'est plus cliquable, c'est donc le lien "en dessous" qui reprend la main.
... bon, je ne suis pas sûr d'être clair, mais voilà.

Pour l'image maintenant, vous pouvez aussi remplacer le texte par une image avec du JavaScript cette fois.
Celui-ci sera à placer "Sur toutes les pages" :

Code:

$(function(){ $(function(){
    $('#fa_notifications').html('<img src="https://2img.net/i/fa/modernbb/logo-simple.png" alt="Notifications" />');
}); });

Par contre, même problème que le nombre de notification : si on clique sur l'image, on ne clique plus sur le texte "Notification", on clique sur l'image qui est "devant". Alors il faut également ajouter ce CSS pour résoudre le problème :

Code:

#fa_notifications img {
  pointer-events: none;
}

Et normalement, tout est bon !