17-08-2014, 17:53
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 :
Ajouter juste avant :
Sauvegarder.
Maintenant on va sur le template "header" (Entête template > Header)
Ajoutez tout au début :
Dans le même template trouvez :
Remplacez par :
Maintenant sauvegardez et admirez !
(ps : en javascript "2000" est mesuré en millième de seconde)
Démo : http://heart-of-azeroth.net
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