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

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 le 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
***

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 le 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.





Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.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 le 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
***

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 le 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 ?





Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.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 le 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
***

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 le Mar 28 Jan 2014 - 19:09

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





Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.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 le 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
***

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 le 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
***

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é le 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

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 le Mer 29 Jan 2014 - 21:13

Bonsoir,

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

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 le 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.





Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.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 le Jeu 30 Jan 2014 - 18:04

Bonjour,

c'est parfait !
Merci beaucoup ^^

Résolu.

Cordialement.

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


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