Connexion

Récupérer mon mot de passe

Derniers sujets
» [PhpBB3] Miniature agrandie sur réponse rapide
par Milouze14 Aujourd'hui à 17:41

» [PhpBB2] positionnement css
par Milouze14 Lun 18 Nov 2019 - 17:50

» histoire du Jour sans fin
par Quad Daniel Lun 18 Nov 2019 - 7:28

» *RESOLU*[PhpBB2] Notifications Push
par Milouze14 Lun 18 Nov 2019 - 6:06

» *RESOLU*[PhpBB2] Modifier la toolbar
par Milouze14 Lun 18 Nov 2019 - 6:03

» [PHPBB2] Menu Rechercher en haut à gauche effet survol
par HardRock Sam 16 Nov 2019 - 21:23

» *RESOLU*[PhpBB3] Couleur de lien dans les messages
par Milouze14 Sam 16 Nov 2019 - 19:04

» *CORBEILLE*[PhpBB2] avertissement lors de la publication d'un email 2 le retour
par Milouze14 Sam 16 Nov 2019 - 7:16

» [PhpBB2]Module de connexion type forumactif
par petitefeuille Jeu 14 Nov 2019 - 13:12

» Règlement de l'entraide Forumactif
par msfeettoes Mer 13 Nov 2019 - 17:28

» *RESOLU*[PhpBB3] Retirer bouton contact aux invités
par Milouze14 Mer 13 Nov 2019 - 15:59

» [PhpBB2] Avertissement lors de la publication d'un email
par Milouze14 Mer 13 Nov 2019 - 3:53

» *RESOLU*[PhpBB2] Annonce Google décalée
par Milouze14 Lun 11 Nov 2019 - 21:08

» [PhpBB2] Ajouter à vos favoris
par Milouze14 Lun 11 Nov 2019 - 18:22

» [PhpBB2] Changer le nom d'un groupe
par petitefeuille Lun 11 Nov 2019 - 15:53

» *RESOLU*[Edge] Bannière defilante
par Milouze14 Lun 11 Nov 2019 - 8:57

» *RESOLU*[PhpBB3] Bouton uniquement sur premier post
par Milouze14 Dim 10 Nov 2019 - 19:19

» *RESOLU*[PhpBB3] Photos par thèmes
par Milouze14 Dim 10 Nov 2019 - 17:51

» Le ver de terre "Blagounette"
par soleda Sam 9 Nov 2019 - 6:14

» *RESOLU*[PhpBB3] L'heure sous la date dans un Blog
par Milouze14 Ven 8 Nov 2019 - 19:30

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

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

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 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
-Astuce des Forums Milouze14&Compagnie-





  • Astuce postée par:
    Réponse automatique:

    Merci de cliquer ici pour voir le message

Pour toute information,merci de contacter un Membre du Staff
[EDGE] Afficher les brouillons en attente sur toutes les pages etc etc Staff10




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';








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 Sam 13 Avr 2019 - 19:31, édité 1 fois
clost
clost
Milouzien

Messageclost le Sam 14 Oct 2017 - 20:22

Merci beaucoup !
hamesashek
hamesashek
Milouzien

Messagehamesashek le Mar 12 Déc 2017 - 14:06

Merci beaucoup !
Splash
Splash
Milouzien

MessageSplash le Jeu 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

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

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à membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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