Diaporama en Entête du Forum

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

Résolu Diaporama en Entête du Forum

Message par Bane29 le Sam 11 Juin 2016 - 15:46

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://warfactory.forumclan.com/

Description du problème

Bonjour,

j'ai vu sur le forum qu'on pouvait créer une galerie, mais serait il possible de la mettre en Entête du forum et que les images défilent tel un diaporama?

Merci


Dernière édition par Bane29 le Mar 14 Juin 2016 - 20:07, édité 1 fois

Bane29
Nouveau membre

Messages : 8
Inscrit(e) le : 17/05/2016

http://warfactory.forumclan.com/
Bane29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama en Entête du Forum

Message par mariok13 le Sam 11 Juin 2016 - 21:57

Bonsoir

tu as un formulaire pour créer un diaporama ici http://forum.forumactif.com/h11-formulaire-diaporama

mariok13
****

Messages : 410
Inscrit(e) le : 06/06/2015

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

Résolu Re: Diaporama en Entête du Forum

Message par Bane29 le Sam 11 Juin 2016 - 22:39

Merci, comment peut ton le mettre dans l'entête du forum?

Bane29
Nouveau membre

Messages : 8
Inscrit(e) le : 17/05/2016

http://warfactory.forumclan.com/
Bane29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama en Entête du Forum

Message par tupac le Dim 12 Juin 2016 - 1:38

Bonsoir Bane,

A l'aide des templates vous avez la possibilité de le placer ou bon vous semble reste à savoir ou exactement , haut dessus ou en dessous de la bannière , entre la bannière et la barre de navigation ?

Ou vous placez tout simplement le code en début de page d'accueil.

Panneau de configuration => Affichage => Page d'accueil => Généralité => puis dans Contenu du message placer votre code au tout début.

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

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

Résolu Re: Diaporama en Entête du Forum

Message par Bane29 le Dim 12 Juin 2016 - 20:58

Bonsoir,

je vous remercie, mais j'ai encore un problème, le diaporama n'est pas centré :s j'ai beau utilisé l'icone "Centré" ça me met l'image tout à droite :s

Voici le lien de mon forum

Bane29
Nouveau membre

Messages : 8
Inscrit(e) le : 17/05/2016

http://warfactory.forumclan.com/
Bane29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama en Entête du Forum

Message par tupac le Dim 12 Juin 2016 - 21:48

Bonsoir,

Placer votre diaporama dans un tableau comme ceci.

Code:
<table align="center">
   <tbody>
      <tr>
         <td>
Votre code ici
         </td>
      </tr>
   </tbody>
</table>

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

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

Résolu Re: Diaporama en Entête du Forum

Message par Bane29 le Dim 12 Juin 2016 - 22:22

Ça me le met à droite :s

Et j'ai une autre question comment réduire ou supprimer le cadre vide au dessus du Diaporama?

Voici le code

Spoiler:
<table align="center">

<tbody>

<tr>

<td>
<style type="text/css">#rotator1465762718184 {height:450px;} #rotator1465762718184 a{position:absolute;background:#000000;border:1px solid #000000;padding:4px;} #rotator1465762718184 img { height:440px;width:600px; }</style>
<div id="rotator1465762718184">
<a id="itemActif1465762718184" style="z-index:999" href="http://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://i35.servimg.com/u/f35/17/78/96/94/img_4610.jpg" alt="" /></a><a href="http://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://i35.servimg.com/u/f35/17/78/96/94/img_3613.jpg" alt="" /></a><a href="http://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://i35.servimg.com/u/f35/17/78/96/94/img_3612.jpg" alt="" /></a><a href="http://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://i35.servimg.com/u/f35/17/78/96/94/img_3611.jpg" alt="" /></a><a href="http://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://i35.servimg.com/u/f35/17/78/96/94/img_3610.jpg" alt="" /></a><a href="http://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://i35.servimg.com/u/f35/17/78/96/94/img_3528.jpg" alt="" /></a><a href="http://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://i35.servimg.com/u/f35/17/78/96/94/img_3529.jpg" alt="" /></a><a href="http://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://i35.servimg.com/u/f35/17/78/96/94/img_3527.jpg" alt="" /></a><a href="http://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://i35.servimg.com/u/f35/17/78/96/94/img_0023.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i35.servimg.com/u/f35/17/78/96/94/img_0024.jpg" alt="" /></a>
</div><script type="text/javascript">(function(){var r = document.getElementById("rotator1465762718184"), l = r.getElementsByTagName("A"), rotate = window.setInterval(function() {var a = document.getElementById("itemActif1465762718184"), n = jQuery(a).next()[0] || l[0]; if (!a) return window.clearInterval(rotate); n.style.opacity = 1;n.style.zIndex = 998;jQuery(a).animate({"opacity":0},800,"linear",function() {a.id = "";a.style.zIndex = "";n.id = "itemActif1465762718184";n.style.zIndex = 999})},3500)})();</script>
</td>

</tr>

</tbody>
</table>

Bane29
Nouveau membre

Messages : 8
Inscrit(e) le : 17/05/2016

http://warfactory.forumclan.com/
Bane29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama en Entête du Forum

Message par tupac le Mar 14 Juin 2016 - 5:46

Bonjour Bane,

En rajoutant une marge a la DIV je pense que ça devrait aller.

Bon déjà nous allons faire les choses proprement nous allons placer le CSS dans la feuille de style comme ceci.

Panneau d'administration => Affichage => Couleurs => Feuille de style css => placer le css suivant dedans puis valider.
Spoiler:
Code:
/*  diaporama page d'accueil  */

#rotator1465762718184 { height:450px; }
#rotator1465762718184 a{
  margin-left: 10%;
  position:absolute;
  background:#000000;
  border:1px solid #000000;
  padding:4px; }
#rotator1465762718184 img {
  height:440px;
  width:600px; }

Et pour finir placer celui-ci dans votre page d'accueil.

Spoiler:
Code:
<div id="rotator1465762718184" align="left">
   <div id="rotator1465762718184"><a target="_blank" title="" href="http://forum.forumactif.com/h11-formulaire-diaporama#" style="z-index:999" id="itemActif1465762718184"><img alt="" src="http://i35.servimg.com/u/f35/17/78/96/94/img_4610.jpg" /></a><a target="_blank" title="" href="http://forum.forumactif.com/h11-formulaire-diaporama#"><img alt="" src="http://i35.servimg.com/u/f35/17/78/96/94/img_3613.jpg" /></a><a target="_blank" title="" href="http://forum.forumactif.com/h11-formulaire-diaporama#"><img alt="" src="http://i35.servimg.com/u/f35/17/78/96/94/img_3612.jpg" /></a><a target="_blank" title="" href="http://forum.forumactif.com/h11-formulaire-diaporama#"><img alt="" src="http://i35.servimg.com/u/f35/17/78/96/94/img_3611.jpg" /></a><a target="_blank" title="" href="http://forum.forumactif.com/h11-formulaire-diaporama#"><img alt="" src="http://i35.servimg.com/u/f35/17/78/96/94/img_3610.jpg" /></a><a target="_blank" title="" href="http://forum.forumactif.com/h11-formulaire-diaporama#"><img alt="" src="http://i35.servimg.com/u/f35/17/78/96/94/img_3528.jpg" /></a><a target="_blank" title="" href="http://forum.forumactif.com/h11-formulaire-diaporama#"><img alt="" src="http://i35.servimg.com/u/f35/17/78/96/94/img_3529.jpg" /></a><a target="_blank" title="" href="http://forum.forumactif.com/h11-formulaire-diaporama#"><img alt="" src="http://i35.servimg.com/u/f35/17/78/96/94/img_3527.jpg" /></a><a target="_blank" title="" href="http://forum.forumactif.com/h11-formulaire-diaporama#"><img alt="" src="http://i35.servimg.com/u/f35/17/78/96/94/img_0023.jpg" /></a><a target="_blank" title="" href="#"><img alt="" src="http://i35.servimg.com/u/f35/17/78/96/94/img_0024.jpg" /></a>
   </div><script type="text/javascript">(function(){var r = document.getElementById("rotator1465762718184"), l = r.getElementsByTagName("A"), rotate = window.setInterval(function() {var a = document.getElementById("itemActif1465762718184"), n = jQuery(a).next()[0] || l[0]; if (!a) return window.clearInterval(rotate); n.style.opacity = 1;n.style.zIndex = 998;jQuery(a).animate({"opacity":0},800,"linear",function() {a.id = "";a.style.zIndex = "";n.id = "itemActif1465762718184";n.style.zIndex = 999})},3500)})();</script>
</div>

Vous pouvez si vous le souhaitez changer la durée d'affichage de chaque image en modifiant le 3500 qui se trouve a la fin de ce script.

Spoiler:
Code:
<script type="text/javascript">(function(){var r = document.getElementById("rotator1465762718184"), l = r.getElementsByTagName("A"), rotate = window.setInterval(function() {var a = document.getElementById("itemActif1465762718184"), n = jQuery(a).next()[0] || l[0]; if (!a) return window.clearInterval(rotate); n.style.opacity = 1;n.style.zIndex = 998;jQuery(a).animate({"opacity":0},800,"linear",function() {a.id = "";a.style.zIndex = "";n.id = "itemActif1465762718184";n.style.zIndex = 999})},3500)})();</script>
Plus le nombre sera grand plus l'affichage des images sera long EX: 6000 correspondra a 6 secondes.



tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

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

Résolu Re: Diaporama en Entête du Forum

Message par Bane29 le Mar 14 Juin 2016 - 17:27

C'est beaucoup mieux, il y a un léger décalage mais c'est pas grave, je n'ai pas envie d'abuser.

Merci

Bane29
Nouveau membre

Messages : 8
Inscrit(e) le : 17/05/2016

http://warfactory.forumclan.com/
Bane29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama en Entête du Forum

Message par tupac le Mar 14 Juin 2016 - 18:47

Essayez de diminuer le pourcentage du margin-left que vous avez placez dans votre feuille de style.

IL s'agit de cette partie.

Code:
/*  diaporama page d'accueil  */
 
#rotator1465762718184 { height:450px; }
#rotator1465762718184 a{
  margin-left: 10%;
  position:absolute;
  background:#000000;
  border:1px solid #000000;
  padding:4px; }
#rotator1465762718184 img {
  height:440px;
  width:600px; }
Actuellement il est a 10% diminuez le et faite plusieurs essais et n'hésitez pas a revenir si cela ne fonctionne pas vous ne me dérangez pas du tout Wink

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

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

Résolu Re: Diaporama en Entête du Forum

Message par Bane29 le Mar 14 Juin 2016 - 20:07

Merci d'avoir consacré un peu de temps pour m'aider

Bane29
Nouveau membre

Messages : 8
Inscrit(e) le : 17/05/2016

http://warfactory.forumclan.com/
Bane29 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