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  
Le deal à ne pas rater :
Cartes Pokémon : où et quand vont sortir les coffrets EB10.5 ...
Voir le deal

 

 [PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré

Aller en bas 
+2
fascicularia
Milouze14
6 participants
AuteurMessage
Milouze14
Fondateur

Milouze14



[PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré Empty
MessageSujet: [PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré   [PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré EmptyLun 17 Aoû 2015 - 20:40

coucou ,

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 hinhin .

Actuellement vous avez ceci :

[PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré 0148

Il est vrai que cela n'est pas très chouette en visuel hinhin .

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

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

Ceci vous intéresse ?





Modules/HTML JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre 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  Valid


Puis le style:

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

Dé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  Valid







Dernière édition par Milouze14 le Lun 29 Nov 2021 - 6:50, édité 4 fois
Revenir en haut Aller en bas
https://www.milouze14.com
fascicularia
Milouzien

fascicularia



[PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré Empty
MessageSujet: Re: [PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré   [PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré EmptyMar 18 Aoû 2015 - 0:44

coucou Bonjour Philippe. Chapeau bas pour cette astuce et merci pour le partage.

mon petit doigt me dit que tu vas nous faire la même chose pour la messagerie  timidesortdutrou
Revenir en haut Aller en bas
https://altitudetropicale.forums-actifs.com/
Milouze14
Fondateur

Milouze14



[PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré Empty
MessageSujet: Re: [PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré   [PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré EmptyMar 18 Aoû 2015 - 6:01

Salut Stéphane,
ton tit doigt a menti car je ne connais pas la technique pour allez récupérer le contenu du sujet hinhin .

Par contre se servir de l'option brouillon
pour la transformer en bloc note !!!!!!!!! moqueur
Revenir en haut Aller en bas
https://www.milouze14.com
dragon594
Milouzien

dragon594



[PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré Empty
MessageSujet: Re: [PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré   [PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré EmptyMar 16 Aoû 2016 - 22:34

Merci beaucoup !
Revenir en haut Aller en bas
https://dragon-graphisme59.forumactif.org/
Gypsy Water.
Milouzien

avatar



[PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré Empty
MessageSujet: Re: [PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré   [PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré EmptyDim 4 Déc 2016 - 19:14

Merci beaucoup !
Revenir en haut Aller en bas
fred9545
Milouzien

fred9545



[PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré Empty
MessageSujet: Re: [PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré   [PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré EmptyDim 10 Fév 2019 - 20:47

Merci beaucoup !
Revenir en haut Aller en bas
http://www.mecanique-auto.com/
christ77000
Milouzien

avatar



[PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré Empty
MessageSujet: Re: [PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré   [PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré EmptyVen 28 Fév 2020 - 15:06

Merci beaucoup encore une fois super

Juste peut etre ajouter a l'astuce,

le fait qu'il faille faire une previsualisation du message en cours  pour trouver le bouton "brouillon" entre previsualisation et envoyer

Revenir en haut Aller en bas
https://adoption-des-terrier.forumactif.com/forum
Contenu sponsorisé





[PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré Empty
MessageSujet: Re: [PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré   [PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré Empty

Revenir en haut Aller en bas
 
[PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [PHPBB2] Afficher l'id/ami et brouillon dans le Welcome de la toolbar
» [PHPBB2]Ajouter l'infobulle au survol des boutons de la barre de navigation
» [PHPBB2] Afficher les informations du profil des messages dans une infobulle
» [PHPBB2] Afficher une infobulle au survol des titres des sujets avec......
» [PHPBB2] Afficher une infobulle dans les cellules des forums et la liste des sujets

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