C'est la fin du projet CSSActif, vous trouverez les explications ici : Fin de CSSActif, ouverture du forum. Le forum reste cependant ouvert à tous et ses ressources sont entièrement disponibles. Merci à tous !
Derniers sujets
» QEEL en 3 colones + chatbox
Dim 25 Nov 2018, 14:57 par lolilol

» Qui est en ligne tableau.
Dim 25 Nov 2018, 14:54 par lolilol

» Structure de Qui Est En Ligne (1)
Dim 25 Nov 2018, 14:53 par lolilol

» Qui est en ligne "3 en 1"
Dim 25 Nov 2018, 14:51 par lolilol

» Ajouter une image dans la zone de citation
Dim 25 Nov 2018, 04:37 par LuciaRaven

» Previsualiser le premier message d'un sujet
Dim 25 Nov 2018, 04:35 par LuciaRaven

» Formulaire de connexion rapide amélioré
Dim 25 Nov 2018, 04:23 par LuciaRaven

» Effet de volet glissant sur un bloc
Sam 24 Nov 2018, 11:17 par NerSox


Partagez | 
 

Header aléatoire

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Voir le profil de l'utilisateur http://haras-du-clos.forumactif.com/
{ Membre }
{ Membre }

Féminin Messages : 78



Header aléatoire

Niveau: Facile | Par: crash | Validé par: Kaiji | En date du: 18/07/10
    ▬ Bonjour =)
    Par le biais de ce tuto, j'aimerais vous apprendre à créer une bannière aléatoire pour votre forum. Ainsi, votre bannière changera de mise en forme lors des actualisations des pages de façon purement aléatoire.

    Déjà, il vous faudra savoir combien de bannières vous désirez afin de les créer. Votre bannière principale devra être placée dans la partie appropriée au design. Vous me suivez ?

    Bon, après, c'est là qu'intervient réellement le tutoriel. Votre bannière étant placée, il ne vous reste plus qu'à mettre les autres au bon endroit pour activer l'effet aléatoire. Ah bon ? je ne sais pas expliquer ? ^^

    Bref, vous allez devoir créer un nouveau fichier Javascript dans votre panneau d'administration, onglet Modules puis HTML & Javascript » Gestion des codes Javascript, et cliquez sur "Créer un nouveau javascript". Vous allez le nommer ainsi : Bannière Aléatoire.

    Ensuite, vous allez coller le code suivant :

    Code:
    var banner = new Array();

    banner[0]='URL_BANNIERE_BASIQUE (celle mise dans le design)';
    banner[1]='URL_BANNIERE_1';
    banner[2]='URL_BANNIERE_2';

    document.getElementById('i_logo').src= banner[Math.floor(Math.random()*banner.length)];

    Vous pouvez rajouter autant de bannières que vous voulez en ajoutant tout simplement ce code à la suite de banner[2]='...'; :

    Code:
    banner[3]='URL_BANNIERE_3';

    Bien sûr, il faut penser à modifier le numéro entre crochets [..]
    ASTUCE : Si vous voulez qu'une bannière se répète moins souvent qu'une autre, il suffit par exemple, de mettre deux fois la bannière de base et une fois celle qui est différente. Vous pouvez ainsi combiner à votre guise la fréquence d'apparition d'une bannière.

    Une fois que votre code vous convient enregistrez votre javascript. Pensez à activer son affichage sur toutes les pages, et aussi bien sûr à activer la gestion des codes Javascript sur votre forum.

    Place à l'exemple. Voici ce que j'avais fait pour mon forum. Je voulais que cette bannière : Ban I se répète moins souvent que celle-ci : Ban II je l'avais donc placé en [1] et l'autre en [0] et [2]

    Et voilà ce que ça donnait :

    Ici

    Désolé de mes explications foireuses x) je suis pas très douée en tutos... J'éspère que celui-ci vous conviendra quand même =)
MessageSujet: Header aléatoire   Sam 17 Juil 2010, 06:17
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.i-love-harvard.com/
avatar
Blanche-Neige
Blanche-Neige

Féminin Messages : 5576



FAQ


Q
//

R
//


Pour toute question sur ce tutoriel, merci de poster une demande d'aide ici :
http://www.css-actif.com/f17-aide-css-xhtml


Le forum n'est désormais plus géré par le staff, laissé seulement ouvert pour que les ressources et l'entraide restent accessibles. Vous pouvez néanmoins m'envoyer un MP pour supprimer un message, signaler un plagiat ou autre, je m'en occuperai à ma prochaine connexion.
MessageSujet: Re: Header aléatoire   Ven 22 Juil 2011, 08:35
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://nihon-no-shinbun.forumculture.net/
{ Membre }
{ Membre }

Féminin Messages : 25



C'est super !! Very Happy Merci beaucoup !
MessageSujet: Re: Header aléatoire   Jeu 26 Avr 2012, 16:32
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://chroniclewerewolf.forums-actifs.net/index.htm
avatar
{ Membre }
{ Membre }

Féminin Messages : 23



Merci pour ce tuto! Ca marche très bien quand mon côté blonde ne prend pas le dessus lol
MessageSujet: Re: Header aléatoire   Lun 21 Mai 2012, 15:37
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://ff-games.forumactif.org
avatar
{ Membre }
{ Membre }

Féminin Messages : 29



Anego a écrit:
Merci pour ce tuto! Ca marche très bien quand mon côté blonde ne prend pas le dessus lol

Idem, je crois que tout le monde à un côté blonde enfin je dis ça, je dis rien ^^
Merci encore, moi ça marche impeccable
MessageSujet: Re: Header aléatoire   Ven 15 Juin 2012, 12:37
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://magicwolves.forum-canada.com/
{ Membre }
{ Membre }

Féminin Messages : 4



well ça l'air que je suis blonde, mais ça ne fonctionne pas sur mon fow!
MessageSujet: Re: Header aléatoire   Lun 27 Aoû 2012, 22:13
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Membre actif }
{ Membre actif }

Féminin Messages : 1170




Hello Fugia !
Les tutoriels sont ouverts aux commentaires et aux suggestions seulement. En cas de problème ou de question, comme indiqué sur cette page, merci d'ouvrir un sujet dans la section Aide CSS & xHTML, en donnant le lien vers ce tutoriel.

Merci de ta compréhension. Smile


MessageSujet: Re: Header aléatoire   Dim 09 Sep 2012, 09:47
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
{ Membre }
{ Membre }

Féminin Messages : 11



J'ai une question, parce que ça ne marche pas chez moi.

Citation :
Votre bannière principale devra être placée dans la partie appropriée au design

Ca veux dire où ? Parce que chez moi, rien a faire, ça ne marche pas.
MessageSujet: Re: Header aléatoire   Mer 27 Mar 2013, 18:58
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://hungergamesrpg.forumactif.org/
{ Membre }
{ Membre }

Masculin Messages : 13



Merci Smile
MessageSujet: Re: Header aléatoire   Dim 05 Mai 2013, 01:56
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://justiceleague.forumotion.com/
avatar
{ Membre }
{ Membre }

Masculin Messages : 24



Sa ne marche pas pour moi Sad
MessageSujet: Re: Header aléatoire   Jeu 18 Juil 2013, 16:34
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://lost-world.forumactif.com/
avatar
{ Membre }
{ Membre }

Féminin Messages : 14



Merci beaucoup =)
MessageSujet: Re: Header aléatoire   Mer 14 Aoû 2013, 16:39
Revenir en haut Aller en bas
Contenu sponsorisé




MessageSujet: Re: Header aléatoire   
Revenir en haut Aller en bas
 

Header aléatoire

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Header aléatoire
» [Résolu] Header aléatoire .. i_logo pas défini
» Header thème pour forum, questionnement.
» Background aléatoire
» Diaporama aléatoire

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Tutoriels de CSSActif :: ForumActif Pas à pas :: Le Header-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | © phpBB | Forum gratuit d'entraide | Contact | Signaler un abus | Forum gratuit