MyBB.support, le portail francophone de MyBB

Version complète : Un fade-in sur vos pages.
Vous consultez actuellement la version basse qualité d’un document. Voir la version complète avec le bon formatage.
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