Discussion

26/05/2020 à 18h45 : m-ickael : Je n'ai rien vu (bonjour)

24/05/2020 à 21h19 : Swan : Bonsoir, En regardant ces dernières semaines sur le net j'ai vu un stop ! C'est bizarre cette sensation que même internet , s'est arrêter.. Il y a eu comme un gros coup de frein .. Vous ne trouvez pas ?

24/05/2020 à 20h56 : m-ickael : Bonjour.

21/05/2020 à 13h37 : Swan : Salut salut ^^

21/05/2020 à 07h19 : hight_tower : Bonjour et bonne journée

19/05/2020 à 17h05 : Swan : Bonjour tout le monde ^^ Bon début de semaine , avec tout pleins de Soleil ! :sun

19/05/2020 à 15h30 : m-ickael : Bonjour.

16/05/2020 à 13h25 : Sawk : Bonjour :)

16/05/2020 à 10h15 : m-ickael : Bonjour en passant.

15/05/2020 à 16h21 : Sawk : La belgique est en phase 1 de dé-confinement. On ne peut pas malheureusement recevoir ou aller chez les même personnes

14/05/2020 à 18h36 : Swan : Bon.. je vais faire mes mini-pizzas !

14/05/2020 à 18h17 : Swan : Bonjour et Bonsoir , alors cette sortie de confinement ? Nous on refait le plein du frigo !

11/05/2020 à 16h20 : m-ickael : Petit bonjour en passant ..

09/05/2020 à 20h58 : Myster : Bonjour :)

09/05/2020 à 20h12 : Sonic : Salut à tous et bon wk.

09/05/2020 à 12h39 : Sawk : Bon weekend :) Bientôt le 11 mai. Il me semble qu'en France c'est le dé-confinement non ? ;)

09/05/2020 à 11h59 : Swan : Bon week end ^^

01/05/2020 à 14h01 : Swan : Salut tout le monde ^^ Bon week end du 1er Mai !! Bon confinée , mais tout de même ;)

29/04/2020 à 12h02 : Swan : :lu Bonjour tout le monde , Même en confinement, j'avance pas, c'est dingue ça quand même ! J'ai plein de trucs en cours et rien n'avance .. Grrrr

26/04/2020 à 11h38 : Swan : :lu Bonjour à tous, Hooo un Sawk !! Ca faisait un bail :) On passe le temps , comme tout le monde , et pour moi j'ai pas le temps de m'ennuyer :p

25/04/2020 à 00h03 : Sawk : Bonsoir tout le monde, j'espère que le confinement ce passe bien pour vous :)

23/04/2020 à 11h16 : m-ickael : J'ai pas spécialement remarqué .. Chez nous non en tout cas ..

23/04/2020 à 08h58 : Swan : Bonjour à tous ^^ c'est dingue se que les prix ont augmentés dans les magasins -_-'

19/04/2020 à 11h36 : m-ickael : Pareillement :top

19/04/2020 à 11h34 : Swan : Salut à tous ^^ Et bon week end :)

18/04/2020 à 09h29 : m-ickael : Salut à tous.

16/04/2020 à 19h24 : hight_tower : Oui pas de soucis Swan, l'écolage avant tout :ok :ok

16/04/2020 à 18h08 : Swan : Salut tout le monde ^^ Désolée, si je réponds en fin d journée ou un jour sur 2, mais je suis débordée avec les devoirs des filles à la maison .. Quel plaie !

14/04/2020 à 20h39 : hight_tower : Swan, highty tu passe le bonjour en MP

14/04/2020 à 20h18 : hight_tower : Bonsoir, fais lui ton charme Swan, bonne soirée

13/04/2020 à 21h36 : Swan : Bah je comprends, c'est l'examinateur qui aime pas les personnes de 50 ans lol

12/04/2020 à 19h20 : m-ickael : Bah laisse pas tomber, mais pose les bonnes questions si tu ne comprends pas tout.

11/04/2020 à 12h30 : Swan : :lu Salut tout le monde , bon samedi à tous !

10/04/2020 à 14h28 : Swan : Bah oui .. -_-' mon troisième coup, après je laisse tombé ^^

09/04/2020 à 21h24 : m-ickael : Encore ce permis ?

09/04/2020 à 16h28 : Swan : Coucou tout le monde, bon bah le code de la route avance bien ! Étant en confinement, donc pour le réviser, j'ai du temps ;)

06/04/2020 à 19h26 : m-ickael : AH AH, non nouvelle mode j'ai l'impression avec le côté ombre :)

06/04/2020 à 15h44 : Swan : Coucou Oui j'ai vu, tu as vu du rond pendant neuf mois, alors tu t'es dis pourquoi pas ?? ;)

05/04/2020 à 21h59 : m-ickael : MDR, merci .. Tu verras sur le forum une nouvelle version de mon site (graphique)

05/04/2020 à 17h57 : Swan : Hoo félicitation Mickael :) Bon bah le confinement c'est chiant ! je suis fatiguée à ne rien faire. Et aujourd'hui c'est dimanche, je fais rien aussi.. :rire

05/04/2020 à 17h55 : Swan : Hey salouté touti ^^ Répondu Myster :)

04/04/2020 à 16h22 : Myster : Bonjour tout le monde, @Swan je t'ai envoyé un MP :)

29/03/2020 à 12h20 : m-ickael : je reprends volontairement le 06 avril pour travailler, et je reprendrai des jours après le confinement. Le petit fait presque ses nuits, et il est très calme.

29/03/2020 à 12h19 : m-ickael : Be moi congé paternité du coup, avec 3 semaines d'avance .. Il devait naitre le 11.04.20 et il est né le 18.03.20 :O

28/03/2020 à 13h03 : Swan : Bonjour à tous, alors le confinement , chez vous.. cela se passe comment ?

27/03/2020 à 11h33 : m-ickael : Salut à tous

25/03/2020 à 06h37 : hight_tower : Bonjour et bonne journée, highty

20/03/2020 à 12h12 : Swan : Bonjour tout le monde ^^

09/03/2020 à 20h08 : m-ickael : Certes, moins communautaire .. Mais bon, c'est calme.

09/03/2020 à 20h08 : m-ickael : Moi j'aime les deux, mais je préfère celui ci .. Plus facile de s'y retrouver :)

Vous n'êtes pas autorisé à ajouter un message !




  Aide générale » Idée d'interface

 Le 07/01/2019 à 18h39 Myster Avatar  
 


Bonsoir,

Actuellement dans le développement d'un module de notification, je souhaite savoir si vous aviez des idées de "Comment représenter les notifications" que l'on reçois sur la page de notification, je n'ai pas vraiment d'idée

Exemple:

Machin a répondu à votre sujet Blablabla sur le forum le 42/42/42

Merci pour votre réponse.

Ps: Mickael, inclure la petite cloche de notification dans le module Connect, pourquoi pas, mais il faut un truc en javascript pour faire le "menu déroulant" et je suis vraiment une bille en javascript et encore un tas de choses à apprendre en CSS, je me débrouille bien en PHP mais le reste en parlons pas ! A moins que quelqu'un sait faire et veut participer au module dans ce cas pas de problème de toute façon le module sera distribué gratuitement :)

CsN Mortier


 Le 07/01/2019 à 19h06 Swan Avatar  
 


Bonjour,

Alors moi je dirais plutôt dans le genre interface todolist , si cela peut t'aider comme l'exemple ci dessous..



A droite notification répertorié par modules .. ou alors la liste de notification générale, ou encore avec le choix du tri du plus récent à la plus ancienne, ou alors recherche par date ou module .. après le reste c'est bonus !

Pour le listage:

Ensuite oui ton exemple est pas mal, mais la date en premier, ensuite le module concerné, l'auteur de l'action, l'action proprement dit..

Cela me parait pas mal comme présentation. Avec la possibilité de cocher vu ou pas et de supprimer la ligne de notification.

Bon courage,
Swan.



Administrateur


 Le 07/01/2019 à 19h41 m-ickael Avatar  
 


Salut.

Moi je pense différemment, et peut-être plus simple.

Je dirai plus un déroulant comme déjà cité, mais dans le texte dans ce genre :

14h38 : Mickaël poste un message sur le forum
16h03 : Myster à laisser un commentaire sur "{title}"
17h30 : Swan à supprimer le message de Mickaël sur " Aide générale » Idée d'interface "

Niveau design, pourquoi pas un popup comme les 10 derniers messages sur EDN ? Mais ça risque de créer un conflit en java, comme EDN avec le tchat par exemple.

Sinon en HTML tout simple ? Ou comme sur phpbt quand on modifie une news, ou supprime le cache en administration ?

tout dépend de tes capacités surtout. En habillage, on saura faire (surtout swan). Laisse la liberté à la imite niveau css ? Tu apporteras des MAJs selon ce que j'ai pu y faire (ou Swan, ou d'autres) ..

Ou alors via un menu qui s'ouvre (comme mon menu sur mon site qui s'ouvre à gauche)



Edité par m-ickael Le 07/01/2019 à 20h23

CsN Fusée


 Le 07/01/2019 à 19h50 Myster Avatar  
 


Bonsoir,

Merci pour vos réponses, tout d'abord, j'ai retenu l'idée de Swan "A droite notification répertorié par modules", en effet je n'avais pas pensé à cela, et c'est donc déjà mis en place et même fonctionnel (Vive la POO, plus rapide !)

Ensuite concernant le tri (Plus ancien au plus récent, ou l'inverse), cela impliquerait du Javascript, et comme dis précédemment je suis une bille en javascript vraiment, donc je vais voir du côté des autres modules comment c'est fait et j'ajouterais cela lors d'une prochaine maj


Code :
Je dirai plus un déroulant comme déjà cité, mais dans le etxte dans ce genre :


Oui un bouton dans le connect qui affiche un déroulant ? Oui c'est une bonne idée, d'autant plus que j'ai fait ce module pour une facilité d'intégration avec les autres module, genre par exemple, pour envoyer une notification, suffit d'y ajouter juste ce code:

Code PHP :
 
                        $notif = New Notifications();
                        $notif->set_sender_id('ID DU SENDER'); // ID du membre qui fait l'action, genre si moi en tant que modo je supprime un message
                        $notif->set_recipient_id('ID DU DESTINATAIRE'); // ID du destinataire, genre si je supprime le message de Machin sur le forum
                        $notif->set_reading(0); // reading = Vu donc par défaut 0
                        $notif->set_title('TITRE DE LA NOTIFICATION'); // Titre de la notification exemple: Myster a supprimé votre sujet 
                        $notif->set_content('CONTENU DE LA NOTIFICATION'); // Exemple: Myster a supprimé votre sujet "Blabla" sur le forum
                        $notif->set_date(); // Paramètre time() 
                        $notif->set_module('NOM DU MODULE EXEMPLE: FORUM'); // Nom du module pour faire le classement des notifications
                        Notifications::add_notification($notif); 
 




Edité par Myster Le 07/01/2019 à 19h52

CsN Mortier


 Le 07/01/2019 à 20h23 m-ickael Avatar  
 


Bon, ben ça avance :)

Il n'empêche que la popup aurai été bien :D



Edité par m-ickael Le 07/01/2019 à 20h23

CsN Fusée


 Le 07/01/2019 à 20h26 Myster Avatar  
 


Je pense qu'on vas faire au plus simple pour la première version, ensuite des variables de templates seront disponibles, donc si tu veux faire un popup que tu veux ensuite partager je l'ajouterais à une prochaine version :D

CsN Mortier


 Le 07/01/2019 à 22h20 m-ickael Avatar  
 


Je ne sais pas le faire. Mais Swan oui :D

Je ne sais faire que du CSS "de base" ..

CsN Fusée


 Le 07/01/2019 à 22h27 Myster Avatar  
 


Bienvenue au club alors ! Bon j'essaye de faire la liste des notifications, enfin le template, mais j'y arrive pas forcément à le structuré en html et css, c'est moche ce que je fait ! Une âme charitable pourrait t-il faire quelque chose qui ressemble à ce genre de chose:



Merci (pour l'icone de droite, c'est du font awesome)

CsN Mortier


 Le 07/01/2019 à 22h35 m-ickael Avatar  
 


Moi je vois du

background-color: #fbfbfb;
padding: 20px;
width: 100%;
border: 1px solid #ccc;

Border-radius:50%; pour l'avatar

C'est un exemple :D je sais pas comment c'est réellement .. C'est sous forme de tableau ? Tu es en local ou un lien ?

C'est la base :D

CsN Fusée


 Le 07/01/2019 à 23h07 Myster Avatar  
 


C'est du local :) J'ai juste trouvé ça je sais même plus où :rire:

CsN Mortier


 Le 08/01/2019 à 08h27 m-ickael Avatar  
 


Si tu vois quelque chose de ressemblant, tu peux faire cliquer droit et "inspecter" tu auras les valeurs CSS :)

CsN Fusée


 Le 08/01/2019 à 09h04 Swan Avatar  
 


Bonjour,

Alors le "bloc principal" <div class="list-master">... </div> comme l'a dis Mika :

Code CSS :
.list-master {
background-color: #ffffff;
padding: 15px;
width: 100%;
border: 1px solid #ededed;
}
 
/* l'avatar en <span class=".list-avatar"> ...</span> pour le centrage */
 
.list-avatar {
max-width: 50px;
max-height: 50px;
border-radius: 50%;
}



Après une fois que tu as la base, ça ira tout seul, mais c'est un bon début pour le css.
par contre pour le tpl garde bien la structure de base de démarrage cela permettra une aisance supplémentaire pour la personnalisation css.


Code TPL :
<section id="module-XXXX"> 
 
ton code tpl
 
<section>


Swan.





Administrateur


 Le 08/01/2019 à 09h17 m-ickael Avatar  
 


Je suis pas mauvais :D

CsN Fusée


 Le 08/01/2019 à 10h00 Myster Avatar  
 


Bonjour,

Merci beaucoup :)

Par contre y'a quelque chose que je n'avais pas anticipé c'est le "titre de la notification", sur ce genre de bloc ça va faire un peu trop long je pense ? Une petite idée d'améliorer ce bloc avec le titre ?

Merci encore :)

CsN Mortier


 Le 08/01/2019 à 10h06 Swan Avatar  
 


re ,

bah il va falloir que tu raccourcisses les titres etc ...,

du genre
- Machin-bidule à modifié <a href="" tiltle ="titre du sujet">son sujet</a>dans le forum
- Machin-chouette à édité <a href="" tiltle ="Id-commentaire">son message</a>dans les commentaires

Comme cela tu l'auras au survole du lien et pas de visu.


etc..


Administrateur


 Le 08/01/2019 à 10h10 Myster Avatar  
 


Justement non je parle bel et bien d'un champ "titre" pas le "contenu => truc bidule a posté un nouveau message"

Quoi que non j'ai supprimer le titre de la notification ça servait à rien au final :P



Edité par Myster Le 08/01/2019 à 10h30

CsN Mortier


 Le 08/01/2019 à 11h44 Myster Avatar  
 


Reeee

Avec mes petites connaissances css j'ai fait ça :

Code HTML :
 
<style type="text/css" media="screen">
.list-notifications {
background-color: #ffffff;
padding: 15px;
width: 100%;
border: 1px solid #ededed;
}
 
 
.list-avatar img {
max-width: 50px;
max-height: 50px;
border-radius: 50%;
line-height: 30px;
vertical-align: middle;
}    
.notifications-date {
    width: 106px;
    border-right: 1px solid #3333;
    float:left;
}
.notifications-date p {
    color:#b2b2b2;
    font-weight:bold;
    line-height: 30px;
}
.notifications-content{
    line-height: 30px;
    padding-left: 8px;
    display: inline-block;
}
</style>
<div class="list-notifications">
    <div class="notifications-date">
        <p>42/42/42</p>
    </div>
    <div class="notifications-content">
    <span class="list-avatar"><img src="https://upload.wikimedia.org/wikipedia/commons/f/f4/User_Avatar_2.png" /></span>    Blablabla
    </div>
</div>
 


Mais l'avatar ne se place pas correctement par rapport au texte, et le petit trait vertical il ne prends pas tout le cadre :/ Merci pour votre aide ! en attendant je m'en vais réviser du css je pense :rire

Edit: Pour le centrage du texte par rapport à l'avatar avec vertical-align:middle ça fonctionne mais pour le reste je sais pas :/



Edité par Myster Le 08/01/2019 à 11h55

CsN Mortier


 Le 08/01/2019 à 12h06 m-ickael Avatar  
 


Quel trait ?

Par contre tu devrais faire un fichier css à part et faire comme Swan a dit "section ID ou CLASS" ..

Comme ça, on pourra intégrer le CSS dans le cache dans FRAMPE.TPL



Edité par m-ickael Le 08/01/2019 à 12h06

CsN Fusée


 Le 08/01/2019 à 12h20 Myster Avatar  
 


Oui oui c'est ce que j'ai fait t'en fais pas, j'ai fait proprement le module en respectant bien, tout comme un module officiel, j'ai juste mis ce code pour vous montrez le problème ^^

CsN Mortier


 Le 08/01/2019 à 13h07 Swan Avatar  
 


Edité à 13:36 pour modification css.

Le border-left (le petit-trait) est du au fait que ton padding 15px dans ta class .list-notification ^^


code :
Code TPL :
<style type="text/css" media="screen">
.list-notifications {
    margin: auto;
    padding-left: 15px;
    background-color: #ffffff;
    border: 1px solid #ededed;
    width: 99%;
    min-height:60px;
}
.list-avatar{
    margin: auto; 
    padding-left: 8px;
    min-height:60px;    
}
 
.list-avatar img {
    max-width: 50px;
    max-height: 50px;
    border-radius: 50%;
    vertical-align: middle;
}    
.notifications-date {
    margin: auto;
    border-right: 1px solid #3333;
    min-height: 65px;
    width: 106px;
    float: left;
}
.notifications-date span {
    color:#b2b2b2;
    font-weight:bold;
    line-height: 60px;
}
.notifications-content{
margin: auto;
min-height: 60px;
line-height: 4;
}
</style>
<div class="list-notifications">
    <div class="notifications-date">
        <span>42/42/42</span>
    </div>
    <div class="notifications-content">
        <span class="list-avatar"><img src="https://upload.wikimedia.org/wikipedia/commons/f/f4/User_Avatar_2.png" /></span>    Blablabla
    </div>
</div>


Administrateur


Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie
Qui est en ligne ?

Qui est en ligne ?

Au total il y a 1 Utilisateur en ligne :: 0 Administrateur, 0 Modérateur, 0 Membre et 1 Visiteur
( basées sur les utilisateurs actifs des 5 dernières minutes )
Utilisateur en ligne: Aucun membre connecté

Membres connectés au cours des dernières 24 heures:

Swan, pottepei,

Légende

 [ Administrateur(s) ]   [ Modérateur(s) ]   [ Helpers]   [ WebDesigner(s) ]   [ Membres ]