1. IMPORTANT : Nouvelles mesures de sécurité - 2. Règles pour obtenir de l'aide dans les forums de support - 3. Restrictions des droits pour le groupe "Support suspendu"

Il est obligatoire de respecter les Règles de MyBB.fr : Version abrégée ou Version complète pour obtenir du support sur nos forums.

Les membres ayant un site/forum contrevenant aux règles de MyBB.support seront placés dans le groupe "Support suspendu" et ne bénéficieront plus du support du staff. Nous recommandons aux autres membres d'agir de même. Il ne s'agit pas d'un bannissement, le membre retrouvera son statut "normal" dès que sa situation sera conforme aux règles.

Nouveau : un Wiki en français : plus de détails.
Avant de soumettre votre problème, consultez-le, ainsi que la FAQ, sans oublier le moteur de recherche interne.


Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Un fade-in sur vos pages.
Tags » jqueryun, fade-in, sur, vos, pages
17-08-2014, 17:53, (This post was last modified: 17-08-2014, 17:54 by Zeatlan.)
#1
Un fade-in sur vos pages.
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

[Image: banniere.png]
Reply




Users browsing this thread: 1 Guest(s)

Contact Us | MyBB.support | Return to Top | Return to Content | Lite (Archive) Mode | RSS Syndication
 Translation utility provided by Regentronique