diaporama à côté du logo du forum

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

Résolu diaporama à côté du logo du forum

Message par photoclic le Dim 7 Fév 2016 - 0:43

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://photoclic.forum-pro.fr/

Description du problème

Bonjour,

Est-il possible d'afficher en haut à droite des pages à côté du logo du forum un diaporama (où sinon une image changeable toute les semaines) faisant la même hauteur que le logo?

merci pour votre réponse.


Dernière édition par photoclic le Sam 13 Fév 2016 - 1:25, édité 1 fois

photoclic
*****

Masculin
Messages : 561
Inscrit(e) le : 20/11/2015

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

Résolu Re: diaporama à côté du logo du forum

Message par Neptunia le Dim 7 Fév 2016 - 1:11

Bonjour ^^


Pour le diaporama en lui-même, vous avez un générateur disponible ici :

Tuto Créer un diaporama (images défilantes)

Pour sa mise en place, créer un javascript avec le code suivant :
Code:
$(function(){
                  $("body").append('<div style="position: absolute; top: 70px; right: 10px">Code_html_du_diaporama_sur_une_seule_ligne</div>');
        });

- L'attribut top détermine l'espace entre le haut de page et le bord supérieur du diaporama.
- L'attribut right règle l'espace entre bord droit du forum et bord droit du diaporama.
- Pour l'attribut position, absolute permet d'ancrer le diaporama à la même hauteur que le logo (disparaît lors du scroll). A remplacer par fixed si vous souhaitez un diaporama flottant qui restera visible y-compris en faisant défiler la page.

Neptunia
+ Hyperactif +

Féminin
Messages : 10958
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: diaporama à côté du logo du forum

Message par photoclic le Dim 7 Fév 2016 - 12:16

Merci Neptunia pour ton aide.

C'est super. J'ai suivi ton tuto, ça colle. Il a juste fallu que je mette top: 40px; right: 330px pour le voir à droite.
Est-il possible de rajouter un titre au dessus?

Juste un truc qui me chagrine aussi. L'image sera changée toutes le semaines (ou une image sera ajoutée chaque semaine). Ceci sera fait par un modo qui n'a pas accés aux codes et ne saura pas modifier le javascript chaque semaine. Y a t-il une solution pour que le modo n'ai qu'à coller un lien d'image quelque part pour ajouter ou remplacer une image à cet endroit?
Merci par avance.

photoclic
*****

Masculin
Messages : 561
Inscrit(e) le : 20/11/2015

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

Résolu Re: diaporama à côté du logo du forum

Message par Neptunia le Dim 7 Fév 2016 - 16:35

Modifier un code quel qu'il soit est le travail d'un admin.

Non ce n'est pas comme dans la vraie vie ou les hauts placés refilent leur travail aux moins hauts placés. Soit vous modifiez le code vous-même, soit vous rajoutez votre modo dans le groupe administrateur mais si vous voulez lui confier des tâches d'administration vous devez lui donner accès aux outils le permettant.

Neptunia
+ Hyperactif +

Féminin
Messages : 10958
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: diaporama à côté du logo du forum

Message par photoclic le Dim 7 Fév 2016 - 17:02

Merci Neptuna.
Mon Modo en fait a déjà droit aux outils, mais ne sait pas et ne veut pas s'en servir.

Et pour ajouter un titre centré au dessus de la galerie?

photoclic
*****

Masculin
Messages : 561
Inscrit(e) le : 20/11/2015

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

Résolu Re: diaporama à côté du logo du forum

Message par Neptunia le Dim 7 Fév 2016 - 17:43

Pour le titre faudrait voir à le rajouter au code HTML du générateur. Comme je ne sais pas à quoi ressemble ce code, aucune idée de comment le modifier

Neptunia
+ Hyperactif +

Féminin
Messages : 10958
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: diaporama à côté du logo du forum

Message par photoclic le Dim 7 Fév 2016 - 18:28

OK. Merci.
Peut-être que quelqu'un saura à quoi ressemble ce code.

photoclic
*****

Masculin
Messages : 561
Inscrit(e) le : 20/11/2015

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

Résolu Re: diaporama à côté du logo du forum

Message par photoclic le Dim 7 Fév 2016 - 21:03

Au début sute après ça:
Code:
  $("body").append('<div style="position: absolute; top: 40px; right: 540px;">

J'ai essayé d'ajouter cela:
Code:
<div style="text-align:center;color:rgb(66, 66, 66);font-size:18px;font-weight:bold;" >Diaporama

Mais impossible de centrer le texte au dessus de la galerie. Il reste à gauche.

photoclic
*****

Masculin
Messages : 561
Inscrit(e) le : 20/11/2015

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

Résolu Re: diaporama à côté du logo du forum

Message par Neptunia le Lun 8 Fév 2016 - 20:33

En fermant la div ça devrait aller mieux.
Votre div de titre est ouverte mais non refermée.

Neptunia
+ Hyperactif +

Féminin
Messages : 10958
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: diaporama à côté du logo du forum

Message par photoclic le Lun 8 Fév 2016 - 23:18

Merci Neptuna.
J'avais mis le div à là fin du code.
Je l'ai déplacé ainsi et cela ne change rien.Le titre reste toujours à gauche.

Je vous mets tout le code du javascript.

Code:
    $(function(){

  $("body").append('<div style="position: absolute; top: 40px; right: 420px;"><div style="text-align: center;color:rgb(66, 66, 66);font-size:18px;font-weight: bold;" >Galerie </div><style type="text/css">#rotator1454847230524 {height:250px;} #rotator1454847230524 a{position:absolute;background:#FFFFFF;border:1px solid #CCCCCC;padding:4px;} #rotator1454847230524 img { height:260px; }</style><div id="rotator1454847230524"><a id="itemActif1454847230524" style="z-index:999" href="http://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src=" http://i68.servimg.com/u/f68/18/04/59/57/img_3819.jpg" alt="" /></a><a  href="http://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://i68.servimg.com/u/f68/18/04/59/57/img_3814.jpg" alt="" /></a><a  href="http://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src=" http://i68.servimg.com/u/f68/18/04/59/57/img_3914.jpg " alt="" /></a><a  href="http://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://i68.servimg.com/u/f68/18/04/59/57/scan11.jpg" alt="" /></a><a  href="http://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://i68.servimg.com/u/f68/18/04/59/57/img_3913.jpg" alt="" /></a></div><script type="text/javascript">(function(){var r = document.getElementById("rotator1454847230524"), l = r.getElementsByTagName("A"), rotate = window.setInterval(function() {var a = document.getElementById("itemActif1454847230524"), 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},1200,"linear",function() {a.id = "";a.style.zIndex = "";n.id = "itemActif1454847230524";n.style.zIndex = 999})},6500)})();</script></div>');
        });

photoclic
*****

Masculin
Messages : 561
Inscrit(e) le : 20/11/2015

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

Résolu Re: diaporama à côté du logo du forum

Message par photoclic le Mar 9 Fév 2016 - 20:10

Ce qui est curieux aussi, c'est que les images n'ayant pas le même format, on voit une partie de celle du dessous sur le côté droit au premier passage de toutes les images.

Je ne comprends pas ces 2 problèmes.

photoclic
*****

Masculin
Messages : 561
Inscrit(e) le : 20/11/2015

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

Résolu Re: diaporama à côté du logo du forum

Message par R-max le Mar 9 Fév 2016 - 22:45

bonsoir a vous 2 (juste pour une infos)

Code:
<div style="text-align:center;color:rgb(66, 66, 66);font-size:18px;font-weight:bold;" >Diaporama

avec un width a la div le texte va ce centrer
ps:je suis partie sur la largeur de la grande photo
Code:
<div style="width:250px;text-align:center;color:rgb(66, 66, 66);font-size:18px;font-weight:bold;" >Diaporama

il faudra aussi imposé un centrage de vos photos ,( ou les mètres a la même taille) sinon suivant la largeur le titre ne sera pas bien au milieux de chaque photo..

bonne continuation .....

R-max
# Tropactif #

Masculin
Messages : 1516
Inscrit(e) le : 08/01/2015

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

Résolu Re: diaporama à côté du logo du forum

Message par photoclic le Mar 9 Fév 2016 - 23:17

Heureux de te revoir R-Max et merci.

En ajoutant le with, ça centre effectivement le titre par rapport à la plus grande photo.
Reste à trouver comment centrer les photos et ce problème de superposition au 1ier passage des photos.

photoclic
*****

Masculin
Messages : 561
Inscrit(e) le : 20/11/2015

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

Résolu Re: diaporama à côté du logo du forum

Message par photoclic le Ven 12 Fév 2016 - 0:32

up

photoclic
*****

Masculin
Messages : 561
Inscrit(e) le : 20/11/2015

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

Résolu Re: diaporama à côté du logo du forum

Message par photoclic le Sam 13 Fév 2016 - 1:23

Merci encore R-Max. Je vais utiliser ta solution.

Comme de toutes façons il faut ajouter les photos une par une, je les mettrais sur un fond transparent pour qu'elles aient la même taille et ainsi ton code est OK.


Pour mon modo,J'ai écouté Neptuna Very Happy
je lui ai dit: "ce n'est pas comme dans la vraie vie ou les hauts placés refilent leur travail aux moins hauts placés. t'as qu'à modifié le code toi même".


Neptunia- a écrit:Modifier un code quel qu'il soit est le travail d'un admin.

Non ce n'est pas comme dans la vraie vie ou les hauts placés refilent leur travail aux moins hauts placés. Soit vous modifiez le code vous-même, soit vous rajoutez votre modo dans le groupe administrateur mais si vous voulez lui confier des tâches d'administration vous devez lui donner accès aux outils le permettant.

photoclic
*****

Masculin
Messages : 561
Inscrit(e) le : 20/11/2015

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

Résolu Re: diaporama à côté du logo du forum

Message par Neptunia le Sam 13 Fév 2016 - 2:04

J'entends jusqu'ici les réponses du modo, j'ai l'oreille droite qui siffle Sad

Plus sérieusement, que ce soit en matière de forum ou de toute autre chose quand on utilise du prêt-à-porter et qu'on veut du sur-mesure, il faut savoir se contenter de ce qui est inclus ou alors mettre soi-même la main à la pâte.

D'ailleurs le formulaire pour les diaporamas est relativement récent et réduit considérablement l'effort à fournir.

Neptunia
+ Hyperactif +

Féminin
Messages : 10958
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: diaporama à côté du logo du forum

Message par photoclic le Sam 13 Fév 2016 - 9:42

Désolé pour ton acouphène Neptuna.

Et puis t'as raison, lorsque l'on va chez quelqu'un, on ne commence pas par changer les meubles de place ... Mr. Green

photoclic
*****

Masculin
Messages : 561
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic 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