Un fade-in sur vos pages.

[Zeatlan]

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