Dissocier les notifications de la toolbar

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

Résolu Dissocier les notifications de la toolbar

Message par Jean-eudes le Jeu 17 Mar 2016 - 20:42

Bonsoir,

J'aimerais pouvoir afficher les notifications ailleurs que dans la toolbar. Il s'agirait de garder exactement le même principe : le bouton "Notifications" avec marqué entre parenthèses le nombre de nouvelles notifications à côté, qui ouvre un menu déroulant lorsqu'on clique dessus.
Je n'ai pas trouvé de template affectant la toolbar, je ne peux donc pas copier le code qui régit les notifications pour le placer ailleurs dans le HTML.
Y aurait-il une solution à ce problème ?

Merci par avance et bonne soirée


Dernière édition par Jean-eudes le Dim 17 Avr 2016 - 20:09, édité 1 fois

Jean-eudes
Nouveau membre

Messages : 10
Inscrit(e) le : 17/03/2016

http://stln.forumactif.org/
Jean-eudes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier les notifications de la toolbar

Message par Jean-eudes le Sam 19 Mar 2016 - 18:14

up

Jean-eudes
Nouveau membre

Messages : 10
Inscrit(e) le : 17/03/2016

http://stln.forumactif.org/
Jean-eudes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier les notifications de la toolbar

Message par Jean-eudes le Lun 21 Mar 2016 - 21:54

Sérieux ya personne ?

Jean-eudes
Nouveau membre

Messages : 10
Inscrit(e) le : 17/03/2016

http://stln.forumactif.org/
Jean-eudes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier les notifications de la toolbar

Message par Jean-eudes le Jeu 24 Mar 2016 - 21:00

:'(

Jean-eudes
Nouveau membre

Messages : 10
Inscrit(e) le : 17/03/2016

http://stln.forumactif.org/
Jean-eudes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier les notifications de la toolbar

Message par horusbk le Sam 26 Mar 2016 - 19:57

Bonjour,
Je up le sujet car je suis aussi intéressé I love you

Merci.

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier les notifications de la toolbar

Message par Professeur J le Mar 29 Mar 2016 - 17:08

Up, car je suis aussi intéressé Smile
Merci !

Professeur J
Nouveau membre

Messages : 24
Inscrit(e) le : 12/08/2015

http://forum.mathsendirect.fr
Professeur J a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier les notifications de la toolbar

Message par Professeur J le Mar 29 Mar 2016 - 18:01


Professeur J
Nouveau membre

Messages : 24
Inscrit(e) le : 12/08/2015

http://forum.mathsendirect.fr
Professeur J a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier les notifications de la toolbar

Message par Lili20 le Mar 29 Mar 2016 - 18:07

Je viens également ici, je suis à la recherche d'une solution actuellement ♥

Lili20
*

Féminin
Messages : 48
Inscrit(e) le : 22/08/2014

http://thesixthsense.forumactif.org/
Lili20 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier les notifications de la toolbar

Message par Jean-eudes le Mar 29 Mar 2016 - 22:10

Ah ben ça fait déjà plaisir de voir que d'autres gens sont concernés

Jean-eudes
Nouveau membre

Messages : 10
Inscrit(e) le : 17/03/2016

http://stln.forumactif.org/
Jean-eudes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier les notifications de la toolbar

Message par Professeur J le Mer 30 Mar 2016 - 18:52

Il écrit, je ne sais plus où mais de la part de ForumActif, que "les notifications sont indissociables de la Toolbar"... Donc je pense que c'est fichu :/

Professeur J
Nouveau membre

Messages : 24
Inscrit(e) le : 12/08/2015

http://forum.mathsendirect.fr
Professeur J a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier les notifications de la toolbar

Message par Jean-eudes le Mer 30 Mar 2016 - 23:19

Ah ça craint ça...

Jean-eudes
Nouveau membre

Messages : 10
Inscrit(e) le : 17/03/2016

http://stln.forumactif.org/
Jean-eudes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier les notifications de la toolbar

Message par Professeur J le Mer 30 Mar 2016 - 23:30


Professeur J
Nouveau membre

Messages : 24
Inscrit(e) le : 12/08/2015

http://forum.mathsendirect.fr
Professeur J a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier les notifications de la toolbar

Message par Jean-eudes le Jeu 31 Mar 2016 - 20:08

Ah en effet, bien vu. Tant pis du coup

Jean-eudes
Nouveau membre

Messages : 10
Inscrit(e) le : 17/03/2016

http://stln.forumactif.org/
Jean-eudes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier les notifications de la toolbar

Message par Invité le Mar 5 Avr 2016 - 14:14

Bonjour,

Je me permet de poster...Mes questions seront sûrement stupides pour vous je m'en excuse mais j'ai pas tout saisi...
J'ai regardé votre premier message et le lien donné celui-ci http://forum.forumactif.com/t345205-fonctionnement-de-la-toolbar-et-des-notifications et ce n'est pas tout à fait la même demande vu que vous ne voulez pas désactiver la toolbar mais juste déplacer(voire le garder mais le placer ailleurs) le lien "Notifications"(+ menu déroulant) en fait si j'ai bien compris? Si c'est cela que vous voulez donc sans désactiver l'affichage de la toolbar c'est possible.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier les notifications de la toolbar

Message par Jean-eudes le Mar 5 Avr 2016 - 14:58

J'ai oublié de préciser que je veux en effet désactiver la toolbar. Ou plus précisément, je ne veux pas qu'on la voie, mais il me semble que ça revient au même parce qu'on ne peut pas masquer le logo forumactif à gauche de la toolbar sans payer. Si il y a une solution pour masquer la toolbar tout en la laissant activée, pour permettre de déplacer les notifications + menu déroulant, je suis preneur !

Jean-eudes
Nouveau membre

Messages : 10
Inscrit(e) le : 17/03/2016

http://stln.forumactif.org/
Jean-eudes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier les notifications de la toolbar

Message par Invité le Mar 5 Avr 2016 - 15:34

Pas de soucis je vais vous donner la solution(Gizmo m'en veux pas)

Il faudrait par contre utiliser du javascript et du css...
A mettre dans la gestion des codes javascript sur toutes les pages:
Code:
$(function(){ $(function(){

          $('a#fa_notifications').insertBefore('#page-body'); // Choisir où placer le lien Notifications
          $('body').removeAttr('style');

}); });
Et à mettre dans la feuille de style css de votre forum:
Code:
#notif_list { /* Menu déroulant des notifications */
    top: 250px;
    visibility: visible !important;
}
#fa_toolbar {
visibility: hidden !important;
}
#fa_left a {
pointer-events: none !important;
opacity: 0 !important;
}
#fa_notifications.unread #notif_unread {
    display: inline !important;
}
#fa_notifications #notif_unread {
    display: none;
}
Si vous avez quelques notions ça va rouler...Suffit de choisir l'emplacement dans le code javascript où vous voulez que le lien "Notifications" s'affiche et dans le code css la partie pour le menu déroulant est : #notif_list
J'ai mis des commentaires on sait jamais si ça peut aider.
edit : j'ai rien dit (ai supprimé la portion de js) autant même ne rien supprimer du coup et déplacer les copyrights sur la page.
edit2: Il faudrait remplacer #page-body par tout ce qui pourrait servir à choisir l'emplacement (class,id,attributs etc) moi je m'aide de l'outil du développeur(CTRL+MAJ+i) sur le navigateur


Dernière édition par Don Vito Corleone le Jeu 7 Avr 2016 - 14:50, édité 3 fois

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier les notifications de la toolbar

Message par fedaykin44 le Mer 6 Avr 2016 - 4:32

Bonjour, comme je suis vraiment pas doué pour ça, j'ai quelques questions
cela marche en phpbb3, si je met navbar ( si possible ) comme emplacement cela le met ou? si on ne peux pas, comment choisir l’emplacement exacte sur les pages?
Merci

fedaykin44
***

Messages : 184
Inscrit(e) le : 28/03/2016

http://castel-caladan.forumactif.org
fedaykin44 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier les notifications de la toolbar

Message par Chacha le Mer 6 Avr 2016 - 10:34

@fedaykin44 a écrit:Bonjour, comme je suis vraiment pas doué pour ça, j'ai quelques questions
cela marche en phpbb3, si je met navbar ( si possible ) comme emplacement cela le met ou? si on ne peux pas, comment choisir l’emplacement exacte sur les pages?
Merci
Bonjour @fedaykin44,

Merci d'ouvrir votre propre sujet svp. Wink


Cordialement.


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

Masculin
Messages : 49773
Inscrit(e) le : 21/08/2010

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

Résolu Re: Dissocier les notifications de la toolbar

Message par horusbk le Mer 6 Avr 2016 - 14:11

Don Vito Corleone a écrit:Pas de soucis je vais vous donner la solution(Gizmo m'en veux pas)

Il faudrait par contre utiliser du javascript et du css...
A mettre dans la gestion des codes javascript sur toutes les pages:
Code:
$(function(){ $(function(){

          $('a#fa_notifications').insertBefore('#page-body'); // Choisir où placer le lien Notifications
          $('body').removeAttr('style');

}); });
Et à mettre dans la feuille de style css de votre forum:
Code:
#notif_list { /* Menu déroulant des notifications */
    top: 250px;
    visibility: visible !important;
}
#fa_toolbar {
visibility: hidden !important;
}
#fa_left a {
pointer-events: none !important;
opacity: 0 !important;
}
#fa_notifications.unread #notif_unread {
    display: inline !important;
}
#fa_notifications #notif_unread {
    display: none;
}
Si vous avez quelques notions ça va rouler...Suffit de choisir l'emplacement dans le code javascript où vous voulez que le lien "Notifications" s'affiche et dans le code css la partie pour le menu déroulant est : #notif_list
J'ai mis des commentaires on sait jamais si ça peut aider.
edit : j'ai rien dit (ai supprimé la portion de js)

Don Vito Corleone, pour choisir l'emplacement dans le code Javascript je pense que c'est là
Code:
 $('a#fa_notifications').insertBefore('#page-body');
mais il faut remplacer par quoi par exemple ?
On peut demander à le mettre sur la version mobile ?

Merci I love you
horusbk

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier les notifications de la toolbar

Message par horusbk le Ven 8 Avr 2016 - 22:35

up

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier les notifications de la toolbar

Message par Jean-eudes le Sam 9 Avr 2016 - 19:08

Merci beaucoup le Parrain, j'ai pu mettre les notifications là où je le voulais !

Un seul petit hic : maintenant, le menu déroulant des notifications, au lieu de se dérouler en-dessous du texte "notifications", se déroule par-dessus. Et du coup on ne peut meême plus fermer ce menu déroulant, puisqu'il faut re-cliquer sur "notifications", que celui-ci cache... Y a-t-il une solution à ce problème ? Je mets des captures d'écran pour que ça soit plus parlant :






Merci par avance !

Jean-eudes
Nouveau membre

Messages : 10
Inscrit(e) le : 17/03/2016

http://stln.forumactif.org/
Jean-eudes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier les notifications de la toolbar

Message par horusbk le Sam 9 Avr 2016 - 19:27

Jean Eudes, comment vous avez réussi à placer le bouton des notifications avec le script ?
Merci I love you

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier les notifications de la toolbar

Message par Invité le Dim 10 Avr 2016 - 7:06

Bonjour de rien oui désolé si c'est plus ou moins confus... dans tous les cas le sélecteur doit être "unique" et/ou visible aux invités si l'on veut.
Pour ce qui est du menu déroulant des notifications vous devez regarder dans le code CSS cette partie:
Code:
#notif_list { /* Menu déroulant des notifications */
    top: 250px;
    visibility: visible !important;
}
Et modifier le 250px pour la hauteur exemple : 500px;
Si vous voulez positionner correctement sur la gauche ou la droite on peut y mettre ceci:
Code:
left: 000px;
right: 000px;
Donc en gros
Code:
#notif_list { /* Menu déroulant des notifications */
    top: 250px;
    left: 000px;
    right: 000px;
    visibility: visible !important;
}
Petit plus: Je me suis permis de regarder votre code JS vu qu'il y a un manque d'espace sur la capture d'écran que vous donnez et vous pouvez rajouter ceci:
Code:
.after(' ');
Donc en gros:
Code:
$(function(){ $(function(){
 
          $('a#fa_notifications').insertBefore('#page-body').after(' '); // Choisir où placer le lien Notifications
          $('body').removeAttr('style');
 
}); });
Autre point le curseur sur le lien notifications donc vous pouvez rajouter le code css suivant à la suite:
Code:
a#fa_notifications {
cursor: pointer !important;
}

Bon beh je reste à votre disposition mais quelque chose me tracasse encore c'est les petites fenêtres popup grises de notifications il faudrait que je choppe l'id ou la class.. rendeer

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Dissocier les notifications de la toolbar

Message par horusbk le Dim 10 Avr 2016 - 9:29

Bonjour Don Vito,
Il me semble que ça soit cette class pour la fenêtre popup de notification :
Code:
div.fa_notification
. Je l'ai trouvé grâce à cette astuce : http://forum.forumactif.com/t370334-

Pour lancer le lien de notifications c'est bien ici ? Par une classe CSS ?
Code:
insertBefore('#page-body')

Cordialement et merci.
Horusbk.

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier les notifications de la toolbar

Message par Invité le Lun 11 Avr 2016 - 9:52

Bonjour Horus (pardon) Embarassed

Alors pour la version mobile c'est sûrement possible (je vous avoue que franchement je n'ai pas cherché sur ce sujet Neutral ) mais je suis sûr que si un sujet est ouvert il sera suivis de près par les plus performants d'entre nous peut-être grandes oreilles ou Ea ou d'autres moi je ne pense pas avoir la capacité pas cette prétention,faut pas hésiter Smile
Pour ce qui est du sélecteur pour le lien de notifications en effet c'est bien cette partie:
Code:
insertBefore('#page-body')
Mais qui pourrait tout aussi bien afficher "après" et donc s'écrire:
Code:
insertAfter('#page-body')
Je vais essayer de vous expliquer avec mes mots: lorsque je dis qu'il faut un sélecteur unique c'est à dire que si l'on reprend l'exemple que j'ai donné plus haut à savoir l'id #page-body cet id n'est présent qu'une seule fois dans les page il n'en existe qu'un seul avec ses copines :
#page-header et #page-footer,donc si je met cet exemple dans mon code imaginons:
Code:
insertBefore('[id^="#page"]')

Voudrais dire que l'on insert le lien des notifications avant tout les id commençants par #page et donc c'est pour cela que l'on je parle de bien choisir un sélecteur unique cela peut être un lien dans la barre de navigation aussi ,on pourrait en prendre d'autres comme exemples Wink

Si problème pour vous pour trouver (ce que je n'espère pas c'est toujours plus cool de savoir le faire) vous pouvez nous dire l'emplacement que vous désirez ^^ un grand merci pour la class Horus c'est plutôt moi qui devrait vous remercier,pour tout Wink
En espérant que j'ai été pas trop brouillon ...

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier les notifications de la toolbar

Message par horusbk le Lun 11 Avr 2016 - 15:49

Bonjour Don Vito Corleone Smile
Donc si je suis votre raisonnement, si je trouve une ID comme "#page-body" qui est unique pour la version mobile, où si j'en créé un par les templates ... je pourrais afficher les notifications par ce biais ?

Cordialement
horusbk

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier les notifications de la toolbar

Message par Invité le Lun 11 Avr 2016 - 16:00

Si on suit mon raisonnement en gros oui,mais je pense que c'est un peu plus complexe que cela ou je me trompe peut-être...
Dans tous les cas je ne me suis vraiment pas penché dessus et pas essayé Surprised

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier les notifications de la toolbar

Message par horusbk le Lun 11 Avr 2016 - 17:07

J'essayerais et je te tiens au courant Wink

EDIT : j'ai voulu créé une ID dans les templates de la version mobile mais ça n'a pas fonctionné Sad et du coup, je cherche également comment garder la toolbar Arrow

Tu aurais une idée Don Vito ? Smile

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier les notifications de la toolbar

Message par Invité le Mar 12 Avr 2016 - 7:20

Bonjour
EDIT : j'ai voulu créé une ID dans les templates de la version mobile mais ça n'a pas fonctionné Sad et du coup, je cherche également comment garder la toolbar Arrow
C'était à prévoir malheureusement mais vous avez raison ne vous occupez pas de la mare et des canards,pédalez.(ouvrez un sujet ^^)
Garder ou cacher? Si vous voulez la cacher c'est indiqué dans mon post plus haut et pour la garder il n'y a que çà à mettre dans le css:
Code:
#notif_list { /* Menu déroulant des notifications */
    top: 250px;
    visibility: visible !important;
}
#fa_notifications.unread #notif_unread {
    display: inline !important;
}
#fa_notifications #notif_unread {
    display: none;
}
Mr. Green

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier les notifications de la toolbar

Message par Jean-eudes le Dim 17 Avr 2016 - 20:09

Merci beaucoup Don Vito, ça marche nickel ! Bonne soirée à tous

Jean-eudes
Nouveau membre

Messages : 10
Inscrit(e) le : 17/03/2016

http://stln.forumactif.org/
Jean-eudes 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