Connexion

Récupérer mon mot de passe

Derniers sujets
» [AwesomeBB] Profils en onglets
[PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré Clock-10Aujourd'hui à 19:01 par Milouze14

» [PhpBB2] Changer le lien d'une image par une icone font awesone
[PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré Clock-10Aujourd'hui à 16:14 par fascicularia

» Test d'intelligence des politiciens-(e) histoire blagounette
[PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré Clock-10Aujourd'hui à 9:22 par Quad Daniel

» histoire du Jour sans fin
[PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré Clock-10Aujourd'hui à 9:11 par Quad Daniel

» Règlement de l'entraide Forumactif
[PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré Clock-10Hier à 11:42 par BADLANDS

» [AwesomeBB] Problème avec le tuto "AutoSuggestion" - Incompatible version AwesomeBB
[PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré Clock-10Mer 21 Aoû 2019 - 12:14 par MathisB

» *RESOLU*[AwesomeBB] Barre de progression sur la page - AwesomeBB
[PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré Clock-10Mar 20 Aoû 2019 - 21:17 par Milouze14

» *RESOLU*[PhpBB2] Insérer la valeur d'un champ personnalisé dans une page HTML
[PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré Clock-10Mar 20 Aoû 2019 - 19:11 par Milouze14

» *CORBEILLE*[PhpBB2] Récupérer la valeur d'un input
[PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré Clock-10Lun 19 Aoû 2019 - 18:42 par Milouze14

» *RESOLU*[PhpBB3] Prévisualisation directe
[PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré Clock-10Ven 16 Aoû 2019 - 11:06 par Milouze14

» *RESOLU*[PhpBB2] l'image s'éclairci dans le codage
[PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré Clock-10Lun 12 Aoû 2019 - 6:30 par Milouze14

» *RESOLU*[PhpBB2] Vérifier valeur dans InArray (Jquery)
[PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré Clock-10Sam 10 Aoû 2019 - 6:24 par Milouze14

» *RESOLU*[PhpBB2] Récupérer valeur checkbox
[PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré Clock-10Jeu 8 Aoû 2019 - 4:17 par Milouze14

» [Toutes versions] Utiliser les variables utilisateur/forum
[PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré Clock-10Mer 31 Juil 2019 - 19:36 par photoclic

» *RESOLU*[PhpBB2] Encadrement des photos dans le .preview .postbody
[PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré Clock-10Mer 31 Juil 2019 - 19:19 par Milouze14

» *RESOLU*[PhpBB3] Nombre de messages et membres su qeel
[PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré Clock-10Mer 31 Juil 2019 - 17:01 par no_way

» *RESOLU*[PhpBB2] Prévisualisation en direct
[PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré Clock-10Lun 29 Juil 2019 - 17:42 par Milouze14

» *RESOLU*[PhpBB2] La version web ne s'affiche pas sur "mon" IPAD.
[PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré Clock-10Ven 26 Juil 2019 - 19:51 par Milouze14

» [AwesomeBB] Problème avec le tuto "AutoSuggestion" - Incompatible version AwesomeBB
[PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré Clock-10Dim 21 Juil 2019 - 6:07 par Milouze14

» [Toutes versions]Remplacer les icônes de l'éditeur par des icônes FontAwesome
[PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré Clock-10Sam 20 Juil 2019 - 11:23 par Morane

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

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

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Lun 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 ?

-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
[PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré Staff10




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







Voila, c est tout pour le moment  clin oeil .
Un soucis direction l entraide hinhin
https://www.milouze14.com/f108-entraide-tous-supports


Dernière édition par Milouze14 le Dim 7 Oct 2018 - 8:51, édité 2 fois
fascicularia
fascicularia
Milouzien

Messagefascicularia le Mar 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
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 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
dragon594
dragon594
Milouzien

Messagedragon594 le Mar 16 Aoû 2016 - 22:34

Merci beaucoup !
avatar
Gypsy Water.
Milouzien

MessageGypsy Water. le Dim 4 Déc 2016 - 19:14

Merci beaucoup !
fred9545
fred9545
Milouzien

Messagefred9545 le Dim 10 Fév 2019 - 20:47

Merci beaucoup !

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