j'fais un premier message vide juste comme ça pour bien montrer que c'est pas cassé, le prochain cay le code

test

Serait-ce que le CSS n'a pas tout flingué ? xD

Si si c'est flingué mais tkt ! Je finis un p'ti truc à mon taff et je continue à taffer dessus 8D

Ah bah c'est le fait que les boutons n'avaient pas l'air cassés qui m'a fait pensé que ça n'avait rien flingué xD
Ça marche, t'inquiète prends ton temps Je sais que je me répète pas mal, mais merci encore !

Avec plaisir !
En fait je t'explique rapidement. Sur FA les boutons ce sont des "input" et "label" mais surtout 'input', sauf que c'est comme ça que sont codés les onglets là. Et la première ligne sur CSS..... ça les rend invisibles, impossible à retrouver et tout ça. Du coup bah fallait déjà commencer par les entourer dans une balise faite exprès pour, pour pouvoir modifier le CSS en conséquence et éviter le beug des boutons !

Maintenant faut que je créé les endroits pour les images et tout ça, t'en veux genre une grande par slide ou plusieurs par slide ?

OK test avec une seule grande image

1 2 3

[Vous devez être inscrit et connecté pour voir cette image]

Test de plusieurs images avec l'iframe

Pour modifier la hauteur des images (là j'ai mis 400px de largeur sur le block qui entoure tout, comme ça, ça prend une partie de la zone texte sans être trop gros), c'est ça qu'il faut modifier, que ce soit dans l'iframe ou le CSS du post plus haut (le code diffère très peu d'un post à l'autre) :

Code:

.tab {
  width:400px;
  height:250px;
}

Le "height", la hauteur; là je l'ai mis à 250 parce que taille avatar si jamais, mais si tu veux faire des carrés, suffira de baisser.
Pour la largeur des images, c'est ici :

Code:

.tab img {
  width:120px;
  margin:0px 5px;
}

Le "width", donc la largeur c'est ce qui, ici sur ce post, fait que les trois images sont de 120px de largeur. Pareil, pour augmenter ou diminuer, c'est ça qu'il faut changer. Attention par contre, pour ne pas coller les images, y'a un p'ti margin comme tu peux le voir, donc si tu augmentes la taille des images, faudra modifier ce margin pour pas que ça revienne à la ligne !

(le crédit, c'est primadonna > [Vous devez être inscrit et connecté pour voir ce lien]

Désolée je ne suis plus sur PC je viens me co via téléphone xD Une image par slide, c'est pour un post de récapitulatif des headers par version :3

Merci tout plein ! ** promis, je créditerai correctement ! ( et du coup j'ai pas check le code vu que je suis sur tel, mais je suppose que c'est simple d'ajouter/retirer des slides ? )

C'est tout simple oui ! Tu as le code non compressé en iframe (dans ton panneau d'admin dans les modules tout en bas les pages HTML c'est le premier) et comme ça tu peux voir qu'il faut à chaque fois rajouter un bouton, suivi d'un slide, et remplir ce slide !

C'est juste un coup de main à prendre en vrai
Mais du coup vwala t'as les deux formats, à toi de voir après ce que t'en fais xD

Autant je suis incapable de coder un truc de A à Z, autant je ne suis pas trop mauvaise pour décrypter et modifier un code déjà existant, donc je ne m'en fais pas, ça sera facile à faire :3 Merci encore énormément ! ( et t'as le lien du vrai fow, si jamais un jour t'as l'envie de nous y rejoindre n'hésite pas :3 )

(omg j'ai pas une minute à moi sur mon propre fo' j'ai déjà 8 comptes et un 9ème à venir /PAN mais merci !)

Avec plaisir du coup ! Tout fonctionne c"'est niquel ! Si jamais tu veux supp' le compte n'hésite pas du coup xD

Ahah je comprends xD ça marche :3

Courage pour la suite du coup

Merciiiiiiii mais... JAAAAAWN, ALEEEED xDDDD

Ouiiii ?

(tkt j'ai mis une alerte pour être prévenue quand tu rep ici)
ALORS J'AI VU
Oui normal que ça supporte pas sur deux posts différents; c'est le souci des posts dans FA, c'est qu'il prend le CSS que du PREMIER post du sujet, et pas des autres ;w; ! En gros tu peux poster qu'une fois par sujet :/

Ensuite pour que tous les sliders fonctionnent, regarde dans le CSS, faut rajouter les slides aussi :3 (tu dois avoir que les trois premiers du coup)

Ahah d'acc :3

Mais du coup, le fait qu'il reprenne le CSS du 1er post pour le 2eme, ça peut se régler ou pas du tout ?

J'ai fais un tour dans le CSS ( vraiment PA > Affichage > Couleurs et CSS > CSS ), j'ai rien vu O.O Et si je vais dans PA > Modules > Gestion des pages HTML y'a déjà :

Code:

#tab1:checked ~ .tab.content1,
#tab2:checked ~ .tab.content2,
#tab3:checked ~ .tab.content3,
#tab4:checked ~ .tab.content4,
#tab5:checked ~ .tab.content5 { display: block; }

( ça tombe bien, j'avais besoin que de 5 sliders max xD )

C'est les :

Code:

<div class="tab content1">
          <img src="https://placehold.co/120x250" /><img src="https://placehold.co/120x250" /><img src="https://placehold.co/120x250" />    
   </div>

qu'il faut que je rajoute ?

Parce que du coup, vu la taille des images ( 120x250 alors que moi je vise le code des images 400x250 ) j'ai cru que j'avais pas besoin d'y toucher...

Yes c'est exactement ça ! Tu rajoutes

Code:

<div class="tab content4">
          <img src="https://placehold.co/120x250" /><img src="https://placehold.co/120x250" /><img src="https://placehold.co/120x250" />    
   </div>

Puis pareil en changeant le 4 pour le 5 ! Et normalement t'as tes 5 slides ! Pour la taille des images, tout se joue dans le lien de l'image en quesiton, c'est le site qui génère ça direct. Tu peux remplacer "120x250" par la taille "400x250"

(Ps : J'vais allumer Genshin parce que pourquoi pas t'étonnes pas si je répond pas desuite /PAN)

Pas de soucis, prend ton temps ! :3

Baon... Alors xD

J'ai édité le code HTML, mais... j'ai toujours le même soucis avec mon slider xD Parce que du coup en plus, si tu remontes le sujet actuel, tu vas voir que c'est le petit qui a bougé, pas le gros ! Le gros que j'utilise, lui ça change rien du tout xDDDD

Oh bah là ça fonctionne ? C'juste que les images avaient la même couleur d'un slide à l'autre donc on faisait pas la diff' ?

Bah en fait, j'ai remplacé un display : none en display : table-row pour test, et... ça marche, en effet ! Mais si je remettais en display : none, ça resterait bloqué en 3e position xD

AH
Ah bah écoute du coup tout est good ? XD

Tout est good oui xD Merciiiiiiii !

Bah écoute let's go xD