Membres connectés récemment
[EDGE] Afficher les brouillons en attente sur toutes les pages etc etc
4 participants
Page 1 sur 1 • Partagez
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:
Oui je sais, j'en fais pas mal .
Aperçu imagé avec un brouillon:
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:
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:
Pensez à valider les modifications en cliquant sur le bouton Valider
Dans le script,vous pouvez changer :
La transition d'affichage ici(à deux reprises):
Exemple si vous désirez 2 secondes:
La couleur de police ici:
La taille de police du titre ici:
La taille de police du lien ici:
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:
Oui je sais, j'en fais pas mal .
Aperçu imagé avec un brouillon:
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);
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';
Sujets similaires
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum