Ajouter un bouton de prévisualisation aux titres des topics
Page 1 sur 1•Partagez
- Splash
StaffAdmin - Visualisation du message :
- Code:
$(function(){
var isPunbb = '';
if ($('.pun').length) var isPunbb = 'class="pun"';
$('a.topictitle').after(' <img id="topicPreview" src="https://i.servimg.com/u/f45/19/95/20/55/41904010.png" title="Aperçu" alt="Preview" style="cursor:pointer;"/>');
$('img#topicPreview').click(function() {
$('body').append('<div id="preview-filter" style="position:fixed;left:0;right:0;top:0;bottom:0;background:url(https://i.servimg.com/u/f39/18/21/41/30/overla10.png);cursor:pointer;z-index:10;"></div><div id="topicPreview-container" '+isPunbb+' style="width:auto;top:20%;left:15%;right:15%;padding:4px;position:fixed;z-index:50;background:#EEE;border:1px solid #CCC;border-radius:5px;"><div id="topicPreviewing" style="max-height:400px;overflow-y:auto;"><center><span class="topicPreview-loading" style="font-weight:bold;font-size:18px;">Loading...</span></center></div></div>');
$('#topicPreviewing').load($(this).siblings('a.topictitle').attr('href')+' .post:eq(0)');
$('#preview-filter').click(function(){$('#preview-filter, #topicPreview-container').remove()});
});
});- Code:
<img id="topicPreview" src="https://i.servimg.com/u/f45/19/95/20/55/41904010.png"
- Code:
title="Aperçu"
Hi,
Voici une astuce qui vient du forum anglais > Clique
Avec ce tutoriel, vous pourrez ajouter un bouton de prévisualisation aux titres de vos sujets pour votre forum afin de visualiser le premier message
Direction le javascript
Panneau d'administration / Modules / HTML & JAVASCRIPT / Gestion des codes javascript
Mettre ce code javascript sur les sous-forums :
Pensez à
Si vous voulez remplacer l'image du bouton de prévisualisation, dans le script cela se trouve ici :
En positionnant la souris sur le bouton le message "Aperçu" s'affichera en infobulle, si vous voulez changer le message c'est ici dans le script :
À bientôt
Voici une astuce qui vient du forum anglais > Clique
Avec ce tutoriel, vous pourrez ajouter un bouton de prévisualisation aux titres de vos sujets pour votre forum afin de visualiser le premier message
Direction le javascript
Panneau d'administration / Modules / HTML & JAVASCRIPT / Gestion des codes javascript
Mettre ce code javascript sur les sous-forums :
Pensez à
Si vous voulez remplacer l'image du bouton de prévisualisation, dans le script cela se trouve ici :
En positionnant la souris sur le bouton le message "Aperçu" s'affichera en infobulle, si vous voulez changer le message c'est ici dans le script :
:u1: |
Pour bien réaliser cette astuce
Dans cette astuce il est question d'ajouter un code javascript au forum, si vous n'êtes pas à l'aise avec cette démarche il existe ce tuto d'aide ici > Le javascript
Sujets les plus actifs
Sujets les plus vus
Meilleurs posteurs
Lun 28 Oct 2024 - 8:48 par Kionk
» » Centrer l'avatar, le pseudo & le rang dans les messages
Dim 27 Oct 2024 - 14:19 par Kionk
» » Modifier les icônes et textes des boutons "Afficher" et "Cacher" des catégories
Jeu 24 Oct 2024 - 1:23 par Kionk
» » Ajouter son copyright
Ven 19 Juil 2024 - 23:11 par Noxys
» » Bouton MP "Répondre" adapté à la version ModernBB
Mer 31 Jan 2024 - 13:03 par NIK SIURI
» » Réduire la hauteur des catégories
Mer 31 Jan 2024 - 12:59 par NIK SIURI
» » [AwesomeBB] Ajout d'un bloc de connexion/enregistrement en bas de page
Mer 31 Jan 2024 - 12:35 par NIK SIURI
» » Afficher les avatars en forme rectangulaire
Mer 31 Jan 2024 - 11:47 par NIK SIURI
» » Modifier la partie des stats en début de qeel
Mer 31 Jan 2024 - 11:45 par NIK SIURI
» » Mettre une image au qeel
Mer 31 Jan 2024 - 11:37 par NIK SIURI
» » Rendre l'image du header cliquable
Mer 31 Jan 2024 - 11:34 par NIK SIURI
» » Elargir le cadre de la boite de smileys
Mer 31 Jan 2024 - 11:33 par NIK SIURI
» » [phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème
Mer 31 Jan 2024 - 10:29 par NIK SIURI
» » Catégories rétractables sur l'index
Mer 31 Jan 2024 - 10:17 par NIK SIURI
» » [phpBB3] Catégories de différentes couleurs
Mer 31 Jan 2024 - 10:17 par NIK SIURI