Le Mchat comme je ne l'ai jamais vu !

Avatar du membre
FranckTH
Fondateur
Fondateur
Messages : 3086
Enregistré le : dim. 27 nov. 2016 13:10
 
Relax-Arcade :  12 12
Site Web : index.php
déc. 2018
mardi
11
21:36

Re: Le Mchat comme je ne l'ai jamais vu !

Messagepar FranckTH

le plus gros est fait :)

maintenant si tu veux une image au survol des messages

admettons que tu prennes mon image (tu changeras par la suite)

mc.png


Rajoutes dans ton mchat.css

Code : Tout sélectionner

.mchat-message-wrapper:hover {
   background-image: url("./images/mc.png");
   background-repeat: no-repeat;
   background-position: right;
}


et envoies l'image dans le dossier ext/dmzx/mchat/styles/ton style/theme/images
Vous n’avez pas les permissions nécessaires pour voir les fichiers joints à ce message.
Aucun support par messagerie privée !!!
Image

Avatar du membre
Luca
Level 4
Level 4
Messages : 289
Enregistré le : jeu. 12 avr. 2018 23:15
 
Relax-Arcade :  21 21
Site Web : http://chez-luca-games.fr
déc. 2018
mardi
11
21:43

Re: Le Mchat comme je ne l'ai jamais vu !

Messagepar Luca

Whaoo.. et il est vrais que là ... c'est le bouquet finale !!!!

MERCIIIIII !!!

Avatar du membre
FranckTH
Fondateur
Fondateur
Messages : 3086
Enregistré le : dim. 27 nov. 2016 13:10
 
Relax-Arcade :  12 12
Site Web : index.php
déc. 2018
mercredi
12
18:28

Re: Le Mchat comme je ne l'ai jamais vu !

Messagepar FranckTH

pour afficher les icônes sous forme d'images et non de fa icon (pour la dernière version du mchat !!

dans ext/dmzx/mchat/styles/prosilver/theme/images

uploadez l'image suivante :
message_icons_black.png


Ouvrir le fichier ext/dmzx/mchat/styles/prosilver/theme/mchat.css

Ajoutez à la fin :

Code : Tout sélectionner

#mchat-buttons {
   margin-bottom: 5px;
}

.mchat-icons-black .mchat-icon:before {
   background-image: url("./images/message_icons_black.png");
}

.mchat-icons-white .mchat-icon:before {
   background-image: url("./images/message_icons_white.png");
}

.mchat-icon:before {
   content: '';
   background-repeat: no-repeat;
   width: 16px;
   height: 16px;
   display: block;
   float: right;
}

.mchat-icon-mention:before      { background-position: -2px -2px; }
.mchat-icon-edit:before         { background-position: -22px -2px; }
.mchat-icon-pm:before         { background-position: -42px -2px; }
.mchat-icon-quote:before      { background-position: -62px -2px; }
.mchat-icon-like:before         { background-position: -82px -2px; }
.mchat-icon-delete:before      { background-position: -102px -2px; }
.mchat-icon-permissions:before   { background-position: -122px -2px; }
.mchat-icon-ip:before         { background-position: -142px -2px; }


Ouvrir le fichier ext/dmzx/mchat/styles/prosilver/template/mchat_messages_icons.html

Trouvez :

Code : Tout sélectionner

<ul class="mchat-buttons">
         {% EVENT dmzx_mchat_messages_icons_add_before %}
         {% if definition.MCHAT_ALLOW_MENTION %}<li><a href="#" title="{{ lang('MCHAT_RESPOND') }}" data-mchat-action="mention"><i class="fa fa-at"><span>{{ lang('MCHAT_RESPOND') }}</span></i></a></li>{% endif %}
         {% if definition.MCHAT_ALLOW_QUOTE %}<li><a href="#" title="{{ lang('REPLY_WITH_QUOTE') }}" data-mchat-action="quote"><i class="fa fa-quote-left"><span>{{ lang('REPLY_WITH_QUOTE') }}</span></i></a></li>{% endif %}
         {% if definition.MCHAT_ALLOW_LIKE %}<li><a href="#" title="{{ lang('MCHAT_LIKE') }}" data-mchat-action="like"><i class="fa fa-thumbs-o-up"><span>{{ lang('MCHAT_LIKE') }}</span></i></a></li>{% endif %}
         {% if definition.MCHAT_ALLOW_PM %}<li><a href="{{ mchatrow.MCHAT_PM }}" title="{{ lang('MCHAT_SEND_PM') }}"><i class="fa fa-envelope-o"><span>{{ lang('MCHAT_SEND_PM') }}</span></i></a></li>{% endif %}
         {% if definition.MCHAT_ALLOW_IP %}<li><a href="{{ mchatrow.MCHAT_U_IP }}" title="{{ mchatrow.MCHAT_WHOIS_USER }}" data-mchat-action="ip"><i class="fa fa-wifi"><span>{{ mchatrow.MCHAT_WHOIS_USER }}</span></i></a></li>{% endif %}
         {% if definition.MCHAT_ALLOW_PERMISSIONS %}<li><a href="{{ mchatrow.MCHAT_U_PERMISSIONS }}" title="{{ lang('MCHAT_PERMISSIONS') }}"><i class="fa fa-exclamation-triangle"><span>{{ lang('MCHAT_PERMISSIONS') }}</span></i></a></li>{% endif %}
         {% if definition.MCHAT_ALLOW_EDIT %}<li><a href="#" title="{{ lang('MCHAT_EDIT') }}" data-mchat-action="edit"><i class="fa fa-pencil"><span>{{ lang('MCHAT_EDIT') }}</span></i></a></li>{% endif %}
         {% if definition.MCHAT_ALLOW_DEL %}<li><a href="#" title="{{ lang('DELETE') }}" data-mchat-action="del"><i class="fa fa-trash-o"><span>{{ lang('DELETE') }}</span></i></a></li>{% endif %}
         {% EVENT dmzx_mchat_messages_icons_add_after %}
      </ul>


Remplacez par :

Code : Tout sélectionner

<ul class="mchat-buttons mchat-icons-black">
         {% EVENT dmzx_mchat_messages_icons_add_before %}
         {% if definition.MCHAT_ALLOW_MENTION %}<li><a href="#" title="{{ lang('MCHAT_RESPOND') }}" data-mchat-action="mention"><i class="mchat-icon mchat-icon-mention"><span>{{ lang('MCHAT_RESPOND') }}</span></i></a></li>{% endif %}
         {% if definition.MCHAT_ALLOW_QUOTE %}<li><a href="#" title="{{ lang('REPLY_WITH_QUOTE') }}" data-mchat-action="quote"><i class="mchat-icon mchat-icon-quote"><span>{{ lang('REPLY_WITH_QUOTE') }}</span></i></a></li>{% endif %}
         {% if definition.MCHAT_ALLOW_LIKE %}<li><a href="#" title="{{ lang('MCHAT_LIKE') }}" data-mchat-action="like"><i class="mchat-icon mchat-icon-like"><span>{{ lang('MCHAT_LIKE') }}</span></i></a></li>{% endif %}
         {% if definition.MCHAT_ALLOW_PM %}<li><a href="{{ mchatrow.MCHAT_PM }}" title="{{ lang('MCHAT_SEND_PM') }}"><i class="mchat-icon mchat-icon-pm"><span>{{ lang('MCHAT_SEND_PM') }}</span></i></a></li>{% endif %}
         {% if definition.MCHAT_ALLOW_IP %}<li><a href="{{ mchatrow.MCHAT_U_IP }}" title="{{ mchatrow.MCHAT_WHOIS_USER }}" data-mchat-action="ip"><i class="mchat-icon mchat-icon-ip"><span>{{ mchatrow.MCHAT_WHOIS_USER }}</span></i></a></li>{% endif %}
         {% if definition.MCHAT_ALLOW_PERMISSIONS %}<li><a href="{{ mchatrow.MCHAT_U_PERMISSIONS }}" title="{{ lang('MCHAT_PERMISSIONS') }}"><i class="mchat-icon mchat-icon-permissions"><span>{{ lang('MCHAT_PERMISSIONS') }}</span></i></a></li>{% endif %}
         {% if definition.MCHAT_ALLOW_EDIT %}<li><a href="#" title="{{ lang('MCHAT_EDIT') }}" data-mchat-action="edit"><i class="mchat-icon mchat-icon-edit"><span>{{ lang('MCHAT_EDIT') }}</span></i></a></li>{% endif %}
         {% if definition.MCHAT_ALLOW_DEL %}<li><a href="#" title="{{ lang('DELETE') }}" data-mchat-action="del"><i class="mchat-icon mchat-icon-delete"><span>{{ lang('DELETE') }}</span></i></a></li>{% endif %}
         {% EVENT dmzx_mchat_messages_icons_add_after %}
      </ul>
Vous n’avez pas les permissions nécessaires pour voir les fichiers joints à ce message.
Aucun support par messagerie privée !!!
Image

Avatar du membre
Luca
Level 4
Level 4
Messages : 289
Enregistré le : jeu. 12 avr. 2018 23:15
 
Relax-Arcade :  21 21
Site Web : http://chez-luca-games.fr
déc. 2018
mercredi
12
18:47

Re: Le Mchat comme je ne l'ai jamais vu !

Messagepar Luca

Installer sur mon forum !!! très classe !! il ne me reste la couleur de fond à changer pour mettre tous ça en valeur !!!

Bravooo FranckTh et un grand merci !!!

Avatar du membre
Luca
Level 4
Level 4
Messages : 289
Enregistré le : jeu. 12 avr. 2018 23:15
 
Relax-Arcade :  21 21
Site Web : http://chez-luca-games.fr
déc. 2018
dimanche
16
13:50

Re: Le Mchat comme je ne l'ai jamais vu !

Messagepar Luca

Coucou ,

Je pense que j'ai loupé un épisode dans ce que tu m'a fait faire Franck ,

Regarde mon Mchat :

Screenshot_2018-12-16 - Accueil du Forum.png


Et voici celui en place ici :) :

Screenshot_2018-12-16 Team Relax - Accueil.png


Je parle de l'espace entre les messages ...

Merci d'avance pour tes lumières ;)
Vous n’avez pas les permissions nécessaires pour voir les fichiers joints à ce message.

Avatar du membre
FranckTH
Fondateur
Fondateur
Messages : 3086
Enregistré le : dim. 27 nov. 2016 13:10
 
Relax-Arcade :  12 12
Site Web : index.php
déc. 2018
dimanche
16
13:56

Re: Le Mchat comme je ne l'ai jamais vu !

Messagepar FranckTH

dans ton mchat.css

Trouves la class .mchat-message-wrapper

et ajoutes y un

Code : Tout sélectionner

margin: 5px;
Aucun support par messagerie privée !!!
Image

Avatar du membre
Luca
Level 4
Level 4
Messages : 289
Enregistré le : jeu. 12 avr. 2018 23:15
 
Relax-Arcade :  21 21
Site Web : http://chez-luca-games.fr
déc. 2018
dimanche
16
14:00

Re: Le Mchat comme je ne l'ai jamais vu !

Messagepar Luca

party party

Impecc !!

Mercii Franck youpi :super: ;)

Avatar du membre
Luca
Level 4
Level 4
Messages : 289
Enregistré le : jeu. 12 avr. 2018 23:15
 
Relax-Arcade :  21 21
Site Web : http://chez-luca-games.fr
déc. 2018
dimanche
16
14:17

Re: Le Mchat comme je ne l'ai jamais vu !

Messagepar Luca

Une petite dernière question ...

La ligne de séparation entre chaque message on peux aussi la viré ?

Merci d'avance ^^

Avatar du membre
FranckTH
Fondateur
Fondateur
Messages : 3086
Enregistré le : dim. 27 nov. 2016 13:10
 
Relax-Arcade :  12 12
Site Web : index.php
déc. 2018
dimanche
16
14:21

Re: Le Mchat comme je ne l'ai jamais vu !

Messagepar FranckTH

heu oui, par contre je voies pas pourquoi t'as mchatimage.css mais bon

bref

trouves dans la class mchat-message :

Code : Tout sélectionner

border-bottom: 1px solid #73B2D0 !important;


Remplaces par :

Code : Tout sélectionner

border-bottom: 0px solid #73B2D0 !important;
Aucun support par messagerie privée !!!
Image

Avatar du membre
Luca
Level 4
Level 4
Messages : 289
Enregistré le : jeu. 12 avr. 2018 23:15
 
Relax-Arcade :  21 21
Site Web : http://chez-luca-games.fr
déc. 2018
dimanche
16
14:23

Re: Le Mchat comme je ne l'ai jamais vu !

Messagepar Luca

FranckTH a écrit :heu oui, par contre je voies pas pourquoi t'as mchatimage.css mais bon

bref

trouves dans la class mchat-message :

Code : Tout sélectionner

border-bottom: 1px solid #73B2D0 !important;


Remplaces par :

Code : Tout sélectionner

border-bottom: 0px solid #73B2D0 !important;


Moi non plus car avec le Mchat 2.1.1 l'ext ne marche pas ... je pense que Kasimi est dépassé par rapport a ce que les deux autres lui sortent ...je parle de dmzx et Martin's enfin ...