Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Astuces Forumactif

EDGE/ PHPBB2 / PHPBB3/ PUNBB / INVISION/ MODERNBB/ AWESOMEBB
 
AccueilAccueil  PortailPortail  Connexion  S'enregistrerS'enregistrer  
-23%
Le deal à ne pas rater :
TV 75″ Xiaomi Mi TV Q1 – QLED, 4K UHD à 929€ (Via ODR)
929 € 1199 €
Voir le deal

 

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

Aller en bas 
3 participants
AuteurMessage
Milouze14
Fondateur

Milouze14



[TOUTES VERSIONS] Afficher la réponse rapide façon Facebbok au clic Empty
MessageSujet: [TOUTES VERSIONS] Afficher la réponse rapide façon Facebbok au clic   [TOUTES VERSIONS] Afficher la réponse rapide façon Facebbok au clic EmptyMar 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




Dernière édition par Milouze14 le Lun 29 Nov 2021 - 16:47, édité 3 fois

ThunderTB aime ce message

Revenir en haut Aller en bas
https://www.milouze14.com
Invité
Invité
Anonymous



[TOUTES VERSIONS] Afficher la réponse rapide façon Facebbok au clic Empty
MessageSujet: Re: [TOUTES VERSIONS] Afficher la réponse rapide façon Facebbok au clic   [TOUTES VERSIONS] Afficher la réponse rapide façon Facebbok au clic EmptyVen 6 Avr 2018 - 21:35

Merci hinhin
Revenir en haut Aller en bas
Invité
Invité
Anonymous



[TOUTES VERSIONS] Afficher la réponse rapide façon Facebbok au clic Empty
MessageSujet: Re: [TOUTES VERSIONS] Afficher la réponse rapide façon Facebbok au clic   [TOUTES VERSIONS] Afficher la réponse rapide façon Facebbok au clic EmptySam 12 Mai 2018 - 17:07

Merci Philippe  impeccable
Revenir en haut Aller en bas
Kaeyla
Milouzien

Kaeyla



[TOUTES VERSIONS] Afficher la réponse rapide façon Facebbok au clic Empty
MessageSujet: Re: [TOUTES VERSIONS] Afficher la réponse rapide façon Facebbok au clic   [TOUTES VERSIONS] Afficher la réponse rapide façon Facebbok au clic EmptyDim 10 Juin 2018 - 11:51

Merci pour ce partage
Revenir en haut Aller en bas
https://sweethome.forumactif.com
petitefeuille
Milouzien

petitefeuille



[TOUTES VERSIONS] Afficher la réponse rapide façon Facebbok au clic Empty
MessageSujet: Re: [TOUTES VERSIONS] Afficher la réponse rapide façon Facebbok au clic   [TOUTES VERSIONS] Afficher la réponse rapide façon Facebbok au clic EmptyDim 10 Juin 2018 - 12:04

merci pour cet astuce  fr4   à voir  :)
Revenir en haut Aller en bas
https://www.petitefeuille.net/
Invité
Invité
Anonymous



[TOUTES VERSIONS] Afficher la réponse rapide façon Facebbok au clic Empty
MessageSujet: Re: [TOUTES VERSIONS] Afficher la réponse rapide façon Facebbok au clic   [TOUTES VERSIONS] Afficher la réponse rapide façon Facebbok au clic EmptyMer 25 Juil 2018 - 2:26

marche super mais comment faire pour avoir un peu plus sombre merci
Revenir en haut Aller en bas
Milouze14
Fondateur

Milouze14



[TOUTES VERSIONS] Afficher la réponse rapide façon Facebbok au clic Empty
MessageSujet: Re: [TOUTES VERSIONS] Afficher la réponse rapide façon Facebbok au clic   [TOUTES VERSIONS] Afficher la réponse rapide façon Facebbok au clic EmptyMer 25 Juil 2018 - 3:52

Hello Fagu,
j'ai édité l'astuce afin de le mentionner clin oeil .
Revenir en haut Aller en bas
https://www.milouze14.com
Invité
Invité
Anonymous



[TOUTES VERSIONS] Afficher la réponse rapide façon Facebbok au clic Empty
MessageSujet: Re: [TOUTES VERSIONS] Afficher la réponse rapide façon Facebbok au clic   [TOUTES VERSIONS] Afficher la réponse rapide façon Facebbok au clic EmptyMer 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
Revenir en haut Aller en bas
Contenu sponsorisé





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

Revenir en haut Aller en bas
 
[TOUTES VERSIONS] Afficher la réponse rapide façon Facebbok au clic
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [TOUTES VERSIONS] Afficher un texte qui au clic postera un message automatiquement
» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
» [TOUTES VERSIONS] Edition rapide
» [TOUTES VERSIONS] Citation avec envoi direct sur le message rapide
» [TOUTES VERSIONS] Afficher un texte dactylographié

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Astuces Forumactif :: Astuces Forumactif :: Toutes versions-
Sauter vers: