Diaporama en Entête du Forum
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Diaporama en Entête du Forum
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
Re: Diaporama en Entête du Forum
Bonsoir
tu as un formulaire pour créer un diaporama ici https://forum.forumactif.com/h11-formulaire-diaporama
tu as un formulaire pour créer un diaporama ici https://forum.forumactif.com/h11-formulaire-diaporama
Re: Diaporama en Entête du Forum
Merci, comment peut ton le mettre dans l'entête du forum?
Re: Diaporama en Entête du Forum
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.
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.
Re: Diaporama en Entête du Forum
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
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
Re: Diaporama en Entête du Forum
Bonsoir,
Placer votre diaporama dans un tableau comme ceci.
Placer votre diaporama dans un tableau comme ceci.
- Code:
<table align="center">
<tbody>
<tr>
<td>
Votre code ici
</td>
</tr>
</tbody>
</table>
Re: Diaporama en Entête du Forum
Ç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
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="https://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="https://i.servimg.com/u/f35/17/78/96/94/img_4610.jpg" alt="" /></a><a href="https://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="https://i.servimg.com/u/f35/17/78/96/94/img_3613.jpg" alt="" /></a><a href="https://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="https://i.servimg.com/u/f35/17/78/96/94/img_3612.jpg" alt="" /></a><a href="https://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="https://i.servimg.com/u/f35/17/78/96/94/img_3611.jpg" alt="" /></a><a href="https://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="https://i.servimg.com/u/f35/17/78/96/94/img_3610.jpg" alt="" /></a><a href="https://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="https://i.servimg.com/u/f35/17/78/96/94/img_3528.jpg" alt="" /></a><a href="https://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="https://i.servimg.com/u/f35/17/78/96/94/img_3529.jpg" alt="" /></a><a href="https://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="https://i.servimg.com/u/f35/17/78/96/94/img_3527.jpg" alt="" /></a><a href="https://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="https://i.servimg.com/u/f35/17/78/96/94/img_0023.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="https://i.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>
Re: Diaporama en Entête du Forum
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.
Et pour finir placer celui-ci dans votre page d'accueil.
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.
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>
Re: Diaporama en Entête du Forum
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
Merci
Re: Diaporama en Entête du Forum
Essayez de diminuer le pourcentage du margin-left que vous avez placez dans votre feuille de style.
IL s'agit de cette partie.
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; }
Re: Diaporama en Entête du Forum
Merci d'avoir consacré un peu de temps pour m'aider
Sujets similaires
» Entete de catégorie et entete de forum
» Aggrandir ma police entete colonne forum "forum" "sujet" "message" .....
» Entéte forum
» entete forum
» forum n'existe plus depuis que j'ai mis un diaporama
» Aggrandir ma police entete colonne forum "forum" "sujet" "message" .....
» Entéte forum
» entete forum
» forum n'existe plus depuis que j'ai mis un diaporama
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum