Créer une bannière aléatoire ou défilante pour son forum

Voir le sujet précédent Voir le sujet suivant Aller en bas

  • 0

Astuce Créer une bannière aléatoire ou défilante pour son forum

Message par Shadow le Mer 6 Avr 2011 - 10:06

Créer une bannière aléatoire ou défilante

Ce tutoriel va vous expliquer comment créer une bannière aléatoire, c'est-à-dire une bannière qui change à chaque actualisation et à chaque changement de page.

Ce tutoriel vous expliquera aussi comment créer une bannière défilante, c'est-à-dire une bannière dont les images défilent les unes après les autres.

    Condition à remplir :

    Être administrateur.


Étape 1 : Créer une page HTML :

    Panneau d'administration
    Modules
    HTML - Gestion des pages HTML
    Créer une nouvelle page HTML

    Paramètrez les champs ainsi :

    Titre : bannière aléatoire
    Voulez-vous utiliser le haut et le bas de page de votre forum ? Non
    Utiliser cette page en tant que page d'accueil ? Non

      Dans la zone de texte Code HTML :

      Cliquez sur -html , si celui-ci apparaît.
      Si c'est +html qui est affiché, ne cliquez pas Wink


    Ensuite il faudra mettre dans la zone texte, le code approprié à votre version, parmis les codes de l'étape 2.


Étape 2 - Punbb : Le script à insérer :

    Code sans défilement de bannières :

    Code:
    var banner = new Array();

    banner.push('adresse_image_1');
    banner.push('adresse_image_2');
    banner.push('adresse_image_3');

    document.getElementById('pun-logo').firstChild.src= banner[Math.floor(Math.random()*banner.length)];
    Code avec défilement de bannières :

    Code:
    var banner = new Array();

    banner.push('adresse_image_1');
    banner.push('adresse_image_2');
    banner.push('adresse_image_3');

    document.getElementById('pun-logo').firstChild.src= banner[Math.floor(Math.random()*banner.length)];

    setInterval("document.getElementById('pun-logo').firstChild.src= banner[Math.floor(Math.random()*banner.length)];",3000);
    (il faut changer le 3000 (= 3 secondes) pour changer la période entre chaque bannière)


Étape 2 - Invision et Phpbb3 : Le script à insérer :

    Code sans défilement de bannières :

    Code:
    var banner = new Array();

    banner.push('adresse_image_1');
    banner.push('adresse_image_2');
    banner.push('adresse_image_3');

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

    Code avec défilement de bannières :

    Code:
    var banner = new Array();

    banner.push('adresse_image_1');
    banner.push('adresse_image_2');
    banner.push('adresse_image_3');

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

    setInterval("document.getElementById('logo').firstChild.src= banner[Math.floor(Math.random()*banner.length)];",3000);
    (il faut changer le 3000 (= 3 secondes) pour changer la période entre chaque bannière)


Étape 2 - Phpbb2 : Le script à insérer :

    Code sans défilement de bannières :

    Code:
    var banner = new Array();

    banner.push('adresse_image_1');
    banner.push('adresse_image_2');
    banner.push('adresse_image_3');

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

    Code avec défilement de bannières :

    Code:
    var banner = new Array();

    banner.push('adresse_image_1');
    banner.push('adresse_image_2');
    banner.push('adresse_image_3');

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

    setInterval("document.getElementById('i_logo').src= banner[Math.floor(Math.random()*banner.length)];",3000);
    (il faut changer le 3000 (= 3 secondes) pour changer la période entre chaque bannière )


    Pour ajouter une image dans toute les versions il faut :

    Ajouter une ligne "banner.push('adresse_image');" après la dernière ligne d'image ( ici banner.push('adresse_image_3'); ).

    Remplacer le adresse_image par l'url de la prochaine image des images devant apparaître aléatoirement.


Étape 3 : Lier le script à la page :

      Panneau d'administration
      Général
      Forum | Configuration
      Description du site


    Il suffit ensuite d'ajouter dans la description du site :

    Code:
    <script type='text/javascript' src='url_de_la_page_html'></script>
    En remplaçant url_de_la_page_html par l'adresse de la page que vous avec créé plus haut.

    Si vous avez tout bien fait, vous avez fini votre bannière aléatoire !
    Ce tuto peut être un peu complexe, alors n'hésitez pas en cas de problèmes à poster sur le forum. Wink


Tutoriel réalisé par Toto456 pour Forumactif.
Aucune reproduction possible sans accord, conformément à l’article L122-1 du CPI.


Dernière édition par Zen le Mar 31 Mai 2011 - 15:31, édité 1 fois


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Shadow
Adminactive
Adminactive

Féminin
Messages : 23946
Inscrit(e) le : 30/03/2007

http://forum.forumactif.com
Shadow a été remercié(e) par l'auteur de ce sujet.

Astuce Re: Créer une bannière aléatoire ou défilante pour son forum

Message par Niten le Mer 6 Avr 2011 - 10:17

Excellent tutoriel. thumright

Pour avoir utilisé cet effet, je me permet juste de préciser qu'il est préférable que les bannières soient exactement au même format afin d'éviter les sautes désagréables sur une page d'accueil.

Niten
**

Messages : 80
Inscrit(e) le : 06/04/2011

Niten a été remercié(e) par l'auteur de ce sujet.

Astuce Re: Créer une bannière aléatoire ou défilante pour son forum

Message par Ea le Mer 6 Avr 2011 - 13:02

Ouip en effet ^^


Il y aurait moyen de redimensionner l'image à la même taille que la précédente mais vu qu'on se fierait au redimensionnement du navigateur, suivant quel navigateur c'est ça donnerait quelque chose de bien ou de bof, enfin autant avoir des images de la même taille au départ ( il y a aussi moyen de mettre du transparent autour d'une des bannières par un logiciel d'édition d'image si elle est trop petite ).

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23442
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Astuce Re: Créer une bannière aléatoire ou défilante pour son forum

Message par FANCH 56 le Jeu 7 Avr 2011 - 8:19

Bonjour

Une question avant de me lancer.

Est-ce que ceci, ne ralentira pas les accès pages ?

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Astuce Re: Créer une bannière aléatoire ou défilante pour son forum

Message par Ea le Jeu 7 Avr 2011 - 8:59

Le code est assez court ( même si souvent un long code ne ralentira pas forcément l'accès non plus ) et en plus normalement le navigateur pourrait le mettre en cache, donc ne télécharger qu'une fois la page du code et puis utiliser la page dans le cache ( sur l'ordinateur donc ) les prochaines fois.

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23442
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Astuce Re: Créer une bannière aléatoire ou défilante pour son forum

Message par OoelleoO le Sam 9 Avr 2011 - 18:11

Merci pour le tuto!!
Mais est-il possible de changer de bannière automatiquement en fonction de l'heure dans la journée (au lieu d'un changement aléatoire)? Pour PunBB!

OoelleoO
***

Féminin
Messages : 153
Inscrit(e) le : 20/11/2010

http://lesbiennesdalgerie.discutforum.com
OoelleoO a été remercié(e) par l'auteur de ce sujet.

Astuce Re: Créer une bannière aléatoire ou défilante pour son forum

Message par fred71 le Dim 10 Avr 2011 - 15:08

Bonjour,
j'ai essayé de suivre le tuto, mais quand j'arrive au bout, il ne se passe pas grand chose sur ma page d'accueil. En fait, ma bannière actuelle disparait mais celle que je veux mettre n'apparait pas.
Y a-t-il une option à cocher quelque par pour activer ?
Merci

fred71
Nouveau membre

Messages : 13
Inscrit(e) le : 10/09/2009

http://peugeotsport71.forumactif.com/forum.htm
fred71 a été remercié(e) par l'auteur de ce sujet.

Astuce Re: Créer une bannière aléatoire ou défilante pour son forum

Message par Ea le Dim 10 Avr 2011 - 15:35

Bonjour,


@ooelleoo : cela doit être réalisable il faudrait demander dans l'entraide ^^

@fred71 : cela doit fonctionner comme cela, il faudrait exposer votre problème dans la section d'entraide.

Cordialement.


Ea
Aidactif
Aidactif

Messages : 23442
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Astuce Re: Créer une bannière aléatoire ou défilante pour son forum

Message par kensaif le Sam 16 Avr 2011 - 1:56

slt ben c est compliquer le systeme pour mettre des videos ou un tchat box pour tchater en ligne il ya pas un truc plus simple ? merci !

kensaif
Nouveau membre

Masculin
Messages : 1
Inscrit(e) le : 13/04/2011

http://team-laurina.forum-gratuit.net
kensaif a été remercié(e) par l'auteur de ce sujet.

Astuce Re: Créer une bannière aléatoire ou défilante pour son forum

Message par Dyonisos le Sam 16 Avr 2011 - 15:13

Excellent tuto !!

Avec un peu d'imagination, de beaux effets sont possibles...

Excellent...

Dyonisos
Nouveau membre

Messages : 19
Inscrit(e) le : 05/05/2008

http://avicine-ma.forumdediscussions.com/
Dyonisos a été remercié(e) par l'auteur de ce sujet.

Astuce Re: Créer une bannière aléatoire ou défilante pour son forum

Message par audrey851996 le Dim 17 Avr 2011 - 0:38

bonjours, moi j'ai un probleme...

je ne trouve pas ceci:
► Modules
► HTML - Gestion des pages HTML
► Créer une nouvelle page HTML

et sinon, si je veux juste changer le "header" du haut, je fais comment ??

audrey851996
Nouveau membre

Féminin
Messages : 3
Inscrit(e) le : 17/04/2011

http://magicgraph.forumgratuit.be/
audrey851996 a été remercié(e) par l'auteur de ce sujet.

Astuce Re: Créer une bannière aléatoire ou défilante pour son forum

Message par Azusa-nakano le Dim 17 Avr 2011 - 17:15

C'est simple Audrey il faut que tu mettes la version avancé . Et en faîtes c'est quoi les images de ça :
► Cliquez sur , si celui-ci apparaît.
► Si c'est qui est affiché, ne cliquez pas
Bah la en haut normalement il y a des images mais c'est quoi ?

Azusa-nakano
*

Féminin
Messages : 33
Inscrit(e) le : 20/03/2011

http://manga-wonderland.forumgratuit.org/forum
Azusa-nakano a été remercié(e) par l'auteur de ce sujet.

Astuce Re: Créer une bannière aléatoire ou défilante pour son forum

Message par Black Jaàfar le Dim 17 Avr 2011 - 23:51

merci bcp Very Happy

Black Jaàfar
Nouveau membre

Messages : 1
Inscrit(e) le : 17/04/2011

http://www.1facebook1.forummaroc.net
Black Jaàfar a été remercié(e) par l'auteur de ce sujet.
  • 0

Astuce Re: Créer une bannière aléatoire ou défilante pour son forum

Message par R8 le Mar 19 Avr 2011 - 13:25

Quelqu'un peut me montrer un ex de ce que ca peut donner svp ?

R8
****

Messages : 268
Inscrit(e) le : 19/07/2007

http://www.206cclovers.com
R8 a été remercié(e) par l'auteur de ce sujet.

Astuce Re: Créer une bannière aléatoire ou défilante pour son forum

Message par azalee 33 le Jeu 21 Avr 2011 - 19:54

206cclover a écrit:Quelqu'un peut me montrer un ex de ce que ca peut donner svp ?

oui cela donnerait un apercu car je vois pas tres bien l'effet que cela peut donner

azalee 33
****

Féminin
Messages : 205
Inscrit(e) le : 08/02/2009

http://whippets.forumactif.info
azalee 33 a été remercié(e) par l'auteur de ce sujet.

Astuce Re: Créer une bannière aléatoire ou défilante pour son forum

Message par mde matos le Sam 23 Avr 2011 - 6:24

Jai bien esseyer. mais rien ne se passe , la bannierre defilante c'est la meme chose qu'une Annonce? ou bien ,
car jai mis en page d'acceuil annonce foto defilante

quelqun a il dejas esseyer si possible montre modele .
je vous met le lien du mien
http://lesamisduquad.forumactif.com/

mde matos
Nouveau membre

Masculin
Messages : 10
Inscrit(e) le : 31/01/2011

http://lesamisduquad.forumactif.com/
mde matos a été remercié(e) par l'auteur de ce sujet.

Astuce Re: Créer une bannière aléatoire ou défilante pour son forum

Message par Lauranna le Sam 23 Avr 2011 - 8:58

bonjour! J'aimerais savoir si ce tuto marche ailleurs que sur le forum? Merci de vos réponses.

Lauranna
*

Messages : 46
Inscrit(e) le : 02/08/2009

http://dors.forumgratuit.org/forum.htm
Lauranna a été remercié(e) par l'auteur de ce sujet.

Astuce Re: Créer une bannière aléatoire ou défilante pour son forum

Message par FABIEN87 le Ven 29 Avr 2011 - 18:15

J'ai beau essayé avec les différents mode et rien !!!

FABIEN87
Nouveau membre

Messages : 4
Inscrit(e) le : 09/03/2011

http://forumextrafish.1talk.net/
FABIEN87 a été remercié(e) par l'auteur de ce sujet.

Astuce Re: Créer une bannière aléatoire ou défilante pour son forum

Message par R8 le Mar 3 Mai 2011 - 17:18

@mde matos a écrit:Jai bien esseyer. mais rien ne se passe , la bannierre defilante c'est la meme chose qu'une Annonce? ou bien ,
car jai mis en page d'acceuil annonce foto defilante

quelqun a il dejas esseyer si possible montre modele .
je vous met le lien du mien
http://lesamisduquad.forumactif.com/
Bah t'as réussi non ?

R8
****

Messages : 268
Inscrit(e) le : 19/07/2007

http://www.206cclovers.com
R8 a été remercié(e) par l'auteur de ce sujet.

Astuce Re: Créer une bannière aléatoire ou défilante pour son forum

Message par mde matos le Mar 3 Mai 2011 - 17:57

206cclover a écrit:
@mde matos a écrit:Jai bien esseyer. mais rien ne se passe , la bannierre defilante c'est la meme chose qu'une Annonce? ou bien ,
car jai mis en page d'acceuil annonce foto defilante

quelqun a il dejas esseyer si possible montre modele .
je vous met le lien du mien
http://lesamisduquad.forumactif.com/
Bah t'as réussi non ?


J ai reusi depuis pas mal de Temps , Mais ce n'est pas la meme chose qu on nous explique ci- Avant , moi ce que jai mis c'est dans Annonce tout simplement .

mde matos
Nouveau membre

Masculin
Messages : 10
Inscrit(e) le : 31/01/2011

http://lesamisduquad.forumactif.com/
mde matos a été remercié(e) par l'auteur de ce sujet.

Astuce Re: Créer une bannière aléatoire ou défilante pour son forum

Message par Ea le Mar 3 Mai 2011 - 20:35

Bonjour,


C'est pareil de mettre le script en annonce, mais vu que tout le monde n'utilise pas les annonces le tutoriel utilise la description qui elle est ( à moins de modification de template la supprimant ) sur toutes les pages de tout les forums.

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23442
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Astuce Re: Créer une bannière aléatoire ou défilante pour son forum

Message par R8 le Sam 14 Mai 2011 - 18:04

Euh non la description n'est que sur l'index et pas sur toutes les pages du forum ?

Toujours aucun moyen de voir quelque part ce que ca donne ?

Sinon en activant le HTML pour le tuto, après on peut le désactiver, ou faut le laisser définitivement activé pour que ca marche ? Je demande parce que perso je suis pas très pro html.

R8
****

Messages : 268
Inscrit(e) le : 19/07/2007

http://www.206cclovers.com
R8 a été remercié(e) par l'auteur de ce sujet.

Astuce Re: Créer une bannière aléatoire ou défilante pour son forum

Message par billy95 le Ven 27 Mai 2011 - 10:00

bonjour à tous,

je ne comprend pas pourquoi le code ne fonctionne pas Sad
j'ai pourtant suivi à la lettre les instruction mais le code html ne passe pas!

pouvez vous m'aider?

voici mon site: http://www.retro-next-game.com/

billy95
Nouveau membre

Messages : 1
Inscrit(e) le : 27/05/2011

http://www.retro-next-game.com/
billy95 a été remercié(e) par l'auteur de ce sujet.

Astuce baniere

Message par @stra le Sam 4 Juin 2011 - 18:46

tres bon tuto
ça marche bien, merci
juste un truc, peux tu me donner le code pour inserer un lien
EXemple: je clique sur l'image, ça me renvoie sur la page d'un post particulier.

Merci

@stra
****

Masculin
Messages : 254
Inscrit(e) le : 29/01/2011

http://quadra-motards.forum-pro.fr/
@stra a été remercié(e) par l'auteur de ce sujet.

Astuce Re: Créer une bannière aléatoire ou défilante pour son forum

Message par Xélore le Sam 4 Juin 2011 - 19:43

Merci pour se super tuto =)

Xélore
****

Masculin
Messages : 402
Inscrit(e) le : 22/02/2011

http://xena-and-gabrielle.forumgratuit.org/
Xélore a été remercié(e) par l'auteur de ce sujet.

Astuce Re: Créer une bannière aléatoire ou défilante pour son forum

Message par Temps de danses le Sam 11 Juin 2011 - 14:33

Juste une petite précision, quand on parle de bannière aléatoire ou défilante est ce qu'il s"agit bien de la colonne qui apparait sur la gauche de l'écran avec par exemple : les derniers sujets, les sujets importants, ...

sinon me dire ou je peux avoir un tuto pour mettre tout cela à gauche comme sur ce site forum des forums.

Temps de danses
Nouveau membre

Messages : 16
Inscrit(e) le : 17/05/2011

http://tempsdedanses@gmail.com
Temps de danses a été remercié(e) par l'auteur de ce sujet.

Astuce Re: Créer une bannière aléatoire ou défilante pour son forum

Message par Euphoria le Dim 26 Juin 2011 - 22:03

Bonjour,
J'aurai une question par rapport à ce tuto. Est-il possible d'afficher les différentes bannières selon un ordre choisi et pas aléatoire ?

Euphoria
Nouveau membre

Féminin
Messages : 18
Inscrit(e) le : 18/12/2009

http://eden-elementalistes.forums-rpg.com/
Euphoria a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum