
,
le titre n'est pas explicite , voilà pourquoi je vais imager l'illustration de l'astuce .
Il faut donc activer la fonction des brouillons sur votre fofo

.
Actuellement vous avez ceci :
![[PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré 0148](https://i.servimg.com/u/f18/11/26/21/37/0148.png)
Il est vrai que cela n'est pas très chouette en visuel

.
Vous pouvez aussi avoir le même texte qui au clic affichera le texte enregistré sous forme d'infobulle.
![[PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré 0228](https://i.servimg.com/u/f18/11/26/21/37/0228.png)
L'avantage de cette astuce est la hauteur que vous aller gagner et aussi le
design .
Au clic:
![[PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré 0313](https://i.servimg.com/u/f18/11/26/21/37/0313.png)
Ceci vous intéresse ?
Modules/
HTML JAVASCRIPT/
Gestion des codes Javascript/
Créer un nouveau JavascriptMettre un titre explicite.
Cocher sur toutes les pages.
Déposez ceci:
- Code:
-
location.pathname == "/search" && location.search == "?search_id=draftsearch" &&
$(function () {
$('body').addClass('M14_body');
$('.three-col form table.forumline tr.row1 td.row1 ').find('div.postdetails').before('<span>Voir l\'aperçu</span>');
$('.three-col form table.forumline tr.row1 td.row1').find('div.postdetails').wrapInner('<b></b>');
$('.three-col form table.forumline tr.row1 td.row1 b').unwrap().wrap(' <p class="M14_Stick"title="Fermer"></p> ');
$('.three-col form table.forumline tr.row1 td.row1 span').next().hide();
$('.three-col form table.forumline tr.row1 td.row1').removeAttr('onmouseover');
});
$(function(){
$('.three-col form table.forumline tr.row1 td.row1:nth-child(2) span').click(function(){
$(this).next().fadeIn();
});
$('p.M14_Stick').click(function(){
$(this).fadeOut();
});
});
Pensez a cliquer sur le bouton
Puis le style:
Dans la feuille de style:
Affichage/
Images et Couleurs/
Couleurs/
Feuille de styleDéposez ceci:
- Code:
-
/*L infobulle des brouillons*/
.M14_Stick
{
position: absolute;/*ne pas toucher*/
background-color: #F4F39E;
border: 1px solid #666;
text-align:left;
margin:-110px 0px;/*ne pas toucher*/
padding:8px 4px;/*ne pas toucher*/
width:200px;/*ne pas toucher*/
height:50px;/*ne pas toucher*/
overflow-y:auto;/*ne pas toucher*/
font-size:11px;/*ne pas toucher*/
word-wrap: break-word;/*ne pas toucher*/
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
font-family: Chalkboard, 'Comic Sans';
cursor:pointer;
}
/*On centre le texte*/
body.M14_body .three-col form table.forumline tr.row1 td.row1:nth-child(2)
{
text-align:center;
}
/*on donne une apparence au texte cliquable*/
body.M14_body .three-col form table.forumline tr.row1 td.row1:nth-child(2) span
{
font-size:11px;/*ne pas toucher*/
color:orange;
cursor:pointer;
}
Vous pouvez modifier le style au niveau des commentaires
ne spécifiant pas ceci:
- Code:
-
/*ne pas toucher*/
Pensez à valider les modifications en cliquant sur le bouton