+- MyBB.support, le portail francophone de MyBB (https://mybb.fr)
+-- Forum : MyBB.fr (https://mybb.fr/forum-1.html)
+--- Forum : Tutoriels (https://mybb.fr/forum-19.html)
+--- Sujet : Un fade-in sur vos pages. (/thread-7012.html)
Un fade-in sur vos pages. - Zeatlan - 17-08-2014
Salut,
je vous propose un tutoriel qui vous permettra de faire un fade-in sur vos pages de votre forum.
On commence tout de suite par le template "headerinclunde"
administration > Templates & Styles > Templates (votre template) > Templates dissociés > headerinclude
Trouver :
Code :
{$stylesheets}Ajouter juste avant :
Code :
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>Sauvegarder.
Maintenant on va sur le template "header" (Entête template > Header)
Ajoutez tout au début :
Code :
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function() {
jQuery("#content").fadeIn(2000);
});
</script>Dans le même template trouvez :
Code :
<div id="content">Remplacez par :
Code :
<div id="content" style="display:none;">Maintenant sauvegardez et admirez !
(ps : en javascript "2000" est mesuré en millième de seconde)
Démo : http://heart-of-azeroth.net