Diaporama :

3 participants

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

Résolu Diaporama :

Message par IriXa Ven 15 Jan 2016 - 10:37

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://reverie.latchatche.net/

Description du problème

Bonjour,

Je souhaiterai placer mon texte ou mon lien descriptif ( le temps des rêves ) , à côté du diaporama, comme l'exemple ci dessous. Auriez-vous une astuce a ajouter dans le code existant du diapo svp? Smile

Merci à vous.
IriXa.

Exemple : Diaporama :  Diapo110
IriXa

IriXa
****

Féminin
Messages : 289
Inscrit(e) le : 16/12/2015

https://outre-mer-le-forum.forumactif.com/
IriXa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama :

Message par Tech Ven 15 Jan 2016 - 11:36

Bonjour,

Pouvez-vous nous fournir le code complet de votre page d'accueil ? Smile

Cordialement.
Tech

Tech
Membre actif

Masculin
Messages : 22683
Inscrit(e) le : 01/12/2007

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

Résolu Re: Diaporama :

Message par IriXa Ven 15 Jan 2016 - 15:52

Bonjour Tech,

Voici comme suite à votre demande, le code de ma page avec la diapo telle que vous pourrez voir sur le forum :

Code:
<div align="left">
                     <style type="text/css">#rotator1452843096818 {height:120px;} #rotator1452843096818 a{position:absolute;margin-left: 40%;background:#9B91CC;border:1px solid #9B91CC;padding:4px;} #rotator1452843096818 img { height:110px;width:150px; }</style>                 
   <div id="rotator1452843096818">
                            <a target="_blank" title="Reunion1" href="http://reverie.latchatche.net/" style="z-index:999" id="itemActif1452843096818"><img alt="Reunion1" src="http://rdm.cdn.cahri.net/local/cache-vignettes/L300xH200/pm-98f3a-cf3b2.jpg" /></a><a target="_blank" title="BALEINE2" href="http://reverie.latchatche.net/"><img alt="BALEINE2" src="http://img.src.ca/2010/11/10/300x225/101110baleine-queue-soleil_g.jpg" /></a><a target="_blank" title="BALEINE" href="http://reverie.latchatche.net/"><img alt="BALEINE" src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Humpback_stellwagen_edit.jpg/290px-Humpback_stellwagen_edit.jpg" /></a><a target="_blank" title="BALEINE" href="http://reverie.latchatche.net/"><img alt="BALEINE" src="http://www.luximer-magazine.com/wp-content/uploads/2011/09/trop-de-touristes-peut-tuer-la-baleine-baleine-a-bosses-2514757.jpg" /></a><a target="_blank" title="BALEINE" href="http://reverie.latchatche.net/"><img alt="BALEINE" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/6b/Niagara_falls_(Reunion_Island).jpg/260px-Niagara_falls_(Reunion_Island).jpg" /></a><a target="_blank" title="REUNION" href="http://reverie.latchatche.net/"><img alt="REUNION" src="http://www.immobilier-neuf-la-reunion.com/sites/default/files/img42-defiscalisation-reunion.jpg" /></a><a target="_blank" title="CASCADE" href="http://reverie.latchatche.net/"><img alt="CASCADE" src="http://www.avisreunion.com/assets//lifestyle/RI/CASCADE_NIAGARA3_IRT_Ile_Reunion_EMMANUEL_VIRIN_299x145.jpg" /></a><a target="_blank" title="CASCADE" href="http://reverie.latchatche.net/"><img alt="CASCADE" src="https://lh6.googleusercontent.com/-f63MwzKAxhM/VJAVlTtgidI/AAAAAAAAAC8/j_W235FotT4/w304-h166/images.jpg" /></a><a target="_blank" title="TROUDEFER" href="http://reverie.latchatche.net/"><img alt="TROUDEFER" src="http://greg-voyages.com/wp-content/uploads/2014/12/cascades-ile-de-la-Reunion-patrimoine-mondial-unesco-300x174.jpg" /></a><a target="_blank" title="REMPART" href="http://reverie.latchatche.net/"><img alt="REMPART" src="http://www.isep.org/students/directory/memberphotos/tabs/reunion1.jpg" /></a><a target="_blank" title="CASCADE" href="http://reverie.latchatche.net/"><img alt="CASCADE" src="http://www.autoescape.com/images-cms/images/AE/BTOC_FR/DESTINATIONS/REUNION/location-voiture-st-gilles.jpg" /></a><a target="_blank" title="PLAGE" href="http://reverie.latchatche.net/"><img alt="PLAGE" src="http://www.avisreunion.com/assets//lifestyle/RI/PLAGE_DE_L_ERMITAGE_1_IRT_Ile_Reunion_EMMANUEL_VIRIN_299x145.jpg" /></a><a target="_blank" title="PLAGE" href="http://reverie.latchatche.net/"><img alt="PLAGE" src="http://www.allonslareunion.com/reunion/pages_pros/logos/213.jpg" /></a><a target="_blank" title="PLAGE" href="http://reverie.latchatche.net/"><img alt="PLAGE" src="https://blognatte.files.wordpress.com/2011/02/imagescadm46zi.jpg" /></a><a target="_blank" title="PLAGE" href="http://reverie.latchatche.net/"><img alt="PLAGE" src="http://location-saisonniere-reunion.re/images/mesphotos/boucan%20canot.jpg" /></a><a target="_blank" title="PLAGE" href="http://reverie.latchatche.net/"><img alt="PLAGE" src="https://imagesus-ssl.homeaway.com/mda01/54b32447-a7ff-45bc-9daa-ea1f6d474543.1.9" /></a><a target="_blank" title="VOLCAN" href="http://reverie.latchatche.net/"><img alt="VOLCAN" src="http://www.lefigaro.fr/medias/2010/08/07/2db6c0cc-a166-11df-9f10-af8bc692cbe2.jpg" /></a><a target="_blank" title="VOLCAN" href="http://reverie.latchatche.net/"><img alt="VOLCAN" src="http://thumbs.dreamstime.com/t/vue-du-haut-du-volcan-d-avachinskiy-39266722.jpg" /></a><a target="_blank" title="VOLCAN" href="http://reverie.latchatche.net/"><img alt="VOLCAN" src="http://www.jeanlucallegre.com/IMG/jpg/04-2.jpg" /></a><a target="_blank" title="VOLCAN" href="http://reverie.latchatche.net/"><img alt="VOLCAN" src="http://thumbs.dreamstime.com/t/vue-16577993.jpg" /></a><a target="_blank" title="VOLCAN" href="http://reverie.latchatche.net/"><img alt="VOLCAN" src="http://allaliladeracinee974laravine.hautetfort.com/media/02/00/1712677479.jpg" /></a><a target="_blank" title="VOLCAN" href="http://reverie.latchatche.net/"><img alt="VOLCAN" src="http://buzz.re/wp-content/uploads/2015/02/eruption-le-volcan-la-fournaise-volcan-la-pete-buzz-300x194.jpg" /></a><a target="_blank" title="VOLCAN" href="http://reverie.latchatche.net/"><img alt="VOLCAN" src="http://ekladata.com/DzTcQVQCDOLCxzzmbx4D_EVeLGY.jpg" /></a><a target="_blank" title="VOLCAN" href="http://reverie.latchatche.net/"><img alt="VOLCAN" src="http://www.tropicalement-votre.com/produits/2472/doc/thumb/volcan-piton-de-la-fournaise-photo-irt-serge-gelabert-copie.jpg" /></a><a target="_blank" title="VOLCAN" href="http://reverie.latchatche.net/"><img alt="VOLCAN" src="http://www.gng-location.fr/wp-content/uploads/2014/12/piton_de_la_fournaise-150x150.jpg" /></a><a target="_blank" title="FRUITS" href="http://reverie.latchatche.net/"><img alt="FRUITS" src="http://www.la-reunion-ile.re/wp-content/uploads/2012/06/photo-fruits-exotiques-300x225.jpg" /></a><a target="_blank" title="LETCHIS" href="http://reverie.latchatche.net/"><img alt="LETCHIS" src="http://img.over-blog-kiwi.com/300x225-ct/1/21/23/82/20141111/ob_602513_litchi-4.jpg" /></a><a target="_blank" title="ANANAS" href="http://reverie.latchatche.net/"><img alt="ANANAS" src="https://t2.ftcdn.net/jpg/00/73/18/63/240_F_73186346_Q60cxyizSWWv8WyQGX3WNVtNb1imO2nf.jpg" /></a><a target="_blank" title="FRUITS" href="http://reverie.latchatche.net/"><img alt="FRUITS" src="http://phototheque.studiolumiere.fr/img_photos/912.jpg" /></a><a target="_blank" title="FLEUR VANILLE" href="http://reverie.latchatche.net/"><img alt="FLEUR VANILLE" src="http://www.ethiquable.coop/sites/www.ethiquable.coop/files/styles/large/public/vanille-bourbon-ethiquable-equitanle-bio.jpg" /></a><a target="_blank" title="VANILLE" href="http://reverie.latchatche.net/"><img alt="VANILLE" src="http://www.mi-aime-a-ou.com/flore_la_reunion/vanille.jpg" /></a><a target="_blank" title="CAMELEON" href="http://reverie.latchatche.net/"><img alt="CAMELEON" src="https://lh3.googleusercontent.com/-hEmIk434jHA/AAAAAAAAAAI/AAAAAAAAAAs/YTZg1CU5bH4/s265-c-k-no/photo.jpg" /></a><a target="_blank" title="CAMELEON" href="http://reverie.latchatche.net/"><img alt="CAMELEON" src="http://www.willgoto.com/images/Size2/ile_La_Reunion_Cameleon_89880b588c8a4d08bcf31c925e86c0ed.jpg" /></a><a target="_blank" title="CAMELEON" href="http://reverie.latchatche.net/"><img alt="CAMELEON" src="http://www.iledelareunion.net/_inc/docimg/menu/rub_9203568.jpg" /></a><a target="_blank" title="FLEURS" href="http://reverie.latchatche.net/"><img alt="FLEURS" src="http://www.mi-aime-a-ou.com/flore_la_reunion/galabert_corbeille_d_or_fleur_02.jpg" /></a><a target="_blank" title="PAILLENQUEU" href="http://reverie.latchatche.net/"><img alt="PAILLENQUEU" src="http://partagetoutestpartage.blog50.com/images/medium_08._Cap_de_Petite-%C3%8Ele_-_Paille-en-queue_07.2.JPG" /></a><a target="_blank" title="PAILLENQUEU" href="http://reverie.latchatche.net/"><img alt="PAILLENQUEU" src="http://asso-arec.fr/wp-content/uploads/2013/08/paille-en-queue-300x225.jpg" /></a><a target="_blank" title="PAILLENQUEUE" href="http://reverie.latchatche.net/"><img alt="PAILLENQUEUE" src="http://www.ffme974.org/wp-content/jimg/paille%20en%20queue.jpg" /></a><a target="_blank" title="CARTE" href="http://reverie.latchatche.net/"><img alt="CARTE" src="http://www.archivesnationales.culture.gouv.fr/anom/fr/Presentation/images/PFOM-Carte-09.jpg" /></a><a target="_blank" title="Image1" href="http://reverie.latchatche.net/"><img alt="Image1" src="http://rdm.cdn.cahri.net/local/cache-vignettes/L300xH200/pm-98f3a-cf3b2.jpg" /></a>                 
   </div><script type="text/javascript">(function(){var r = document.getElementById("rotator1452843096818"), l = r.getElementsByTagName("A"), rotate = window.setInterval(function() {var a = document.getElementById("itemActif1452843096818"), 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 = "itemActif1452843096818";n.style.zIndex = 999})},3500)})();</script>
</div>
         
<div align="center">
                                                               <img src="http://www.web-ados.com/images/gifs/etoiles.gif" /><img src="http://www.web-ados.com/images/gifs/etoiles.gif" /><img src="http://www.web-ados.com/images/gifs/etoiles.gif" />            <img src="http://i68.servimg.com/u/f68/19/05/37/56/coolte13.png" /><img src="http://www.web-ados.com/images/gifs/etoiles.gif" /><img src="http://www.web-ados.com/images/gifs/etoiles.gif" /><img src="http://www.web-ados.com/images/gifs/etoiles.gif" />                                                 
</div>
     


IriXa.
IriXa

IriXa
****

Féminin
Messages : 289
Inscrit(e) le : 16/12/2015

https://outre-mer-le-forum.forumactif.com/
IriXa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama :

Message par Tech Ven 15 Jan 2016 - 16:33

Essayez peut-être ce code :
Code:
<div style="float:left;">
                    <style type="text/css">#rotator1452843096818 {height:120px;} #rotator1452843096818 a{position:absolute; margin-left: 5%;background:#9B91CC;border:1px solid #9B91CC;padding:4px;} #rotator1452843096818 img { height:110px;width:150px; }</style>               
  <div id="rotator1452843096818">
                            <a target="_blank" title="Reunion1" href="http://reverie.latchatche.net/" style="z-index:999" id="itemActif1452843096818"><img alt="Reunion1" src="http://rdm.cdn.cahri.net/local/cache-vignettes/L300xH200/pm-98f3a-cf3b2.jpg" /></a><a target="_blank" title="BALEINE2" href="http://reverie.latchatche.net/"><img alt="BALEINE2" src="http://img.src.ca/2010/11/10/300x225/101110baleine-queue-soleil_g.jpg" /></a><a target="_blank" title="BALEINE" href="http://reverie.latchatche.net/"><img alt="BALEINE" src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Humpback_stellwagen_edit.jpg/290px-Humpback_stellwagen_edit.jpg" /></a><a target="_blank" title="BALEINE" href="http://reverie.latchatche.net/"><img alt="BALEINE" src="http://www.luximer-magazine.com/wp-content/uploads/2011/09/trop-de-touristes-peut-tuer-la-baleine-baleine-a-bosses-2514757.jpg" /></a><a target="_blank" title="BALEINE" href="http://reverie.latchatche.net/"><img alt="BALEINE" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/6b/Niagara_falls_(Reunion_Island).jpg/260px-Niagara_falls_(Reunion_Island).jpg" /></a><a target="_blank" title="REUNION" href="http://reverie.latchatche.net/"><img alt="REUNION" src="http://www.immobilier-neuf-la-reunion.com/sites/default/files/img42-defiscalisation-reunion.jpg" /></a><a target="_blank" title="CASCADE" href="http://reverie.latchatche.net/"><img alt="CASCADE" src="http://www.avisreunion.com/assets//lifestyle/RI/CASCADE_NIAGARA3_IRT_Ile_Reunion_EMMANUEL_VIRIN_299x145.jpg" /></a><a target="_blank" title="CASCADE" href="http://reverie.latchatche.net/"><img alt="CASCADE" src="https://lh6.googleusercontent.com/-f63MwzKAxhM/VJAVlTtgidI/AAAAAAAAAC8/j_W235FotT4/w304-h166/images.jpg" /></a><a target="_blank" title="TROUDEFER" href="http://reverie.latchatche.net/"><img alt="TROUDEFER" src="http://greg-voyages.com/wp-content/uploads/2014/12/cascades-ile-de-la-Reunion-patrimoine-mondial-unesco-300x174.jpg" /></a><a target="_blank" title="REMPART" href="http://reverie.latchatche.net/"><img alt="REMPART" src="http://www.isep.org/students/directory/memberphotos/tabs/reunion1.jpg" /></a><a target="_blank" title="CASCADE" href="http://reverie.latchatche.net/"><img alt="CASCADE" src="http://www.autoescape.com/images-cms/images/AE/BTOC_FR/DESTINATIONS/REUNION/location-voiture-st-gilles.jpg" /></a><a target="_blank" title="PLAGE" href="http://reverie.latchatche.net/"><img alt="PLAGE" src="http://www.avisreunion.com/assets//lifestyle/RI/PLAGE_DE_L_ERMITAGE_1_IRT_Ile_Reunion_EMMANUEL_VIRIN_299x145.jpg" /></a><a target="_blank" title="PLAGE" href="http://reverie.latchatche.net/"><img alt="PLAGE" src="http://www.allonslareunion.com/reunion/pages_pros/logos/213.jpg" /></a><a target="_blank" title="PLAGE" href="http://reverie.latchatche.net/"><img alt="PLAGE" src="https://blognatte.files.wordpress.com/2011/02/imagescadm46zi.jpg" /></a><a target="_blank" title="PLAGE" href="http://reverie.latchatche.net/"><img alt="PLAGE" src="http://location-saisonniere-reunion.re/images/mesphotos/boucan%20canot.jpg" /></a><a target="_blank" title="PLAGE" href="http://reverie.latchatche.net/"><img alt="PLAGE" src="https://imagesus-ssl.homeaway.com/mda01/54b32447-a7ff-45bc-9daa-ea1f6d474543.1.9" /></a><a target="_blank" title="VOLCAN" href="http://reverie.latchatche.net/"><img alt="VOLCAN" src="http://www.lefigaro.fr/medias/2010/08/07/2db6c0cc-a166-11df-9f10-af8bc692cbe2.jpg" /></a><a target="_blank" title="VOLCAN" href="http://reverie.latchatche.net/"><img alt="VOLCAN" src="http://thumbs.dreamstime.com/t/vue-du-haut-du-volcan-d-avachinskiy-39266722.jpg" /></a><a target="_blank" title="VOLCAN" href="http://reverie.latchatche.net/"><img alt="VOLCAN" src="http://www.jeanlucallegre.com/IMG/jpg/04-2.jpg" /></a><a target="_blank" title="VOLCAN" href="http://reverie.latchatche.net/"><img alt="VOLCAN" src="http://thumbs.dreamstime.com/t/vue-16577993.jpg" /></a><a target="_blank" title="VOLCAN" href="http://reverie.latchatche.net/"><img alt="VOLCAN" src="http://allaliladeracinee974laravine.hautetfort.com/media/02/00/1712677479.jpg" /></a><a target="_blank" title="VOLCAN" href="http://reverie.latchatche.net/"><img alt="VOLCAN" src="http://buzz.re/wp-content/uploads/2015/02/eruption-le-volcan-la-fournaise-volcan-la-pete-buzz-300x194.jpg" /></a><a target="_blank" title="VOLCAN" href="http://reverie.latchatche.net/"><img alt="VOLCAN" src="http://ekladata.com/DzTcQVQCDOLCxzzmbx4D_EVeLGY.jpg" /></a><a target="_blank" title="VOLCAN" href="http://reverie.latchatche.net/"><img alt="VOLCAN" src="http://www.tropicalement-votre.com/produits/2472/doc/thumb/volcan-piton-de-la-fournaise-photo-irt-serge-gelabert-copie.jpg" /></a><a target="_blank" title="VOLCAN" href="http://reverie.latchatche.net/"><img alt="VOLCAN" src="http://www.gng-location.fr/wp-content/uploads/2014/12/piton_de_la_fournaise-150x150.jpg" /></a><a target="_blank" title="FRUITS" href="http://reverie.latchatche.net/"><img alt="FRUITS" src="http://www.la-reunion-ile.re/wp-content/uploads/2012/06/photo-fruits-exotiques-300x225.jpg" /></a><a target="_blank" title="LETCHIS" href="http://reverie.latchatche.net/"><img alt="LETCHIS" src="http://img.over-blog-kiwi.com/300x225-ct/1/21/23/82/20141111/ob_602513_litchi-4.jpg" /></a><a target="_blank" title="ANANAS" href="http://reverie.latchatche.net/"><img alt="ANANAS" src="https://t2.ftcdn.net/jpg/00/73/18/63/240_F_73186346_Q60cxyizSWWv8WyQGX3WNVtNb1imO2nf.jpg" /></a><a target="_blank" title="FRUITS" href="http://reverie.latchatche.net/"><img alt="FRUITS" src="http://phototheque.studiolumiere.fr/img_photos/912.jpg" /></a><a target="_blank" title="FLEUR VANILLE" href="http://reverie.latchatche.net/"><img alt="FLEUR VANILLE" src="http://www.ethiquable.coop/sites/www.ethiquable.coop/files/styles/large/public/vanille-bourbon-ethiquable-equitanle-bio.jpg" /></a><a target="_blank" title="VANILLE" href="http://reverie.latchatche.net/"><img alt="VANILLE" src="http://www.mi-aime-a-ou.com/flore_la_reunion/vanille.jpg" /></a><a target="_blank" title="CAMELEON" href="http://reverie.latchatche.net/"><img alt="CAMELEON" src="https://lh3.googleusercontent.com/-hEmIk434jHA/AAAAAAAAAAI/AAAAAAAAAAs/YTZg1CU5bH4/s265-c-k-no/photo.jpg" /></a><a target="_blank" title="CAMELEON" href="http://reverie.latchatche.net/"><img alt="CAMELEON" src="http://www.willgoto.com/images/Size2/ile_La_Reunion_Cameleon_89880b588c8a4d08bcf31c925e86c0ed.jpg" /></a><a target="_blank" title="CAMELEON" href="http://reverie.latchatche.net/"><img alt="CAMELEON" src="http://www.iledelareunion.net/_inc/docimg/menu/rub_9203568.jpg" /></a><a target="_blank" title="FLEURS" href="http://reverie.latchatche.net/"><img alt="FLEURS" src="http://www.mi-aime-a-ou.com/flore_la_reunion/galabert_corbeille_d_or_fleur_02.jpg" /></a><a target="_blank" title="PAILLENQUEU" href="http://reverie.latchatche.net/"><img alt="PAILLENQUEU" src="http://partagetoutestpartage.blog50.com/images/medium_08._Cap_de_Petite-%C3%8Ele_-_Paille-en-queue_07.2.JPG" /></a><a target="_blank" title="PAILLENQUEU" href="http://reverie.latchatche.net/"><img alt="PAILLENQUEU" src="http://asso-arec.fr/wp-content/uploads/2013/08/paille-en-queue-300x225.jpg" /></a><a target="_blank" title="PAILLENQUEUE" href="http://reverie.latchatche.net/"><img alt="PAILLENQUEUE" src="http://www.ffme974.org/wp-content/jimg/paille%20en%20queue.jpg" /></a><a target="_blank" title="CARTE" href="http://reverie.latchatche.net/"><img alt="CARTE" src="http://www.archivesnationales.culture.gouv.fr/anom/fr/Presentation/images/PFOM-Carte-09.jpg" /></a><a target="_blank" title="Image1" href="http://reverie.latchatche.net/"><img alt="Image1" src="http://rdm.cdn.cahri.net/local/cache-vignettes/L300xH200/pm-98f3a-cf3b2.jpg" /></a>               
  </div><script type="text/javascript">(function(){var r = document.getElementById("rotator1452843096818"), l = r.getElementsByTagName("A"), rotate = window.setInterval(function() {var a = document.getElementById("itemActif1452843096818"), 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 = "itemActif1452843096818";n.style.zIndex = 999})},3500)})();</script>
</div>
       
<div style="margin-left: 250px; position: relative; top:25px;;">
                                                              <img src="http://www.web-ados.com/images/gifs/etoiles.gif" /><img src="http://www.web-ados.com/images/gifs/etoiles.gif" /><img src="http://www.web-ados.com/images/gifs/etoiles.gif" />            <img src="http://i68.servimg.com/u/f68/19/05/37/56/coolte13.png" /><img src="http://www.web-ados.com/images/gifs/etoiles.gif" /><img src="http://www.web-ados.com/images/gifs/etoiles.gif" /><img src="http://www.web-ados.com/images/gifs/etoiles.gif" />                                               
</div>

Cordialement.
Tech

Tech
Membre actif

Masculin
Messages : 22683
Inscrit(e) le : 01/12/2007

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

Résolu Re: Diaporama :

Message par IriXa Ven 15 Jan 2016 - 19:49

Bonsoir Tech,

Je constate que vous avez remis le margin-left: 5% , je l'avais ainsi avant et je l'avais mis à 40% pour centrer la diapo.

Dans le schéma actuel ( 5% ) que vous avez remis, le texte se trouve à côté mais en bas de la diapo, comme exemple 1, ce qui ne convient pas à l'apparence que je souhaiterai.

Exemple 1 : Diaporama :  Diapo111

Ce dont j'aimerai c'est que le texte ou lien soit placé comme l'exemple 2.

Exemple 2 : Diaporama :  Diapo210

Merci.

IriXa.
IriXa

IriXa
****

Féminin
Messages : 289
Inscrit(e) le : 16/12/2015

https://outre-mer-le-forum.forumactif.com/
IriXa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama :

Message par tupac Sam 16 Jan 2016 - 6:54

Bonjour,

J'ai placé votre code dans un tableau sur une seul ligne, je pense que ça devrait suffire.


Code:
<table style="width: 750px;">
                        
   <tbody>
                           
      <tr>
                              
         <td style="width: 20%;">
                                              <style type="text/css">#rotator1452843096818 {height:120px;} #rotator1452843096818 a{position:absolute;background:#9B91CC;border:1px solid #9B91CC;padding:4px;} #rotator1452843096818 img { height:110px;width:150px; }</style>                                 
            <div id="rotator1452843096818">
                                                       <a id="itemActif1452843096818" style="z-index:999" href="http://reverie.latchatche.net/" title="Reunion1" target="_blank"><img src="http://rdm.cdn.cahri.net/local/cache-vignettes/L300xH200/pm-98f3a-cf3b2.jpg" alt="Reunion1" /></a><a href="http://reverie.latchatche.net/" title="BALEINE2" target="_blank"><img src="http://img.src.ca/2010/11/10/300x225/101110baleine-queue-soleil_g.jpg" alt="BALEINE2" /></a><a href="http://reverie.latchatche.net/" title="BALEINE" target="_blank"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Humpback_stellwagen_edit.jpg/290px-Humpback_stellwagen_edit.jpg" alt="BALEINE" /></a><a href="http://reverie.latchatche.net/" title="BALEINE" target="_blank"><img src="http://www.luximer-magazine.com/wp-content/uploads/2011/09/trop-de-touristes-peut-tuer-la-baleine-baleine-a-bosses-2514757.jpg" alt="BALEINE" /></a><a href="http://reverie.latchatche.net/" title="BALEINE" target="_blank"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/6b/Niagara_falls_(Reunion_Island).jpg/260px-Niagara_falls_(Reunion_Island).jpg" alt="BALEINE" /></a><a href="http://reverie.latchatche.net/" title="REUNION" target="_blank"><img src="http://www.immobilier-neuf-la-reunion.com/sites/default/files/img42-defiscalisation-reunion.jpg" alt="REUNION" /></a><a href="http://reverie.latchatche.net/" title="CASCADE" target="_blank"><img src="http://www.avisreunion.com/assets//lifestyle/RI/CASCADE_NIAGARA3_IRT_Ile_Reunion_EMMANUEL_VIRIN_299x145.jpg" alt="CASCADE" /></a><a href="http://reverie.latchatche.net/" title="CASCADE" target="_blank"><img src="https://lh6.googleusercontent.com/-f63MwzKAxhM/VJAVlTtgidI/AAAAAAAAAC8/j_W235FotT4/w304-h166/images.jpg" alt="CASCADE" /></a><a href="http://reverie.latchatche.net/" title="TROUDEFER" target="_blank"><img src="http://greg-voyages.com/wp-content/uploads/2014/12/cascades-ile-de-la-Reunion-patrimoine-mondial-unesco-300x174.jpg" alt="TROUDEFER" /></a><a href="http://reverie.latchatche.net/" title="REMPART" target="_blank"><img src="http://www.isep.org/students/directory/memberphotos/tabs/reunion1.jpg" alt="REMPART" /></a><a href="http://reverie.latchatche.net/" title="CASCADE" target="_blank"><img src="http://www.autoescape.com/images-cms/images/AE/BTOC_FR/DESTINATIONS/REUNION/location-voiture-st-gilles.jpg" alt="CASCADE" /></a><a href="http://reverie.latchatche.net/" title="PLAGE" target="_blank"><img src="http://www.avisreunion.com/assets//lifestyle/RI/PLAGE_DE_L_ERMITAGE_1_IRT_Ile_Reunion_EMMANUEL_VIRIN_299x145.jpg" alt="PLAGE" /></a><a href="http://reverie.latchatche.net/" title="PLAGE" target="_blank"><img src="http://www.allonslareunion.com/reunion/pages_pros/logos/213.jpg" alt="PLAGE" /></a><a href="http://reverie.latchatche.net/" title="PLAGE" target="_blank"><img src="https://blognatte.files.wordpress.com/2011/02/imagescadm46zi.jpg" alt="PLAGE" /></a><a href="http://reverie.latchatche.net/" title="PLAGE" target="_blank"><img src="http://location-saisonniere-reunion.re/images/mesphotos/boucan%20canot.jpg" alt="PLAGE" /></a><a href="http://reverie.latchatche.net/" title="PLAGE" target="_blank"><img src="https://imagesus-ssl.homeaway.com/mda01/54b32447-a7ff-45bc-9daa-ea1f6d474543.1.9" alt="PLAGE" /></a><a href="http://reverie.latchatche.net/" title="VOLCAN" target="_blank"><img src="http://www.lefigaro.fr/medias/2010/08/07/2db6c0cc-a166-11df-9f10-af8bc692cbe2.jpg" alt="VOLCAN" /></a><a href="http://reverie.latchatche.net/" title="VOLCAN" target="_blank"><img src="http://thumbs.dreamstime.com/t/vue-du-haut-du-volcan-d-avachinskiy-39266722.jpg" alt="VOLCAN" /></a><a href="http://reverie.latchatche.net/" title="VOLCAN" target="_blank"><img src="http://www.jeanlucallegre.com/IMG/jpg/04-2.jpg" alt="VOLCAN" /></a><a href="http://reverie.latchatche.net/" title="VOLCAN" target="_blank"><img src="http://thumbs.dreamstime.com/t/vue-16577993.jpg" alt="VOLCAN" /></a><a href="http://reverie.latchatche.net/" title="VOLCAN" target="_blank"><img src="http://allaliladeracinee974laravine.hautetfort.com/media/02/00/1712677479.jpg" alt="VOLCAN" /></a><a href="http://reverie.latchatche.net/" title="VOLCAN" target="_blank"><img src="http://buzz.re/wp-content/uploads/2015/02/eruption-le-volcan-la-fournaise-volcan-la-pete-buzz-300x194.jpg" alt="VOLCAN" /></a><a href="http://reverie.latchatche.net/" title="VOLCAN" target="_blank"><img src="http://ekladata.com/DzTcQVQCDOLCxzzmbx4D_EVeLGY.jpg" alt="VOLCAN" /></a><a href="http://reverie.latchatche.net/" title="VOLCAN" target="_blank"><img src="http://www.tropicalement-votre.com/produits/2472/doc/thumb/volcan-piton-de-la-fournaise-photo-irt-serge-gelabert-copie.jpg" alt="VOLCAN" /></a><a href="http://reverie.latchatche.net/" title="VOLCAN" target="_blank"><img src="http://www.gng-location.fr/wp-content/uploads/2014/12/piton_de_la_fournaise-150x150.jpg" alt="VOLCAN" /></a><a href="http://reverie.latchatche.net/" title="FRUITS" target="_blank"><img src="http://www.la-reunion-ile.re/wp-content/uploads/2012/06/photo-fruits-exotiques-300x225.jpg" alt="FRUITS" /></a><a href="http://reverie.latchatche.net/" title="LETCHIS" target="_blank"><img src="http://img.over-blog-kiwi.com/300x225-ct/1/21/23/82/20141111/ob_602513_litchi-4.jpg" alt="LETCHIS" /></a><a href="http://reverie.latchatche.net/" title="ANANAS" target="_blank"><img src="https://t2.ftcdn.net/jpg/00/73/18/63/240_F_73186346_Q60cxyizSWWv8WyQGX3WNVtNb1imO2nf.jpg" alt="ANANAS" /></a><a href="http://reverie.latchatche.net/" title="FRUITS" target="_blank"><img src="http://phototheque.studiolumiere.fr/img_photos/912.jpg" alt="FRUITS" /></a><a href="http://reverie.latchatche.net/" title="FLEUR VANILLE" target="_blank"><img src="http://www.ethiquable.coop/sites/www.ethiquable.coop/files/styles/large/public/vanille-bourbon-ethiquable-equitanle-bio.jpg" alt="FLEUR VANILLE" /></a><a href="http://reverie.latchatche.net/" title="VANILLE" target="_blank"><img src="http://www.mi-aime-a-ou.com/flore_la_reunion/vanille.jpg" alt="VANILLE" /></a><a href="http://reverie.latchatche.net/" title="CAMELEON" target="_blank"><img src="https://lh3.googleusercontent.com/-hEmIk434jHA/AAAAAAAAAAI/AAAAAAAAAAs/YTZg1CU5bH4/s265-c-k-no/photo.jpg" alt="CAMELEON" /></a><a href="http://reverie.latchatche.net/" title="CAMELEON" target="_blank"><img src="http://www.willgoto.com/images/Size2/ile_La_Reunion_Cameleon_89880b588c8a4d08bcf31c925e86c0ed.jpg" alt="CAMELEON" /></a><a href="http://reverie.latchatche.net/" title="CAMELEON" target="_blank"><img src="http://www.iledelareunion.net/_inc/docimg/menu/rub_9203568.jpg" alt="CAMELEON" /></a><a href="http://reverie.latchatche.net/" title="FLEURS" target="_blank"><img src="http://www.mi-aime-a-ou.com/flore_la_reunion/galabert_corbeille_d_or_fleur_02.jpg" alt="FLEURS" /></a><a href="http://reverie.latchatche.net/" title="PAILLENQUEU" target="_blank"><img src="http://partagetoutestpartage.blog50.com/images/medium_08._Cap_de_Petite-%C3%8Ele_-_Paille-en-queue_07.2.JPG" alt="PAILLENQUEU" /></a><a href="http://reverie.latchatche.net/" title="PAILLENQUEU" target="_blank"><img src="http://asso-arec.fr/wp-content/uploads/2013/08/paille-en-queue-300x225.jpg" alt="PAILLENQUEU" /></a><a href="http://reverie.latchatche.net/" title="PAILLENQUEUE" target="_blank"><img src="http://www.ffme974.org/wp-content/jimg/paille%20en%20queue.jpg" alt="PAILLENQUEUE" /></a><a href="http://reverie.latchatche.net/" title="CARTE" target="_blank"><img src="http://www.archivesnationales.culture.gouv.fr/anom/fr/Presentation/images/PFOM-Carte-09.jpg" alt="CARTE" /></a><a href="http://reverie.latchatche.net/" title="Image1" target="_blank"><img src="http://rdm.cdn.cahri.net/local/cache-vignettes/L300xH200/pm-98f3a-cf3b2.jpg" alt="Image1" /></a>                               
            </div><script type="text/javascript">(function(){var r = document.getElementById("rotator1452843096818"), l = r.getElementsByTagName("A"), rotate = window.setInterval(function() {var a = document.getElementById("itemActif1452843096818"), 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 = "itemActif1452843096818";n.style.zIndex = 999})},3500)})();</script>               
         </td>
                              
         <td style="width: 80%;">
                                           
            <div align="center">
                                                                                         <img src="http://www.web-ados.com/images/gifs/etoiles.gif" /><img src="http://www.web-ados.com/images/gifs/etoiles.gif" /><img src="http://www.web-ados.com/images/gifs/etoiles.gif" />            <img src="http://i68.servimg.com/u/f68/19/05/37/56/coolte13.png" /><img src="http://www.web-ados.com/images/gifs/etoiles.gif" /><img src="http://www.web-ados.com/images/gifs/etoiles.gif" /><img src="http://www.web-ados.com/images/gifs/etoiles.gif" />                                                             
            </div>
                                         
         </td>
                              
      </tr>
                           
   </tbody>
</table>
tupac

tupac
Membre actif

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

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Diaporama - Titres, textes ou liens à côté.

Message par IriXa Sam 16 Jan 2016 - 11:49

Bonjour tupac,

C'est exactement ce à quoi, je souhaitais avoir comme apparence. Néanmoins, pour avoir un centrage de l'ensemble, j'ai apporté une toute petite modification simple :

Code:
<table style="width: 850px;">
                                                                                                                  
   <tbody>
      <tr>
                                                                                  
         <td style="width: 55%;">

Merci à vous. ::fleur::

IriXa.
IriXa

IriXa
****

Féminin
Messages : 289
Inscrit(e) le : 16/12/2015

https://outre-mer-le-forum.forumactif.com/
IriXa a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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