Un code pour la PA accordéon
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Un code pour la PA accordéon
Bonjour à Tous
J'installe actuellement la nouvelle PA accordéon qu'à proposer d'ailleurs forumactif.
Mais voilà, sur l'image de fond, j'aimerais mettre un texte, qui se trouverait lui même dans un petit cadre aux bords arrondis et fond gris ou blanc ou noir transparent (afin de voir l'image de fond), et avec une barre de défilement, si le texte est grand.
Malheureusement je connais pas ce code pour le mettre dans le CSS ou la page d’accueil généralité.
Aidez moi svp, juste une petit code....
Merci d'avance.
J'installe actuellement la nouvelle PA accordéon qu'à proposer d'ailleurs forumactif.
Mais voilà, sur l'image de fond, j'aimerais mettre un texte, qui se trouverait lui même dans un petit cadre aux bords arrondis et fond gris ou blanc ou noir transparent (afin de voir l'image de fond), et avec une barre de défilement, si le texte est grand.
Malheureusement je connais pas ce code pour le mettre dans le CSS ou la page d’accueil généralité.
Aidez moi svp, juste une petit code....
Merci d'avance.
Dernière édition par Jézebel L. le Dim 3 Mar 2013 - 19:07, édité 1 fois
Re: Un code pour la PA accordéon
Pardon ! et je voulais savoir, quel code rectifier, pour rétrécir la pa accordéon
merci.
https://forum.forumactif.com/t327581-message-d-accueil-en-accordeon?highlight=panneau+accord%E9on
merci.
https://forum.forumactif.com/t327581-message-d-accueil-en-accordeon?highlight=panneau+accord%E9on
Re: Un code pour la PA accordéon
SVP
up !
up !
Re: Un code pour la PA accordéon
SVP !!!
Up ! u_u
Up ! u_u
Re: Un code pour la PA accordéon
Personne ? OO
Up !
Up !
Re: Un code pour la PA accordéon
Salut,
Tu as essayé de modifier les codes de ton Javascript au début ? Remplace 800 et 320 :
Tu as essayé de modifier les codes de ton Javascript au début ? Remplace 800 et 320 :
- Code:
$(document).ready(function() {
$("#accordeon-pa").each(function(){
$(this).liteAccordion({
autoPlay:true,
pauseOnHover:true,
rounded:true,
enumerateSlides:true,
containerWidth: 800,
containerHeight: 320
Re: Un code pour la PA accordéon
Salut !
cela aurait pour effet de bien centrer l'image, ok
mais y'a t'il un code pour ensuite créer un autre cadre, tenez voici un exemple de ce que je veux :
Donc un code pour remplir avec la 1ère image
mais je viens de l'avoir, car il faut modifier juste le Java.
Et un autre code pour créer des cadres (gris ou peu importe la couleur)
avec un overflow.
cela aurait pour effet de bien centrer l'image, ok
mais y'a t'il un code pour ensuite créer un autre cadre, tenez voici un exemple de ce que je veux :
Donc un code pour remplir avec la 1ère image
mais je viens de l'avoir, car il faut modifier juste le Java.
Et un autre code pour créer des cadres (gris ou peu importe la couleur)
avec un overflow.
Re: Un code pour la PA accordéon
Up ! svp -_-
Re: Un code pour la PA accordéon
SVP UP !
Re: Un code pour la PA accordéon
svp ? Quelqu'un ?
Up !
Up !
Re: Un code pour la PA accordéon
Bonjour,
Tu fais un tableau à deux colonnes :
Après tu changes la taille et la couleur.
Bonne journée.
Tu fais un tableau à deux colonnes :
- Code:
<table><tr><td>
<div style="width: 450px; height:150; background-color: indianred; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;""><div style="padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;">Legi, Patres colendissimi, in Arabum monumentis, interrogatum Abdalam 1 Sarracenum, quid in hac quasi mundana scaena admirandum maxime spectaretur, nihil spectari homine admirabilius respondisse. Cui sententiae illud Mercurii adstipulatur: Magnum, o Asclepi, miraculum est homo 2. </div></div></td><td><div style="margin-left:25px">
<div style="width: 450px; height:150; background-color: indianred; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;"><div style="padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;">Legi, Patres colendissimi, in Arabum monumentis, interrogatum Abdalam 1 Sarracenum, quid in hac quasi mundana scaena admirandum maxime spectaretur, nihil spectari homine admirabilius respondisse. Cui sententiae illud Mercurii adstipulatur: Magnum, o Asclepi, miraculum est homo 2. </div></div></div></tr></td></table>
Après tu changes la taille et la couleur.
Bonne journée.
Re: Un code pour la PA accordéon
Aryaline a écrit:Bonjour,
Tu fais un tableau à deux colonnes :
- Code:
<table><tr><td>
<div style="width: 450px; height:150; background-color: indianred; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;""><div style="padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;">Legi, Patres colendissimi, in Arabum monumentis, interrogatum Abdalam 1 Sarracenum, quid in hac quasi mundana scaena admirandum maxime spectaretur, nihil spectari homine admirabilius respondisse. Cui sententiae illud Mercurii adstipulatur: Magnum, o Asclepi, miraculum est homo 2. </div></div></td><td><div style="margin-left:25px">
<div style="width: 450px; height:150; background-color: indianred; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;"><div style="padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;">Legi, Patres colendissimi, in Arabum monumentis, interrogatum Abdalam 1 Sarracenum, quid in hac quasi mundana scaena admirandum maxime spectaretur, nihil spectari homine admirabilius respondisse. Cui sententiae illud Mercurii adstipulatur: Magnum, o Asclepi, miraculum est homo 2. </div></div></div></tr></td></table>
Après tu changes la taille et la couleur.
Bonne journée.
Je suis d'accord avec ceci, j'ai essayée : beau résultat
Re: Un code pour la PA accordéon
Kikou !
Merci d'avoir répondu !!!
Mais je le met où le code ? stp ^^'
Merci d'avoir répondu !!!
Mais je le met où le code ? stp ^^'
Re: Un code pour la PA accordéon
Coucou.
Et bien, tu le mets là dans l'emplacement où tu dois mettre ton texte. Je suppose que les petits cadres sont le contenu dans ton menu déroulant. Tu le place dans la partie TEXTE de tes News. Lorsque tu remplis cette partie là pour mettre ton texte. Tu mets simplement le code.
Bonne journée.
Et bien, tu le mets là dans l'emplacement où tu dois mettre ton texte. Je suppose que les petits cadres sont le contenu dans ton menu déroulant. Tu le place dans la partie TEXTE de tes News. Lorsque tu remplis cette partie là pour mettre ton texte. Tu mets simplement le code.
Bonne journée.
Re: Un code pour la PA accordéon
Donc je mets dans : Page d'Accueil > Général > Message sur la page d'accueil ?
Par contre j'ai Texte, voilà comment c'est le code :
je mets entre Figure ?
Par contre j'ai Texte, voilà comment c'est le code :
je mets entre Figure ?
- Code:
<div id="accordeon-pa" class="accordion">
<ol>
<li>
<h2><span>Slide 1</span></h2>
<div>
<figure>
<img class="full" src="http://i.imgur.com/SHaqP.jpg" alt="image" />
</figure>
</div>
</li>
<li>
<h2><span>Slide 2</span></h2>
<div>
<figure>
<img class="full" src="http://i.imgur.com/v5LuU.jpg" alt="image" />
</figure>
</div>
</li>
<li>
<h2><span>Slide 3</span></h2>
<div>
<figure>
<img class="full" src="http://i.imgur.com/VdDge.jpg" alt="image" />
</figure>
</div>
</li>
<li>
<h2><span>Slide 4</span></h2>
<div>
<figure>
<img class="full" src="http://i.imgur.com/EwuD0.jpg" alt="image" />
</figure>
</div>
</li>
<li>
<h2><span>Slide 5</span></h2>
<div>
<figure>
<img class="full" src="http://i.imgur.com/Wl1P6.jpg" alt="image" />
</figure>
</div>
</li>
</ol>
</div>
Re: Un code pour la PA accordéon
Oui tu le met dans le message d'accueil.
Je t'ai mis le début :
Vous pouvez changer dedans les "Slide #" qui seront les titres des slides et remplacer les <img class="full" src="https://i.imgur.com/{...}.jpg" alt="image" /> par le html que vous voulez.
Je t'ai mis le début :
- Code:
<div id="accordeon-pa" class="accordion">
<ol>
<li>
<h2><span>Bienvenue</span></h2>
<div>
<figure>
<img class="full" src="http://i.imgur.com/SHaqP.jpg" alt="image" />
</figure>
</div>
</li>
<li>
<h2><span>Contexte</span></h2>
<div>
<figure>
<img class="full" src="http://i.imgur.com/v5LuU.jpg" alt="image" />
</figure>
</div>
</li>
<li>
<h2><span>News du forum</span></h2>
<div>
<figure>
<img class="full" src="http://i.imgur.com/VdDge.jpg" alt=" <table><tr><td>
<div style="width: 450px; height:150; background-color: indianred; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;""><div style="padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;">Legi, Patres colendissimi, in Arabum monumentis, interrogatum Abdalam 1 Sarracenum, quid in hac quasi mundana scaena admirandum maxime spectaretur, nihil spectari homine admirabilius respondisse. Cui sententiae illud Mercurii adstipulatur: Magnum, o Asclepi, miraculum est homo 2. </div></div></td><td><div style="margin-left:25px">
<div style="width: 450px; height:150; background-color: indianred; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;"><div style="padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;">Legi, Patres colendissimi, in Arabum monumentis, interrogatum Abdalam 1 Sarracenum, quid in hac quasi mundana scaena admirandum maxime spectaretur, nihil spectari homine admirabilius respondisse. Cui sententiae illud Mercurii adstipulatur: Magnum, o Asclepi, miraculum est homo 2. </div></div></div></tr></td></table>" />
</figure>
</div>
</li>
<li>
<h2><span>Personnage préfédinit</span></h2>
<div>
<figure>
<img class="full" src="http://i.imgur.com/EwuD0.jpg" alt="image" />
</figure>
</div>
</li>
<li>
<h2><span>Slide 5</span></h2>
<div>
<figure>
<img class="full" src="http://i.imgur.com/Wl1P6.jpg" alt="image" />
</figure>
</div>
</li>
</ol>
</div>
Vous pouvez changer dedans les "Slide #" qui seront les titres des slides et remplacer les <img class="full" src="https://i.imgur.com/{...}.jpg" alt="image" /> par le html que vous voulez.
Re: Un code pour la PA accordéon
Super !! Merci beaucoup Aryaline !!
Prob résolu !!!!!!!!!
Prob résolu !!!!!!!!!
Dernière édition par Jézebel L. le Dim 3 Mar 2013 - 19:00, édité 1 fois
Re: Un code pour la PA accordéon
De rien, y as pas de quoi. N'oublie pas de mettre résolu dans ton titre en haut.
Sujets similaires
» Soucis de code pour menu accordéon
» Problème code tableau accordéon.
» Problème avec le code Javascript pour le feu d'artifice (code pour les fêtes)
» Pour avoir une P.A Accordéon
» Avatar en accordéon - Comment appliquer le code quand les templates sont déjà modifiés?
» Problème code tableau accordéon.
» Problème avec le code Javascript pour le feu d'artifice (code pour les fêtes)
» Pour avoir une P.A Accordéon
» Avatar en accordéon - Comment appliquer le code quand les templates sont déjà modifiés?
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum