Membres connectés récemment
[PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré
+2
fascicularia
Milouze14
6 participants
Page 1 sur 1 • Partagez
,
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 :
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.
L'avantage de cette astuce est la hauteur que vous aller gagner et aussi le
design .
Au clic:
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:
Pensez a cliquer sur le bouton
Puis le style:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Déposez ceci:
Vous pouvez modifier le style au niveau des commentaires
ne spécifiant pas ceci:
Pensez à valider les modifications en cliquant sur le bouton
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 :
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.
L'avantage de cette astuce est la hauteur que vous aller gagner et aussi le
design .
Au clic:
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
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
Sujets similaires
» [PHPBB2] Afficher l'id/ami et brouillon dans le Welcome de la toolbar
» [PHPBB2] Afficher une infobulle dans les cellules des forums et la liste des sujets
» [PHPBB2] Infobulle et espace entre 2 mots
» [PHPBB2] Afficher les informations du profil des messages dans une infobulle
» [PHPBB2]Ajouter l'infobulle au survol des boutons de la barre de navigation
» [PHPBB2] Afficher une infobulle dans les cellules des forums et la liste des sujets
» [PHPBB2] Infobulle et espace entre 2 mots
» [PHPBB2] Afficher les informations du profil des messages dans une infobulle
» [PHPBB2]Ajouter l'infobulle au survol des boutons de la barre de navigation
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