MyBB.support, le portail francophone de MyBB
Un fade-in sur vos pages. - Version imprimable

+- MyBB.support, le portail francophone de MyBB (https://mybb.support)
+-- Forum : MyBB.fr (https://mybb.support/forum-1.html)
+--- Forum : Tutoriels (https://mybb.support/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


 Utilitaire de traduction fourni par Regentronique