Derniers sujets*
» [AWESOMEBB]Supprimer le mot invité
par Milouze14 Lun 19 Juil 2021 - 19:03

» [MODERNBB]Supprimer le mot invité
par Milouze14 Lun 19 Juil 2021 - 18:53

» [AWESOMEBB]Modifier les icônes de la réponse rapide
par Milouze14 Sam 17 Juil 2021 - 19:37

» [MODERNBB]Afficher des commentaires sous forme de vignettes
par Milouze14 Lun 12 Juil 2021 - 8:37

» [AWESOMEBB]Afficher des commentaires sous forme de vignettes
par Milouze14 Mer 7 Juil 2021 - 19:25

» [PHPBB2]Afficher des commentaires sous forme de vignettes
par Milouze14 Lun 5 Juil 2021 - 19:35

» [PHPBB3]Afficher des commentaires sous forme de vignettes
par photoclic Jeu 1 Juil 2021 - 23:28

» [PHPBB2] Afficher l'id/ami et brouillon dans le Welcome de la toolbar
par Ptite_Perle Jeu 24 Juin 2021 - 18:29

» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par Milouze14 Mer 23 Juin 2021 - 7:01

» [TOUTES VERSIONS] Changer les boutons Nouveau MP et Répondre au MP par du texte
par Constellation Mer 16 Juin 2021 - 0:53

» [PHPBB2] Afficher le posteur du sujet dans les réponses
par Constellation Jeu 10 Juin 2021 - 23:45

» [PHPBB2] Afficher les brouillons en attente sur toutes les pages etc etc
par Constellation Jeu 10 Juin 2021 - 23:43

» [PHPBB2]Supprimer le tag "Re" sur les messages
par Constellation Jeu 10 Juin 2021 - 2:37

» [TOUTES VERSIONS] Ajouter le texte bienvenu et le Pseudo dans l'onglet du navigateur
par Constellation Jeu 10 Juin 2021 - 2:31

» [TOUTES VERSIONS] Afficher la partie profil de la toolbar en bas à gauche avec effet slide
par Constellation Jeu 10 Juin 2021 - 2:27

» [TOUTES VERSIONS] Modifier les textes des MPs nons lus
par Constellation Jeu 10 Juin 2021 - 2:25

» [TOUTES VERSIONS]Afficher la date de la dernière visite au survol du Pseudo seulement pour les admins
par Constellation Jeu 10 Juin 2021 - 2:23

» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par Constellation Jeu 10 Juin 2021 - 2:20

» [PHPBB3] Supprimer la ligne Cacher sa présence en ligne
par Chéryl Sam 29 Mai 2021 - 19:40

» [TOUTES VERSIONS] Masquer le bouton j'aime pas ou j'aime a un membre
par fred9545 Sam 29 Mai 2021 - 11:51

Les statistiques du forum
Nous avons 480 membres enregistrés

L'utilisateur enregistré le plus récent est Spo0kyCat

Nos membres ont posté un total de 26680 messages dans 1352 sujets

[TOUTES VERSIONS] Afficher la réponse rapide façon Facebbok au clic

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

4 participants
Message n°10
Milouze14
Milouze14
Fondateur

https://www.milouze14.com

MessageMilouze14 Mar 3 Avr 2018 - 8:10

Hello les ami(e)s,

tout d'abord merci à @hamesashek (wehba) pour m'avoir donné l'astuce via ma messagerie privée hinhin .

Cette astuce permet au clic sur l'éditeur de la réponse rapide ( et seulement sur cet éditeur)  d'afficher un fond sombre façon Facebook.



Les aperçus imagés:

[TOUTES VERSIONS] Afficher la réponse rapide façon Facebbok au clic 1160

[TOUTES VERSIONS] Afficher la réponse rapide façon Facebbok au clic 0216




Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mettez un titre explicite.
Cochez sur les sujets.


Déposez ceci:
Code:

var overlay = function () {
      //2018
      var g, e, a = document.createElement('div'),
        b = ' background: rgba(0, 0, 0, 0.5); -webkit-background-size: cover;position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; pointer-events:none;display:none',
        c = document.body,
        d = document.forms.post.message,
        f = $(d).sceditor('instance');
      c.appendChild(a);
      a.style.cssText = b;
      a.id = 'overlay';
      f.focus(function (e) {
        e = document.getElementById('quick_reply');
        g = document.getElementById('overlay');
        a.style.display = 'block';
        e.style.zIndex = '1000';
        e.style.position = 'relative';
        f.blur(function () {
          g.style.display = 'none';
        });
        document.addEventListener('keyup', function (e) {
          if (e.keyCode === 27) {
            f.blur();
          };
        }, false);
      });
    };
    $(function () {
      $(function () {
        document.location.pathname.match(/\/t(\d+)/g) && $.sceditor && overlay();
      });
    });



Pensez a cliquer sur le bouton Valider

Vous désirez avoir un fond plus sombre ? :
Dans le script, recherchez ceci:
Code:

background: rgba(0, 0, 0, 0.5);
 

Augmentez progressivement la dernière partie 0.5




Voilà,c'est tout pour le moment.
Un soucis?
Direction l'entraide clin oeil
https://www.milouze14.com/f108-entraide-tous-supports


Dernière édition par Milouze14 le Ven 21 Fév 2020 - 16:44, édité 2 fois


NOUVELLE BARRE DE NAVIGATION


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).

ThunderTB aime ce message

Message n°20
Anonymous
Invité
Invité

MessageInvité Ven 6 Avr 2018 - 21:35

Merci hinhin
Message n°30
Morane
Morane
Milouzien

https://famiglia-sinagra.forumactif.com/

MessageMorane Sam 12 Mai 2018 - 17:07

Merci Philippe  impeccable
Message n°40
Kaeyla
Kaeyla
Milouzien

https://sweethome.forumactif.com

MessageKaeyla Dim 10 Juin 2018 - 11:51

Merci pour ce partage
Message n°50
petitefeuille
petitefeuille
Milouzien

https://www.petitefeuille.net/

Messagepetitefeuille Dim 10 Juin 2018 - 12:04

merci pour cet astuce  fr4   à voir  :)
Message n°60
Anonymous
Invité
Invité

MessageInvité Mer 25 Juil 2018 - 2:26

marche super mais comment faire pour avoir un peu plus sombre merci
Message n°70
Milouze14
Milouze14
Fondateur

https://www.milouze14.com

MessageMilouze14 Mer 25 Juil 2018 - 3:52

Hello Fagu,
j'ai édité l'astuce afin de le mentionner clin oeil .


NOUVELLE BARRE DE NAVIGATION


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
Message n°80
Anonymous
Invité
Invité

MessageInvité Mer 25 Juil 2018 - 23:13

@Milouze14 a écrit:Hello Fagu,
j'ai édité l'astuce afin de le mentionner clin oeil .

Un grand merci a toi Milouze14  clin oeil

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Sujets similaires internes ( 0 )
Aucun sujet

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà Milouzien ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum