[Question] Ecrire dans le menu accordéon page d'accueil

2 participants

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

Résolu [Question] Ecrire dans le menu accordéon page d'accueil

Message par PsylecixdeGF Lun 27 Jan 2014 - 17:27

Bonjour/bonsoir,

j'ai installé ce week-end un menu accordéon sur la page d'accueil de mon forum en suivant un tutoriel ForumActif, mais on ne peut que mettre des images alors que j'aimerais pouvoir écrire dedans, j'ai déjà vu des forums avec ce menu accordéon avec des textes à chaque slide, c'est ce que j'aimerais faire, un slide par exemple pour les dernières news du forum, ses partenaires, son staff etc Wink

Voilà, si vous savez le code/css ou autre truc qui permet d'écrire dans chaque slide du menu accordéon, merci de me répondre =)

(PS : si vous avez besoin de mon CSS + code javascript, je peux vous le montrer.)

(PS² : le lien de mon forum : http://blabla-deunkeys.forumactif.org/forum)

Cordialement,
Psy'


Dernière édition par PsylecixdeGF le Jeu 30 Jan 2014 - 18:05, édité 1 fois
PsylecixdeGF

PsylecixdeGF
***

Masculin
Messages : 163
Inscrit(e) le : 28/06/2013

http://globeul-discussion.forumactif.org/
PsylecixdeGF a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Question] Ecrire dans le menu accordéon page d'accueil

Message par Lixyr Mar 28 Jan 2014 - 12:18

Bonjour.

Dans votre code html vous avez ceci :
<figure>
<img class="full" alt="image" src="ICI UN LIEN" />
</figure>
Remplacez
Code:
<img .... />
par
Code:
<p>
VOTRE TEXTE
</p>

Cordialement.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez [Question] Ecrire dans le menu accordéon page d'accueil 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu [Question] Ecrire dans le menu accordéon page d'accueil 3592387030 pour prévenir la modération.

[Question] Ecrire dans le menu accordéon page d'accueil Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7377
Inscrit(e) le : 22/07/2010

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

Résolu Re: [Question] Ecrire dans le menu accordéon page d'accueil

Message par PsylecixdeGF Mar 28 Jan 2014 - 18:54

Bonsoir,

en fait c'est un code javascript que j'ai pour mon menu accordéon, pas un HTML :/

Voici mon code javascript :

Code:
$(document).ready(function() {
  $("#accordeon-pa").each(function(){
    $(this).liteAccordion({
      autoPlay:true,
      pauseOnHover:true,
      rounded:true,
      enumerateSlides:true,
      containerWidth: 960,
      containerHeight: 320
    })
  });
});
/*************************************************!
*
*  project:    liteAccordion - a horizontal accordion plugin for jQuery
*  author:    Nicola Hibbert
*  url:        http://nicolahibbert.com/liteaccordion-v2/
*  demo:      http://www.nicolahibbert.com/demo/liteAccordion/
*
*  Version:    2.0.2
*  Copyright:  (c) 2010-2011 Nicola Hibbert
*  Licence:    MIT
*
**************************************************/
(function(b){var a=function(g,l){var i={headerWidth:48,activateOn:"click",firstSlide:1,slideSpeed:800,onTriggerSlide:function(){},onSlideAnimComplete:function(){},autoPlay:false,pauseOnHover:false,cycleSpeed:6000,easing:"swing",theme:"basic",rounded:false,enumerateSlides:false,linkable:false},h=b.extend({},i,l),c=g.children("ol").children("li"),j=c.children(":first-child"),k=c.length,f=h.containerWidth-k*h.headerWidth,e={play:function(m){var n=d.nextSlide(m&&m);if(d.playing){return}d.playing=setInterval(function(){j.eq(n()).trigger("click.liteAccordion")},h.cycleSpeed)},stop:function(){clearInterval(d.playing);d.playing=0},next:function(){e.stop();j.eq(d.currentSlide===k-1?0:d.currentSlide+1).trigger("click.liteAccordion")},prev:function(){e.stop();j.eq(d.currentSlide-1).trigger("click.liteAccordion")},destroy:function(){e.stop();b(window).unbind(".liteAccordion");g.attr("style","").removeClass("accordion basic dark light stitch").removeData("liteAccordion").unbind(".liteAccordion").find("li > :first-child").unbind(".liteAccordion").filter(".selected").removeClass("selected").end().find("b").remove();c.removeClass("slide").children().attr("style","")},debug:function(){return{elem:g,defaults:i,settings:h,methods:e,core:d}}},d={setStyles:function(){g.width(h.containerWidth).height(h.containerHeight).addClass("accordion").addClass(h.rounded&&"rounded").addClass(h.theme);c.addClass("slide").children(":first-child").width(h.containerHeight).height(h.headerWidth).eq(h.firstSlide-1).addClass("selected");j.each(function(m){var p=b(this),o=m*h.headerWidth,n=j.first().next(),q=parseInt(n.css("marginLeft"),10)||parseInt(n.css("marginRight"),10)||0;if(m>=h.firstSlide){o+=f}p.css("left",o).next().width(f-q).css({left:o,paddingLeft:h.headerWidth});h.enumerateSlides&&p.append("<b>"+(m+1)+"</b>")})},bindEvents:function(){if(h.activateOn==="click"){j.bind("click.liteAccordion",d.triggerSlide)}else{if(h.activateOn==="mouseover"){j.bind({"mouseover.liteAccordion":d.triggerSlide,"click.liteAccordion":d.triggerSlide})}}if(h.pauseOnHover&&h.autoPlay){g.bind("mouseover.liteAccordion",function(){d.playing&&e.stop()}).bind("mouseout.liteAccordion",function(){!d.playing&&e.play(d.currentSlide)})}},linkable:function(){var m=(function(){var o=[];c.each(function(){if(b(this).attr("name")){o.push((b(this).attr("name")).toLowerCase())}});return m=o})();var n=function(p){var o;if(p.type==="load"&&!window.location.hash){return}if(p.type==="hashchange"&&d.playing){return}o=b.inArray((window.location.hash.slice(1)).toLowerCase(),m);if(o>-1&&o<m.length){j.eq(o).trigger("click.liteAccordion")}};b(window).bind({"hashchange.liteAccordion":n,"load.liteAccordion":n})},currentSlide:h.firstSlide-1,nextSlide:function(m){var n=m+1||d.currentSlide+1;return function(){return n++%k}},playing:0,animSlideGroup:function(m,o,n){var p=n?":lt("+(m+1)+")":":gt("+m+")";c.filter(p).each(function(){var r=b(this),q=c.index(r);r.children().stop(true).animate({left:(n?0:f)+q*h.headerWidth},h.slideSpeed,h.easing,function(){if(!d.slideAnimCompleteFlag){h.onSlideAnimComplete.call(o);d.slideAnimCompleteFlag=true}})})},slideAnimCompleteFlag:false,triggerSlide:function(p){var o=b(this),m=j.index(o),n=o.next();d.currentSlide=m;d.slideAnimCompleteFlag=false;j.removeClass("selected").filter(o).addClass("selected");if(p.originalEvent&&h.autoPlay){e.stop();e.play(m)}if(h.linkable&&!d.playing){window.location.hash=o.parent().attr("name")}h.onTriggerSlide.call(n);d.animSlideGroup(m,n,true);d.animSlideGroup(m,n)},ieClass:function(){var m=+(b.browser.version).charAt(0);if(m<7){e.destroy()}if(m===7||m===8){c.each(function(n){b(this).addClass("slide-"+n)})}g.addClass("ie ie"+m)},init:function(){if(b.browser.msie){d.ieClass()}d.setStyles();d.bindEvents();if(h.cycleSpeed<h.slideSpeed){h.cycleSpeed=h.slideSpeed}if(h.linkable&&"onhashchange" in window){d.linkable()}h.autoPlay&&e.play()}};d.init();return e};b.fn.liteAccordion=function(e){var d=this,c=d.data("liteAccordion");if(typeof e==="object"||!e){return d.each(function(){var f;if(c){return}f=new a(d,e);d.data("liteAccordion",f)})}else{if(typeof e==="string"&&c[e]){if(e==="debug"){return c[e].call(d)}else{c[e].call(d);return d}}}}})(jQuery);

Donc je ne sais pas où modifier les *img*....

Cordialement Wink
PsylecixdeGF

PsylecixdeGF
***

Masculin
Messages : 163
Inscrit(e) le : 28/06/2013

http://globeul-discussion.forumactif.org/
PsylecixdeGF a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Question] Ecrire dans le menu accordéon page d'accueil

Message par Lixyr Mar 28 Jan 2014 - 18:59

Bonsoir.

Lorsque vous allez dans panneau d'administration >> affichage >> généralités
Qu'avez-vous dans le champ texte ?


Pour faciliter les recherches, mettez un titre explicite.
Remerciez [Question] Ecrire dans le menu accordéon page d'accueil 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu [Question] Ecrire dans le menu accordéon page d'accueil 3592387030 pour prévenir la modération.

[Question] Ecrire dans le menu accordéon page d'accueil Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7377
Inscrit(e) le : 22/07/2010

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

Résolu Re: [Question] Ecrire dans le menu accordéon page d'accueil

Message par PsylecixdeGF Mar 28 Jan 2014 - 19:03

Bonsoir,

Ah oui j'avais complètement zappé qu'il y avait un code aussi dans le message d'accueil ^^'

Voici ce qu'il y a dedans :

Code:
<div class="accordion" id="accordeon-pa">
   
   <ol>
      
      <li>
         
         <h2>
             <span>Slide 1</span>
         </h2>
         
         <div>
             <figure> <img alt="image" src="http://youresto.com/blog/wp-content/uploads/2014/01/la-galette-des-rois_1388660686.jpg" class="full" /> </figure>
         </div>
         
      </li>
      
      <li>
         
         <h2>
             <span>Slide 2</span>
         </h2>
         
         <div>
             <figure> <img src="http://www.ricettedifuffy.it/wp-content/uploads/2013/02/crepes-alla-nutella.jpg" class="full" /> </figure>
         </div>
         
      </li>
      
      <li>
         
         <h2>
             <span>Slide 3</span>
         </h2>
         
         <div>
             <figure> <img alt="image" src="http://todayimcooking.com/wp-content/uploads/2012/04/Mini-churros2.jpg" class="full" /> </figure>
         </div>
         
      </li>
      
      <li>
         
         <h2>
             <span>Slide 4</span>
         </h2>
         
         <div>
             <figure> <img alt="image" src="http://media.meltyfood.fr/article-1362096-ratio265_610/cupcakes-polemique-michigan.jpg" class="full" /> </figure>
         </div>
         
      </li>
      
      <li>
         
         <h2>
             <span>Slide 5</span>
         </h2>
         
         <div>
             <figure> <img alt="image" src="http://st.gdefon.com/wallpapers_original/wallpapers/397719_gamburgery_kartofel_5464x3643_(www.GdeFon.ru).jpg" class="full" /> </figure>
         </div>
         
      </li>
      
   </ol>
</div>
PsylecixdeGF

PsylecixdeGF
***

Masculin
Messages : 163
Inscrit(e) le : 28/06/2013

http://globeul-discussion.forumactif.org/
PsylecixdeGF a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Question] Ecrire dans le menu accordéon page d'accueil

Message par Lixyr Mar 28 Jan 2014 - 19:09

Et bien voilà le code html que vous devez modifier pour mettre votre texte à la place des images. ^^


Pour faciliter les recherches, mettez un titre explicite.
Remerciez [Question] Ecrire dans le menu accordéon page d'accueil 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu [Question] Ecrire dans le menu accordéon page d'accueil 3592387030 pour prévenir la modération.

[Question] Ecrire dans le menu accordéon page d'accueil Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7377
Inscrit(e) le : 22/07/2010

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

Résolu Re: [Question] Ecrire dans le menu accordéon page d'accueil

Message par PsylecixdeGF Mar 28 Jan 2014 - 19:20

Merci Smile

PS (dernier petit truc) : comment on ajoute des petites images dans le code dans la zone de texte pour qu'elles s'affichent dans le menu accordéon, car j'ai mis des balises *img* et */img* pour des images mais ça ne marche pas Sad

Cordialement.
PsylecixdeGF

PsylecixdeGF
***

Masculin
Messages : 163
Inscrit(e) le : 28/06/2013

http://globeul-discussion.forumactif.org/
PsylecixdeGF a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Question] Ecrire dans le menu accordéon page d'accueil

Message par PsylecixdeGF Mer 29 Jan 2014 - 20:25

Up Smile

J'aimerais savoir : comment mettre une image (quelles sont les balises (s'il en faut) à mettre?)) et comment faire un retour à la ligne d'en dessous car par exemple j'ai mis un espèce de titre dans chaque slide (à l'intérieur) et j'arrive pas à écrire quelques lignes en-dessous, ça me met mon texte à la suite de mon titre....

Cordialement,
Psy' =)
PsylecixdeGF

PsylecixdeGF
***

Masculin
Messages : 163
Inscrit(e) le : 28/06/2013

http://globeul-discussion.forumactif.org/
PsylecixdeGF a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Question] Ecrire dans le menu accordéon page d'accueil

Message par Invité Mer 29 Jan 2014 - 20:35

Bonsoir,

Pour l'image, je ne sais pas. En revanche, pour faire un retour à la ligne, normalement il faut insérer des <br/>.

Cordialement
Anonymous

Invité
Invité


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

Résolu Re: [Question] Ecrire dans le menu accordéon page d'accueil

Message par PsylecixdeGF Mer 29 Jan 2014 - 21:13

Bonsoir,

d'accord : merci Smile
J'essayerais demain matin ^^
PsylecixdeGF

PsylecixdeGF
***

Masculin
Messages : 163
Inscrit(e) le : 28/06/2013

http://globeul-discussion.forumactif.org/
PsylecixdeGF a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Question] Ecrire dans le menu accordéon page d'accueil

Message par Lixyr Jeu 30 Jan 2014 - 12:42

Pour mettre une image, la balise est celle-ci :

Code:
<img src="URL_DE_L'IMAGE" alt="TITRE_DE_L'IMAGE" />
Pour mettre les images les uns à côté des autres il suffit de mettre les balises à côté, et pour les avoir les une en dessous des autres, il faut mettre le code donné par Misslilly.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez [Question] Ecrire dans le menu accordéon page d'accueil 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu [Question] Ecrire dans le menu accordéon page d'accueil 3592387030 pour prévenir la modération.

[Question] Ecrire dans le menu accordéon page d'accueil Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7377
Inscrit(e) le : 22/07/2010

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

Résolu Re: [Question] Ecrire dans le menu accordéon page d'accueil

Message par PsylecixdeGF Jeu 30 Jan 2014 - 18:04

Bonjour,

c'est parfait !
Merci beaucoup ^^

Résolu.

Cordialement.
PsylecixdeGF

PsylecixdeGF
***

Masculin
Messages : 163
Inscrit(e) le : 28/06/2013

http://globeul-discussion.forumactif.org/
PsylecixdeGF 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