Problème pour header changeant

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

Résolu Problème pour header changeant

Message par Daborem le Lun 22 Juil 2013 - 19:29

Bonjour à tous et à toutes.
Je suis en train de créer un forum et j'aurais voulu installer un Header changeant.
J'ai essayé de nombreux scripts et formules pour permettre cette rotation, mais pourtant rien n'y fait.
Un ami ayant également un forum est venu essayer, sans succès, et c'est donc en dernier recours que nous nous tournons vers vous !

Voici l'url du forum : http://walkingdeadad.forumactif.org/
Nous sommes en PHPBB2, le CSS est personnalisé et les templates suivants sont modifiés :
- index_body
- index_box
- overall_header
- topics_list_box
- viewforum_body
- viewtopic_body

Nous avons effectués les test sur Safaris et Chrome. L'un des scripte a fonctionné pour le premier mais refusait pour le second, sur différentes machines.

Merci !

Daborem
Nouveau membre

Messages : 7
Inscrit(e) le : 22/07/2013

http://walkingdeadad.forumactif.org/
Daborem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème pour header changeant

Message par [AoH]Insane le Lun 22 Juil 2013 - 20:05

Cherches-tu quelques chose comme ceci? Si oui, alors sers toi!

Si ce n'est pas ce que tu recherche, pourrait tu préciser ce que tu désires plus précisément. Par exemple, changeant selon quoi, le temps, le sexe, le nombre de messages posté, la réputation, etc.?

Cordialement
[AoH]Insane

[AoH]Insane
***

Masculin
Messages : 118
Inscrit(e) le : 04/07/2013

http://aoh-rpg.forum-canada.com/
[AoH]Insane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème pour header changeant

Message par Daborem le Lun 22 Juil 2013 - 20:09

Merci pour ta réponse Smile
En réalité, ce serait un changement aléatoire avec l'actualisation de la page.
F5 et 1chance/nombre d'header de tomber sur tel header !


Daborem
Nouveau membre

Messages : 7
Inscrit(e) le : 22/07/2013

http://walkingdeadad.forumactif.org/
Daborem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème pour header changeant

Message par [AoH]Insane le Lun 22 Juil 2013 - 20:10

Il y a aussi un tutoriel là dessus écrit par Threax, juste ici. Si tu as de la difficulté à saisir le code et comment il fonctionne, je suis disponible afin de te l'expliquer!

En espérant avoir aidé

[AoH]Insane


Dernière édition par [AoH]Insane le Lun 22 Juil 2013 - 20:20, édité 1 fois

[AoH]Insane
***

Masculin
Messages : 118
Inscrit(e) le : 04/07/2013

http://aoh-rpg.forum-canada.com/
[AoH]Insane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème pour header changeant

Message par Daborem le Lun 22 Juil 2013 - 20:12

J'ai vu ce tuto, j'ai essayé, mon ami a essayé, mais rien n'y fait ...

Daborem
Nouveau membre

Messages : 7
Inscrit(e) le : 22/07/2013

http://walkingdeadad.forumactif.org/
Daborem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème pour header changeant

Message par [AoH]Insane le Lun 22 Juil 2013 - 20:42

Alors, comme tu dis avoir essayer, je ne te ferrai pas recommencer. Voici ce que j'ai fait dans les 15 dernières minutes afin que la balise soit aléatoire. Cependant, il se peut que ce soit 4 fois la même image d'affilée, puis ensuite, que ça change, que ça revienne à la même, etc.

Il faut tout d'abord avoir accès au Templates, et aller sélectionner le bon pour le haut de page:

Panneau d'Administration (PA) Arrow Affichage Arrow Templates Arrow Général Arrow overall_header

Tu devrait être capable de trouver une partie du code écrit comme suis:

Code:
<td align="center" width="100%" valign="middle">
                     <!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                     <br />
                     <!-- END switch_logo_center -->
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DESCRIPTION}<br />  </span>
                                                  </td>

Tu dois la modifier pour que ça devienne:

Code:
<td align="center" width="100%" valign="middle">
                     <!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                     <br />
                     <!-- END switch_logo_center -->
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DESCRIPTION}<br />  </span>
                                                  </td>

En enlevant l'image de base, alors l'image sera uniquement celle aléatoire, n'étant pas dérangé par l'image du header placé dans le CSS ou dans le contrôle des images.

Puis, encore un ajout à faire, le code JavaScript à placé dans le même Template

Code:
<script language="Javascript">
images = new Array();    
   images[0] = "URL_IMAGE1";    
   images[1] = "URL_IMAGE2";  
   images[2] = "URL_IMAGE3";    
   index = Math.floor(Math.random() * images.length);
   document.getElementById("i_logo" ).src= images[index];
  </script>

La manipulation complète est donc de remplacer ceci:

Code:
<td align="center" width="100%" valign="middle">
                     <!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                     <br />
                     <!-- END switch_logo_center -->
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DESCRIPTION}<br />  </span>
                                                  </td>

Par cela:

Code:
<td align="center" width="100%" valign="middle">
                     <!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                     <br />
                     <!-- END switch_logo_center -->
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DESCRIPTION}<br />  </span>
                                                  </td><script language="Javascript">
images = new Array();    
   images[0] = "URL_IMAGE1";    
   images[1] = "URL_IMAGE2";  
   images[2] = "URL_IMAGE3";    
   index = Math.floor(Math.random() * images.length);
   document.getElementById("i_logo" ).src= images[index];
  </script>

Si tu veux que je t'explique mon code, je n'aurai aucune problème pour le faire, même que ça me fera plaisir!

En espérant avoir aidé

[AoH]Insane

[AoH]Insane
***

Masculin
Messages : 118
Inscrit(e) le : 04/07/2013

http://aoh-rpg.forum-canada.com/
[AoH]Insane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème pour header changeant

Message par Daborem le Lun 22 Juil 2013 - 20:46

J'ai des choses à faire ce soir, je regarde ça demain en rentrant du boulot !!
Merci pour tout, je te tiens au courant ! Smile

Daborem
Nouveau membre

Messages : 7
Inscrit(e) le : 22/07/2013

http://walkingdeadad.forumactif.org/
Daborem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème pour header changeant

Message par Daborem le Mar 23 Juil 2013 - 17:54

Bonjour !
L'image était décalée vers le bas, mais l'aléatoire fonctionnait ! J'ai modifié deux trois données (style="margin-top: -50px;" principalement) et ça fonctionne !

Code:
<table style="margin-top: -50px;" width="100%" cellspacing="0" cellpadding="0" border="0">
               <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                  <!-- END switch_logo_left -->
                  <td align="center" width="100%" valign="top">
                    <!-- BEGIN switch_logo_center -->
                    <a href="{U_INDEX}"><img src="" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" valign="top" /></a>
                    <br />
                    <!-- END switch_logo_center -->
                    <div class="maintitle">{MAIN_SITENAME}</div>
                    <br />
                    <span class="gen">{SITE_DESCRIPTION}<br />  </span>
                                                  <script language="Javascript">
images = new Array();   
  images[0] = "http://img4.hostingpics.net/pics/907525684647header1.png";   
  images[1] = "http://img11.hostingpics.net/pics/155023684647header3.png"; 
  images[2] = "http://img11.hostingpics.net/pics/501188684647header2.png";   
  index = Math.floor(Math.random() * images.length);
  document.getElementById("i_logo" ).src= images[index];
  </script></td>
                                                 
                                                  </td>

Un grand merci !

Daborem
Nouveau membre

Messages : 7
Inscrit(e) le : 22/07/2013

http://walkingdeadad.forumactif.org/
Daborem 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