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  
-20%
Le deal à ne pas rater :
Manette Xbox Series X sans fil Carbon Black à 47,99%
47.99 € 59.99 €
Voir le deal

 

 [EDGE] Afficher les brouillons en attente sur toutes les pages etc etc

Aller en bas 
4 participants
AuteurMessage
Milouze14
Fondateur

Milouze14



[EDGE] Afficher les brouillons en attente sur toutes les pages etc etc Empty
MessageSujet: [EDGE] Afficher les brouillons en attente sur toutes les pages etc etc   [EDGE] Afficher les brouillons en attente sur toutes les pages etc etc EmptySam 14 Oct 2017 - 8:51

Hello les ami(e)s,

voici une astuce qui affichera respectivement:

Le nombre de brouillon(s) en attente (pluriel et singulier prit en compte).
Le lien du ou des sujet(s) concerné(s) (pluriel et singulier prit en compte).
Le lien vers le ou  les brouillons .

Aperçu imagé avec plusieurs brouillons:
[EDGE] Afficher les brouillons en attente sur toutes les pages etc etc 115

Oui je sais, j'en fais pas mal mdr .


Aperçu imagé avec un brouillon:

[EDGE] Afficher les brouillons en attente sur toutes les pages etc etc 214

Vous pourrez modifier comme bon vous semble l'apparence aussi bien dans le script, ou vous pourrez vous aider des commentaires
afin de mettre votre propre couleur et tailles de police...

Dès qu'il y aura un brouillon, le membre verra s'afficher progressivement cette fameuse div

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


Mettez un titre explicite.
Cochez sur toutes les pages.

Déposez ceci:
Code:

$(function(){
        $('body').append('<div class="M14_Brouillon">
        <center><span class="M14_Brouillon_title"></span><br />
        <span class="M14_Brouillon_info"></span><br /></center>        
        <center class="M14_center"></center>
        <div class="M14_GetBrouillon"></div></div>');
        $.get('/search?search_id=draftsearch',function(data){
        var M14_brouillon=$(data).find('.table1').find('a[href$="mode=editpostdraft"]').length;
          var link='/search?search_id=draftsearch';
        // Couleur de police a changer ici
          var color='#01B0F0';
        //Taille de police du titre a changer ici
          var siZetitle='11px';
        //Taille de police du lien a changer ici
          var siZelink='11px';
      
      
        if(M14_brouillon ==1 )
        {
        $('.M14_Brouillon').fadeIn(1000);
        $('.M14_Brouillon .M14_Brouillon_title').html('<span style="color:'+color+';font-size:'+siZetitle+';">Brouillon en attente ( '+M14_brouillon+' )</span> ');
        $('.M14_Brouillon span.M14_Brouillon_info').html('<a style="font-size:'+siZelink+';color:'+color+';"href="'+link+'"title="Voir le brouillon en attente">Vous avez '+M14_brouillon+' brouillon en attente</a>');
        $('.M14_Brouillon center.M14_center').html('Le sujet concerné');
        $('.M14_GetBrouillon').load('/search?search_id=draftsearch .table1 a[href^="/t"]');
        }
        else if(M14_brouillon >=1 )
        {
        $('.M14_Brouillon').fadeIn(1000);
        $('.M14_Brouillon .M14_Brouillon_title').html('<span style="color:'+color+';font-size:'+siZetitle+';">Brouillons en attente ( '+M14_brouillon+' )</span> ');
        $('.M14_Brouillon span.M14_Brouillon_info').html('<a style="font-size:'+siZelink+';color:'+color+';"href="'+link+'"title="Voir les '+M14_brouillon+' brouillons en attente">Vous avez '+M14_brouillon+' brouillons en attente</a>');
        $('.M14_GetBrouillon').load('/search?search_id=draftsearch .table1 a[href^="/t"]');
        $('.M14_Brouillon center.M14_center').html('Les sujets concernés');
        }
        else{$('.M14_Brouillon').remove();
        }
        });
        });

Pensez a cliquer sur le bouton Valider


Puis le style:

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajoutez ceci:
Code:

  /*Le conteneur des brouillons*/
    .M14_Brouillon
    {
    display:none;
    width:230px;
    border:2px solid #8E3557;
    background-color:#ffffff;
    padding: 2px;
    position: fixed;
    top:40px;
    left: 5px;
    }
    /*La partie annoncant Les sujets concernes*/
    .M14_Brouillon center.M14_center{font-size:13px;font-style:italic;color:#8E3557;}
    /*Suppression du soulignement des liens*/
    .M14_GetBrouillon a[href^="/t"],.M14_Brouillon a{text-decoration:none!important;}

    /*Le conteneur des sujets*/
    .M14_GetBrouillon
    {
    padding: 3px;
    min-height:60px;
    height:auto;
    max-height:200px;
    overflow-y:auto;
    margin: 3px;
    border: 1px dotted #333333;
    background-color:#ffffff;
    border-radius:6px;
    }
    /*Apparence des sujets dans le conteneur*/
    .M14_GetBrouillon a[href^="/t"]
    {
    float:left;
    margin-left:3px;
    color: #01B0F0!important;
    font-size:10px !important;
    white-space: nowrap;
    width:180px;
    overflow: hidden;
    }
    /*L asterisque devant les titres des sujets*/
    .M14_GetBrouillon a[href^="/t"]:before
    {
    content:"*";
    color:#8E3557;
    position: relative;
    top: 2px;
    margin-right: 5px;
    }



Pensez à valider les modifications en cliquant sur le bouton Valider



Dans le script,vous pouvez changer :

La transition d'affichage ici(à deux reprises):
Code:
$('.M14_Brouillon').fadeIn(1000);
Modifiez la valeur 1000( 1 seconde ) par celle que vous souhaitez.

Exemple si vous désirez 2 secondes:
Code:
$('.M14_Brouillon').fadeIn(2000);


La couleur de police ici:
Code:

// Couleur de police a changer ici
  var color='#01B0F0';

La taille de police du titre ici:
Code:

//Taille de police du titre a changer ici
  var siZetitle='11px';

La taille de police du lien ici:
Code:

//Taille de police du lien a changer ici
  var siZelink='11px';


Dernière édition par Milouze14 le Mar 30 Nov 2021 - 4:12, édité 3 fois
Revenir en haut Aller en bas
https://www.milouze14.com
clost
Milouzien

clost



[EDGE] Afficher les brouillons en attente sur toutes les pages etc etc Empty
MessageSujet: Re: [EDGE] Afficher les brouillons en attente sur toutes les pages etc etc   [EDGE] Afficher les brouillons en attente sur toutes les pages etc etc EmptySam 14 Oct 2017 - 20:22

Merci beaucoup !
Revenir en haut Aller en bas
https://www.dyane-collection-passion.net
hamesashek
Milouzien

hamesashek



[EDGE] Afficher les brouillons en attente sur toutes les pages etc etc Empty
MessageSujet: Re: [EDGE] Afficher les brouillons en attente sur toutes les pages etc etc   [EDGE] Afficher les brouillons en attente sur toutes les pages etc etc EmptyMar 12 Déc 2017 - 14:06

Merci beaucoup !
Revenir en haut Aller en bas
http://3arb-way.a7larab.net/
Splash
Milouzien

Splash



[EDGE] Afficher les brouillons en attente sur toutes les pages etc etc Empty
MessageSujet: Re: [EDGE] Afficher les brouillons en attente sur toutes les pages etc etc   [EDGE] Afficher les brouillons en attente sur toutes les pages etc etc EmptyJeu 27 Sep 2018 - 8:49

Merci beaucoup !

Une question toute bête cependant, on fait comment pour utiliser les brouillons ?
J'ai bien coché la case au PA mais je ne vois pas comment en faire
Revenir en haut Aller en bas
https://lesforums.caforum.fr
Contenu sponsorisé





[EDGE] Afficher les brouillons en attente sur toutes les pages etc etc Empty
MessageSujet: Re: [EDGE] Afficher les brouillons en attente sur toutes les pages etc etc   [EDGE] Afficher les brouillons en attente sur toutes les pages etc etc Empty

Revenir en haut Aller en bas
 
[EDGE] Afficher les brouillons en attente sur toutes les pages etc etc
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [PHPBB2] Afficher les brouillons en attente sur toutes les pages etc etc
» [PHPBB2] Widget anniversaire sur toutes les pages du fofo
» [PHPBB3] Widget anniversaire sur toutes les pages du fofo
» [TOUTES VERSIONS] Afficher une partie des MPS reçus
» [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 :: Les astuces EDGE-
Sauter vers: