[Question] Ecrire dans le menu accordéon page d'accueil
2 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
[Question] Ecrire dans le menu accordéon page d'accueil
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
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'
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
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
Re: [Question] Ecrire dans le menu accordéon page d'accueil
Bonjour.
Dans votre code html vous avez ceci :
Cordialement.
Dans votre code html vous avez ceci :
Remplacez<figure>
<img class="full" alt="image" src="ICI UN LIEN" />
</figure>
- Code:
<img .... />
- Code:
<p>
VOTRE TEXTE
</p>
Cordialement.
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: [Question] Ecrire dans le menu accordéon page d'accueil
Bonsoir,
en fait c'est un code javascript que j'ai pour mon menu accordéon, pas un HTML :/
Voici mon code javascript :
Donc je ne sais pas où modifier les *img*....
Cordialement
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
Re: [Question] Ecrire dans le menu accordéon page d'accueil
Bonsoir.
Lorsque vous allez dans panneau d'administration >> affichage >> généralités
Qu'avez-vous dans le champ texte ?
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 le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: [Question] Ecrire dans le menu accordéon page d'accueil
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 :
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>
Re: [Question] Ecrire dans le menu accordéon page d'accueil
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 le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: [Question] Ecrire dans le menu accordéon page d'accueil
Merci
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
Cordialement.
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
Cordialement.
Re: [Question] Ecrire dans le menu accordéon page d'accueil
Up
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' =)
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' =)
Re: [Question] Ecrire dans le menu accordéon page d'accueil
Bonsoir,
Pour l'image, je ne sais pas. En revanche, pour faire un retour à la ligne, normalement il faut insérer des <br/>.
Cordialement
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é
Re: [Question] Ecrire dans le menu accordéon page d'accueil
Bonsoir,
d'accord : merci
J'essayerais demain matin ^^
d'accord : merci
J'essayerais demain matin ^^
Re: [Question] Ecrire dans le menu accordéon page d'accueil
Pour mettre une image, la balise est celle-ci :
- Code:
<img src="URL_DE_L'IMAGE" alt="TITRE_DE_L'IMAGE" />
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: [Question] Ecrire dans le menu accordéon page d'accueil
Bonjour,
c'est parfait !
Merci beaucoup ^^
Résolu.
Cordialement.
c'est parfait !
Merci beaucoup ^^
Résolu.
Cordialement.
Sujets similaires
» Fond dans menu accordéon
» Mettre du texte dans un menu accordéon
» Comment insérer un lien de redirection dans le menu accordéon ? bis
» Comment insérer un lien de redirection dans le menu accordéon ?
» Nouvelle page dans le menu
» Mettre du texte dans un menu accordéon
» Comment insérer un lien de redirection dans le menu accordéon ? bis
» Comment insérer un lien de redirection dans le menu accordéon ?
» Nouvelle page dans le menu
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